html{font-size:16px; background-color:var(--html_back); padding:0; margin:0;}
html{font-size: clamp(0.6rem, 1.3vw, 1.4rem)!important;}

body{
  box-sizing: border-box;  
  padding: 0; margin:0;
  background:var(--body_back);
  height:100dvh;
}
* {box-sizing: border-box;margin:0;padding:0;}

.zoom_img{
  position:absolute;
  display:none; float:left;
  justify-content: center; align-items: center;
  top:0dvh; left:0dvw;
  width:90dvw; height:90dvh;
  background-color:#fff; padding:1rem;
  border-radius:10px;
  transition: all 0.3s ease-in-out;
  z-index:7000!important;
  & img{ float:left; width:auto; max-height:90vh;}
}

.row_dn{display:none!important;}

.main{
  width:100dvw; display:block; float:left; height:100dvh;
  overflow:hidden;
}








.table{width:100%; float:left; display:block; height:100dvh; font-size:0.9rem;}
.thead{height: 4dvh;     border-bottom:1px solid #000;
  .hrow{
    display: flex; justify-content: space-between; align-items: center;
    background:var(--main_back); color:var(--main_fore);
    width:100%; height:4dvh;
    /* border-bottom:1px solid #000; */
    padding-left:1%; padding-right:1%;

    .path{ 
      display: flex; justify-content: flex-start; align-items: center; column-gap: 10px; 
      font-weight: 400; font-size: 1rem; width:64%;
      
      & span{color:var(--consart_filter_fore);}
      & *{cursor:pointer;}
    }

    & select{
      width:12%; height:1.8rem;
      background-color:var(--consart_select_back);color:var(--consart_select_fore);
      font-size:0.8rem; font-weight:400;
      border:0; 
      
      & option{color:var(--consart_option_fore); background-color:var(--consart_option_back);}
    }
  }
  .hrow_eq{
    display: flex; justify-content: space-between; align-items: center;
    background:var(--main_back); color:var(--main_fore);
    width:100%; height:4dvh;

    padding-left:1%; padding-right:1%;
    & label{width:40%; height:1.8rem; font-size:1rem; font-weight:400;}
    & select{
      /* appearance: none; */
      width:40%; height:1.8rem; background-color: inherit;
      /* background-color:var(--consart_select_back);color:var(--consart_select_fore); */
      font-size:1rem; font-weight:400;
      border:0; 
      text-transform: uppercase;
      & option{color: rgb(255, 255, 255); background-color: rgb(106, 91, 76);}
      & option:hover{color: yellow;}
      & optgroup{color:red;}
      
    }
  }
}
.activo{color:var(--consart_filter_fore)!important; border: 1px solid var(--consart_filter_fore)!important;}

.tbody{
  display:block; width:100%;
  float:left; 
  height:95dvh;
  overflow-y: auto;
  position:relative;
  padding:5px;
  background:var(--main_back);
	gap:2px;
}

.row_new{
  float:left; display:block;  position:relative;
  background-color:var(--consart_row_back); border-bottom:1px solid var(--consart_row_border);
  transition: all 0.3s ease-in-out;
  height:auto; min-height:3.5rem;
  width:100%; 
  border-radius:8px;
  margin-bottom:5px; overflow-x: hidden; overflow-y:hidden;
  padding:1%; 
  /* transition: all 0.5s ease-in-out; */
  /* transition: all .5s ease-in-out allow-discrete, display .5s ease allow-discrete; */

  &:nth-child(odd){background-color:var(--consart_row_odd_back);}
  .row_head{
    display: flex; justify-content: space-between; align-items: center;
    .div_main{
      width:50%;
      & h3{}
      & h5{font-weight: unset;}
      & section{
        display: flex; justify-content: space-between; align-items: center;
        width:100%;
      }
    }
    .div_stock{
      display: inline-flex; justify-content: space-between; align-items: center; flex-direction: column;
      width:12%; text-align:center; height:1.8rem; padding:2px;
      .stock_label{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:100%; text-align:center; height:1.4rem; padding:2px;
        font-size:0.65rem;
        & span{min-width:16px; text-align:center;}
      }
      .stock{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:100%; text-align:center; height:1.4rem; padding:2px;
        font-size:0.65rem;
        & span{min-width:16px; text-align:center; font-size: 0.9rem;}
        & img{width:14%;}
      }
    }
    .div_precio{
       display: inline-flex; justify-content: space-between; align-items: flex-end;
       flex-direction: column;
        & label{min-height:33%;}
        & label:nth-child(1){font-size: 1.2rem; font-weight:600;}
        & label:nth-child(2){color:#c0c0c0;}
        & label:nth-child(3){color:var(--consart_it_estado); font-size:0.9rem; font-weight:bold;}       
    }
    .div_action{
      display: inline-flex; justify-content: space-between; align-items: center; width:10%;
      & div{width:30%; text-align:center;}
      & div:nth-child(1) i{font-size2.4rem; cursor:pointer;}
      & div:nth-child(3){width:19%;}
      ._cnt{ width:100%; cursor:pointer;
        font-size:2.8rem; color:var(--consart_i_cnt);
        transition: all 0.3s ease-in-out;
        &:hover{scale:1.15;}
        &:where(._ct){color:var(--consart_i_ct)!important;}
        &:where(._sc){color:var(--consart_i_sc)!important;}
      }
      ._mi {cursor:pointer; font-size:1.65rem; color:var(--consart_i_mi); font-weight: 600}
      ._fav{cursor:pointer; font-size:1.5rem; color:var(--consart_i_fav);}

      /*.row ._ct{position:absolute; width:2%; top:1.6rem; right:1.1%; cursor:pointer; font-size:2rem;}
      .row ._sc{position:absolute; width:2%; top:1.6rem; right:3.1%; cursor:pointer; font-size:2rem;}
      & div:nth-child(2){width:30%;}devices_other
      
      */
    }
  }
  .row_promo{
    padding: 0.5rem 2rem 0.5rem 8rem;
    & nav{
      color:red; font-weight:500;
      display: flex; justify-content: space-between; align-items: center;
      #p_name{width:25%;}
      & i{cursor:pointer;}
    }
  }
  .row_mi{
    display: inline-flex; justify-content: space-between; /* align-items: center; */
    width: 100%; padding: 0.5rem 1rem 0.5rem 1rem;
    background: #fff; border-radius:12px;
      /* transition: all .5s ease-in-out allow-discrete, display .5s ease-in-out allow-discrete; */

    .imgs{
      height:-webkit-fill-available; height:-moz-available; height: stretch; width:11%;border:0px solid #000; 
      position:relative; border: 1px solid #c0c0c0;
      .pepe{}
      ._zoom:nth-child(1){ position:absolute; width:90%; top:0.3rem; left:5%; max-height:7rem;}
      ._zoom:nth-child(2){ position:absolute; width:40%; top:7.3rem; left:3%; max-height:3.5rem;}
      ._zoom:nth-child(3){ position:absolute; width:40%; top:7.3rem; left:50%; max-height:3.5rem;}      
    }
    .detail{
      height:100%; width:66%;border:0px solid #000; padding:unset;
      & textarea{
        width:100%; height:9.7rem; resize: none; scrollbar-width: thin; scrollbar-color: #000 #fff;
        font-size:0.8rem; font-family: monospace;
        padding:0.5rem;border:0; margin-bottom: 0.5rem; padding-bottom: 5px;
      }
      .url_oficial{width:25%; display:inline-block; color:var(--consart_mi_url_fore); text-align:left; font-size:0.9rem; font-weight:500;}
      .url_oficial:hover{color:var(--consart_mi_url_hover); cursor:pointer;}
      .garantia{width:30%; display:inline-block; text-align:right; font-size:0.9rem; font-weight:500;}
      .proyectado{width:40%; display:inline-block; text-align:center; font-size:0.9rem; font-weight:500;}
    }
    .entrante{
      display: inline-flex; justify-content: flex-start; align-items: center; flex-direction:column;
      height:-webkit-fill-available; padding-top:1rem; gap:6px; width: 20%;
      & label{ display:block; text-align:center; height:1.6rem; padding-top:0rem;}
      /* & div{ display: inline-flex; justify-content: space-between; align-items: center; height:1.4rem; width:100%;} */
      & span{font-weight:500;}      
    }
  }
  .relacionados{
    width:90%; margin-left:5%!important; margin-top:1rem; float:left; display:block; height: auto; padding: 6px;
    overflow-y:auto; max-height: 10rem;
    
    .rela_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);}
    .rela_row{
      display: inline-flex; justify-content: space-between; align-items: center;
      width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px;

      & label:nth-child(1){width: 15%;}
      & label:nth-child(2){width: 45%;font-size:0.7rem;}
      & label:nth-child(4){width: 15%; text-align: right;}

      & i{font-size:1.6rem; color:var(--consart_i_cnt); cursor:pointer;width: 6%;text-align: center;}
      ._cnteq{color:blue!important;}
      .rela_stock{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:15%; text-align:center; height:1.8rem; padding:2px;
      }
    }    
  }
}
._cnteq{color:blue;}
/* .row_new:where(.row_promo){min-height:10rem!important;} */

/*.row:where(.row_expanded){min-height:15.5rem!important;}
.row:where(.row_expanded:has(.mi_rela)){min-height:27.5rem!important;}
.row:where(.row_expanded:has(.eq)){min-height:15.5rem!important;}

.row:where(.card_expanded){width:96%!important;}*/

.row{
  float:left; display:block;  position:relative;
  background-color:var(--consart_row_back); border-bottom:1px solid var(--consart_row_border);
  transition: all 0.3s ease-in-out;
  height:auto; min-height:3.5rem;
  width:99%; margin-left:0.5%;
  border-radius:8px;
  margin-bottom:5px; overflow-x: hidden; overflow-y:hidden;  
}
.row:nth-child(odd){background-color:var(--consart_row_odd_back);}
.tbody .row:hover{border-color:red;}

.row article{  float:left; display:block; width:100%; height:100%;}

.row ._it{position:absolute; padding:0.2rem; font-size:0.85rem; text-align:left; }
.row ._descart{width:53%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top:0rem; left:0.5%; font-size:1rem; font-weight:bold; cursor:pointer;}
.row ._codiart{width:20%; top:2rem; left:1%; color:var(--consart_it_low); letter-spacing: 0.05rem; font-size:0.75rem; font-weight:bold;}
.row ._codbarra{width:22%; top:1.2rem; left:1%; color:var(--consart_it_low);font-size:0.65rem;letter-spacing: 0.08rem;}
.row ._neto{width:33%; top:2rem; left:20%; color:var(--consart_it_low);}
.row ._precio{width:13%; text-align:right; top:0rem; right:8%; font-weight:bold; font-size:1.1rem;}
.row ._precioold{width:11%; text-align:right; top:0rem; right:21%; font-size:1rem; text-decoration: line-through;}
.row ._estado{width:20%; top:1.8rem; left:66%;text-align:left; color:var(--consart_it_estado); font-size:0.9rem; font-weight:bold;}
.row ._image{display:none;}

  .row .stock{
    display: inline-flex; justify-content: space-between; align-items: center;
    width:12%; text-align:center; height:1.8rem; padding:2px;
    position:absolute; top:1.4rem; left:53%; max-width:120px;
  }
  .row .stock span{min-width: 16px;}
  .row .stock img{width:16%;}
  .row .stock_label{
    display: inline-flex; justify-content: space-between; align-items: center;
    width:12%; text-align:center; height:1.4rem; padding:2px;
    position:absolute; top:0.1rem; left:53%; font-size:0.65rem; max-width:120px;
  }
  .row .stock_label span{min-width:16px;}

.row ._cnt{position:absolute; width:4%; top:0.45rem; right:3%; cursor:pointer;
  font-size:2.8rem; color:var(--consart_i_cnt);
  transition: all 0.3s ease-in-out;
}
.row ._cnt:hover{scale:1.15;}
.row ._cnt:where(._ct){color:var(--consart_i_ct)!important;}
.row ._cnt:where(._sc){color:var(--consart_i_sc)!important;}

.row ._mi {position:absolute; width:2%; top:1.6rem; right:0.9%; cursor:pointer; font-size:1.65rem; color:var(--consart_i_mi); font-weight: 600}
.row ._fav{position:absolute; width:2%; top:0.3rem; right:0.7%; cursor:pointer; font-size:1.5rem; color:var(--consart_i_fav);}
.row ._ct{position:absolute; width:2%; top:1.6rem; right:1.1%; cursor:pointer; font-size:2rem;}
.row ._sc{position:absolute; width:2%; top:1.6rem; right:3.1%; cursor:pointer; font-size:2rem;}

.row:where(.exp_promo){min-height:10rem!important;}

.row:where(.row_expanded){min-height:15.5rem!important;}
.row:where(.row_expanded:has(.mi_rela)){min-height:27.5rem!important;}
.row:where(.row_expanded:has(.eq)){min-height:15.5rem!important;}

.row:where(.card_expanded){width:96%!important;}
/*
.row:where(.card_expanded:has(.mi_rela)){min-height:27.5rem!important;}
.row:where(.card_expanded:has(.eq)){min-height:15.5rem!important;}
*/
/* .row:has(.mi_rela){min-height:15.5rem!important;} */

/* .row_expanded:has(.mi_rela){min-height:20.8rem;} */


/* ver de aplicar por atributo FUNCIONA*/
/*
.row_expanded{min-height:15.5rem!important;}
.row_expanded_pro{min-height:35rem;}
.row_expanded[promo="1"]{min-height:20.8rem;}
.row_expanded[acc="1"]{min-height:35.5rem;}*/

/*.zoom_mi */

.mi_modal{ 
  display:block;  position:absolute; z-index:-1; padding:2%;
  background-color:var(--consart_row_back); border-bottom:1px solid var(--consart_row_border);
  transition: all 0.3s ease-in-out;
  height:auto; min-height:350px; max-height: 80vh;
  width:90%;
  border-radius:20px;
  overflow-x: hidden; overflow-y:hidden;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  opacity:0;
  transition: all 0.5s ease-in-out allow-discrete;
  .m25_close{
    position:absolute; top:5px; right:1%; z-index:11; cursor:pointer;
  }
}
.zoom_show{opacity:1!important; z-index:10!important;}

.bor{border:1px solid #c0c0c0!important;border-radius:8px!important;}

.row .mi{
  position:absolute; top:3.5rem; left:0%; padding-bottom: 10px;
  width:100%; 
  background-color:var(--consart_mi_back)!important; border:1px solid var(--consart_mi_border);
  
  .mi_main > *{padding:5px;}
  .mi_main{
    display: inline-flex; justify-content: space-between; align-items: center;
    height:12rem; width:100%;padding:5px;

    .imgs{
      height:100%; width:11%;border:0px solid #000; position:relative;
      .pepe{}
      ._zoom:nth-child(1){ position:absolute; width:90%; top:0.3rem; left:5%; max-height:7rem;}
      ._zoom:nth-child(2){ position:absolute; width:40%; top:7.3rem; left:3%; max-height:3.5rem;}
      ._zoom:nth-child(3){ position:absolute; width:40%; top:7.3rem; left:50%; max-height:3.5rem;}
    }
    .texts{height:100%; width:50%;border:0px solid #000; padding:unset;
      & textarea{
        width:100%; height:9.7rem; resize: none; scrollbar-width: thin; scrollbar-color: #000 #fff;
        font-size:0.8rem; font-family: monospace;
        padding:0.5rem;border:0;
      }
      .url_oficial{width:40%; display:inline-block; color:var(--consart_mi_url_fore); text-align:left; font-size:0.9rem; font-weight:500;}
      .url_oficial:hover{color:var(--consart_mi_url_hover); cursor:pointer;}
      .garantia{width:59%; display:inline-block; text-align:right; font-size:0.9rem; font-weight:500;}
    }
    .p_esp{
      width:25%; margin-left:5%!important; margin-top:1rem; float:left; display:block; height: auto; padding: 6px;
      overflow-y:auto; max-height: 10rem;
      
      .rela_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);}
      .rela_row{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px;

        & label:nth-child(1){width: 40%;}
        & label:nth-child(2){width: 15%;}
        & label:nth-child(4){width: 15%; text-align: right;}
        & label:nth-child(4){width: 15%; text-align: right;}

        & i{font-size:1.6rem; color:var(--consart_i_cnt); cursor:pointer;width: 10%;text-align: center;}
      }
    }
    .entrante{height:100%;width:10%;border:0px solid #000;
      & label{ display:block; font-weight:600; text-align:center; height:1.6rem;}
      & div{ display: inline-flex; justify-content: space-between; align-items: center; height:1.4rem; width:100%;}
      & span:nth-child(2){font-weight:500;}
    }
  }
  .eq{
    width:90%; margin-left:5%!important; margin-top:1rem; float:left; display:block; height: auto; padding: 6px;
    overflow-y:auto; max-height: 10rem;
    .eq_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);}
    .eq_row{
      display: inline-flex; justify-content: space-between; align-items: center;
      width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px;


      & label:nth-child(1){width: 15%;}
      & label:nth-child(2){width: 45%;}
      & label:nth-child(3){width: 10%;text-align: center;}
      .eq_stock{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:15%; text-align:center; height:1.8rem; padding:2px;
        
        & span{min-width: 18px;}
      }
      & label:nth-child(5){width: 15%; text-align: right;}
    }
  }

  .mi_rela{
    width:90%; margin-left:5%!important; margin-top:1rem; float:left; display:block; height: auto; padding: 6px;
    overflow-y:auto; max-height: 10rem;
    
    .rela_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);}
    .rela_row{
      display: inline-flex; justify-content: space-between; align-items: center;
      width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px;

      & label:nth-child(1){width: 15%;}
      & label:nth-child(2){width: 45%;}
      & label:nth-child(4){width: 15%; text-align: right;}

      & i{font-size:1.6rem; color:var(--consart_i_cnt); cursor:pointer;width: 10%;text-align: center;}
      .rela_stock{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:15%; text-align:center; height:1.8rem; padding:2px;
      }
    }
  }
}
.l10{text-decoration:underline; }

.card_mi{
  position:relative; display:block;  float:left; height:35rem; width:100%;padding:0 5px;
	    scrollbar-color: #8b8b8b #fcfcfc;
 
  .flow{position:relative; display: flex; justify-content: space-between; align-items: center; float:left; height:14rem; width:100%; padding:5px;scrollbar-color:unset!important;}
  .sku_detail{
    height:3.5rem!important; width:96%; border:0px solid #000; margin-top:0.3rem;

    ._it{position:absolute; padding:0.2rem; font-size:0.85rem; text-align:left; }
    ._descart{width:53%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top:0rem; left:0.5%; font-size:1rem; font-weight:bold; cursor:pointer;}
    ._codiart{width:20%; top:2rem; left:1%; color:var(--consart_it_low); letter-spacing: 0.05rem; font-size:0.75rem; font-weight:bold;}
    ._codbarra{width:30%; top:1.2rem; left:1%; color:var(--consart_it_low);font-size:0.65rem;letter-spacing: 0.08rem;}
    ._neto{width:45%; top:2rem; left:20%; color:var(--consart_it_low);}
    ._precio{width:13%; text-align:right; top:0rem; left:74%; font-weight:bold; font-size:1.1rem;}
    ._precioold{width:13%; text-align:right; top:0rem; left:63%; font-size:1rem; text-decoration: line-through;}
    ._estado{width:20%; top:2rem; left:67%;text-align:right; color:var(--consart_it_estado); font-size:0.9rem; font-weight:bold;}

    ._cnt{
      position:absolute; width:4%; top:0.45rem; right:3%; cursor:pointer;
      font-size:2.8rem; color:var(--consart_i_cnt);
      transition: all 0.3s ease-in-out;
    }
    ._cnt:hover{scale:1.15;}
    ._cnt:where(._ct){color:var(--consart_i_ct)!important;}
    ._cnt:where(._sc){color:var(--consart_i_sc)!important;}
    
    ._fav{position:absolute; width:2%; top:0.8rem; right:0.7%; cursor:pointer; font-size:1.5rem; color:var(--consart_i_fav);}
    /*
    ._ct{position:absolute; width:2%; top:1.6rem; right:1.1%; cursor:pointer; font-size:2rem;}
    ._sc{position:absolute; width:2%; top:1.6rem; right:3.1%; cursor:pointer; font-size:2rem;}
    */
  }/**************************/

    .basic{
      position:relative; float:left; height:15rem; width:100%; /*padding:5px;*/
      display: flex; justify-content: space-between; align-items: center;
      /*background-color:gray;*/
      .imgs{
        height:100%; width:30%;border:0px solid #000; position:relative;
        .pepe{}
        ._zoom:nth-child(1){ position:absolute; width:64%; top:0.3rem; left:1%; max-height:12.5rem;}
        ._zoom:nth-child(2){ position:absolute; width:27%; top:0.3rem; left:70%; max-height:3.5rem;}
        ._zoom:nth-child(3){ position:absolute; width:27%; top:7.5rem; left:70%; max-height:3.5rem;}
      }
      .texts{height:100%; width:48%;border:0px solid #000; padding:unset;
        & textarea{
          width:100%; height:88%; resize: none; scrollbar-width: thin; scrollbar-color: #000 #fff;
          font-size:0.9rem; 
          /* font-family: monospace; */
          padding:0.5rem;border:0; 
        }
        .url_oficial{width:40%; display:inline-block; color:var(--consart_mi_url_fore); text-align:left; font-size:0.9rem; font-weight:500;}
        .url_oficial:hover{color:var(--consart_mi_url_hover); cursor:pointer;}
        .garantia{width:59%; display:inline-block; text-align:right; font-size:0.9rem; font-weight:500;}
      }
      .entrante{height:100%;width:19%;border:0px solid #000;padding:0 0.5%;
        & label{ display:block; font-weight:600; text-align:center; height:1.6rem;}
        & div{ display: inline-flex; justify-content: space-between; align-items: center; height:1.4rem; width:100%;}
        & span:nth-child(1){width:3rem;}
				& span:nth-child(2){width:2rem;font-weight:400;}
				& span:nth-child(3){width:5rem;}
      }
    } /**************************/

  .p_esp{
      width:90%; margin-left:5%!important; margin-top:1rem; float:left; display:block; height: auto; padding: 6px;
      overflow-y:auto; max-height: 10rem;
      
      .rela_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);}
      .rela_row{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px;

        & label:nth-child(1){width: 40%;}
        & label:nth-child(2){width: 15%;}
        & label:nth-child(4){width: 15%; text-align: right;}
        & label:nth-child(4){width: 15%; text-align: right;}

        & i{font-size:1.6rem; color:var(--consart_i_cnt); cursor:pointer;width: 10%;text-align: center;}
      }
  } /**************************/
  .eq{
    width:100%; float:left; display:block; height: auto;
    padding: 6px; overflow-y:auto; max-height: 15rem;

    .eq_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);border-radius:5px;}
    .eq_row{
      display: inline-flex; justify-content: space-between; align-items: center;
      width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px;
      
      & label:nth-child(1){width: 15%;}
      & label:nth-child(2){width: 45%;}
      & label:nth-child(3){width: 10%;text-align: center;}
      .eq_stock{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:15%; text-align:center; height:1.8rem; padding:2px;
        
        & span{min-width: 18px;}
      }
      & label:nth-child(5){width: 15%; text-align: right;}
    }
  } /**************************/
  .card_rela{
    width:100%;float:left; display:block; height: auto; padding: 6px;
    overflow-y:auto; max-height: 14rem;
      
    .rela_title{background-color:var(--tb_hrow_back); color:var(--tb_hrow_fore);border-radius:5px;}
    .rela_row{
      display: inline-flex; justify-content: space-between; align-items: center;
      width:100%; height:1.8rem; padding-left: 4px; padding-right: 4px; font-size:0.8rem;
      .pep{}
      & label:nth-child(1) { width:15%;}
      & label:nth-child(2){width: 45%;}
      & label:nth-child(4){width: 15%; text-align: right;}

      & i{font-size:1.6rem; color:var(--consart_i_cnt); cursor:pointer;width: 10%;text-align: center;}
      .rela_stock{
        display: inline-flex; justify-content: space-between; align-items: center;
        width:15%; text-align:center; height:1.8rem; padding:2px; font-size:1rem;
        & span{width:15%!important;}
        & img{width:15%!important;}
      }
    }
  }


}


/* .card:nth-child(odd) {background-color: var(--consart_row_back)!important;} */
.g_card{	display:flex!important;flex-wrap:wrap!important;justify-content:space-evenly;}
.card{
  position:relative;
	width:clamp(220px,20%,240px);
  height:350px; border-radius: 20px!important; transition:unset;
  background-color:var(--consart_row_back); 
  /* border-bottom:1px solid var(--consart_row_border); */
  transition: all 0.3s ease-in-out;

  min-height:3.5rem;
  border-radius:8px;
  margin-bottom:5px; overflow-x: hidden; overflow-y:hidden;
  padding:1%; 
  font-size:16px;
  /* &:nth-child(odd){background-color:var(--consart_row_odd_back);} */

  .card_top{
    display: flex; justify-content: space-between; align-items: center;
    ._codiart{width:70%; font-weight:600;}
    ._fav{width:auto; font-size:1.4em; color:red;cursor: pointer;}
    ._mi {width:auto; font-size:2em; color:blue;cursor: pointer;}
  }
  ._image{
    display: flex; justify-content: center; align-items: center; max-height: 12em; min-height: 12em;
    & img{max-width:94%;max-height: 12em;}
  }
  & h3{width:100%; text-align:center; height:3em; font-size:0.72em;cursor: pointer;}
  ._estado{
    display:block; width:100%; text-align:center; height:1em; 
    font-size: 0.7em; color:var(--consart_it_estado);
    font-weight:500;
  }
  .card_bottom{
    display: flex; justify-content: space-between; align-items: center;
    height: 3em; margin-top: 0.5em;
    .div_stock{
      display: inline-flex; justify-content: space-between; align-items: center; flex-direction: column;
      width:50%; text-align:center; height:1.8em; padding:2px;
      .stock_label{
        display: flex; justify-content: space-between; align-items: center;
        width:100%; text-align:center; height:1.4em; padding:2px;
        font-size:0.65em;
        & span{min-width:16px; text-align:center;}
      }
      .stock{
        display: flex; justify-content: space-between; align-items: center;
        width:100%; text-align:center; height:1.4em; padding:2px;
        font-size:0.65em;
        & span{min-width:16px; text-align:center; font-size: 0.9em;}
        & img{width:14%;}
      }
    }
    ._precio{width:45%; text-align:right; height:1.8em; font-weight:600;}
  }
  ._cnt{position:absolute; top: 52%; right: 3%;
    font-size: 2em; color: green; cursor: pointer;}
}