@import url(static_obj.css?v=6.23);
@import url(static_flex.css?v=6.23);
@import url(mdls.css?v=6.23);
/* --------------------------------- */
h1{
    top: 40px;
    left: 40px;
    position: absolute;
    font-weight: normal;
    z-index: 0;
    text-shadow: 10px 1px 12px #30007e, 0 0 1em #6c0491, 0 0 0.2em #650376;
    color: #ffffff;
}
h2{
    top: 318px;
    left: 40px;
    position: absolute;
    font-weight: normal;
    z-index: 0;
    text-shadow: 10px 1px 12px #30007e, 0 0 1em #6c0491, 0 0 0.2em #650376;
    color: #ffffff;
}
.no{
 display: none;
}
.div-back-imgs{
    border-radius: inherit;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: rgb(255 255 255 / 86%);
    position: absolute;
}
/* -----------------CONTENEDORES PORTADA------------------ */
.set-1{
    width: 97%;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    margin-top: 10px;
    position: sticky;
    top: 40px;
}
.set-2{
    width: 94%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    overflow: hidden;
}
.set-3{
    width: 98%;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    margin-top: 10px;
}
.set-4{
    width: 100%;
    height: 98%;
    min-height: 98%;
}
.set-5{
    width: 97%;
    height: 500px;
    min-height: 500px;
    max-height: 500px;
    margin-top: 60px;
}
.set-6{
    width: 79%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
}
.set-8{
    display: none;
    width: 98%;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: linear-gradient(45deg, #baf5f0, #ffffff, #fde2e2, #d0ffb9);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 20px;
}
.set-8-a{
    width: 98%;
    height: 300px;
    margin-top: 35px;
    margin-bottom: 0px;
    background-color: white;
    box-shadow: none;
}
.set-8-b{
    display: none;
}
.set-8-img{
    background-image: url(../imgs/back_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.set-8-img-2{
    background-image: url(../imgs/may_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.set-8-img-3{
    background-image: url(../imgs/envio.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    position: relative;
}
.set-9{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.set-10{
    margin-bottom: 50px;
    width: 100%;
    height: auto;
}
.set-11{
    margin-bottom: 30px;
    width: 30%;
    height: auto;
    /* background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    border-radius: 30px;
    box-shadow: var(--sdw-nav); */
}
.set-12{
    width: 99%;
    height: 50px;
}
.set-13{
    width: 67%;
    height: 98%;
}
.set-14{
    width: 97%;
    height: 1000px;
    margin-bottom: 200px;
}
.set-15{
    width: 98%;
    height: auto;
    margin-bottom: 200px;
    margin-top: 50px;
}
.set-16{
    width: 98%;
    height: 120px;
    position: sticky;
    top: 35px;
    margin-top: 0px;
    background-color: #525152;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: var(--sdw-aside);
    z-index: 1;
}
.art-inps-1{
    width: 22%;
    height: 80%;
    min-height: 80%;
    max-height: 80%;
    background-color: #3fbdb7;
    border-radius: 30px;
}
.set-17{
    width: 99%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
}
.set-18{
    width: auto;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    margin-left: 10px;
}
.set-19{
    width: 95%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
}
.set-20{
    width: 100%;
    height: auto;
    margin-top: 0px;
    z-index: 1;
}
.set-21{
    width: 30%;
    height: auto;
    margin-right: 10px;
}
.set-22{
    width: 30%;
    height: auto;
    margin-left: 10px;
}
.set-23{
    width: 100%;
    height: 50px;
    z-index: 1;
}
.cont-btns-men{
    width: auto;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}
.set-24{
    width: 100%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
}
.set-25{
    width: 30%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
}
.set-26{
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    z-index: 1;
}
.set-27{
    width: 50%;
    height: 30%;
    min-height: 30%;
    max-height: 30%;
    margin-top: 0px;
    z-index: 1;
}
.art-ttl-red-1{
    z-index: 0;
    margin-left: 15px;
}
.art-ttl-red-2{
    z-index: 1;
    margin-right: 10px;
}
.SPN-SUB-TTL-RED{
    font-size: 13px;
    font-weight: normal;
}
.set-tutor{
    width: 98%;
    height: 400px;
    margin-top: 25px;
    margin-bottom: 0px;
    background-color: white;
    box-shadow: none;
}
.set-tutor-img{
    background-image: url(../imgs/tutor.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
/* -------------FIN CONTENEDORES PORTADA------------------ */
/* ----------------------BOTONES-------------------------- */
button[id='btn_scr_1']{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: black;
    box-shadow: var(--sdw-aside);
}
button[id='btn_scr_2']{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: black;
    box-shadow: var(--sdw-aside);
}
button[id='btn_faceb']{
    width: 40px;
    height: 40px;
    background-color: var(--back-1);
    border-radius: 50%;
    top: 255px;
    right: 38px;
    position: absolute;
    background-image: url(../imgs/facebook-600.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_inst']{
    width: 40px;
    height: 40px;
    background-color: var(--back-1);
    border-radius: 50%;
    top: 255px;
    right: 86px;
    position: absolute;
    background-image: url(../imgs/instagram.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_1']{
    width: 45px;
    height: 45px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    background-image: url(../imgs/facebook-600.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_2']{
    width: 45px;
    height: 45px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    background-image: url(../imgs/instagram.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_3']{
    width: 40px;
    height: 40px;
    background-color: var(--back-1);
    border-radius: 50%;
    top: 255px;
    right: 135px;
    position: absolute;
    background-image: url(../imgs/youtube_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_4']{
    width: 40px;
    height: 40px;
    background-color: var(--back-1);
    border-radius: 50%;
    top: 255px;
    right: 184px;
    position: absolute;
    background-image: url(../imgs/mensajeria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_5']{
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 50%;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    background-image: url(../imgs/share_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
    
}
button[id='btn_redes_may_1']{
    width: 100px;
    height: 100px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/facebook-600.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_may_2']{
    width: 100px;
    height: 100px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/adriclub_maroristas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_redes_may_3']{
    width: 45px;
    height: 45px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/mensajeria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_tiemp_5']{
    width: 40px;
    height: 40px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 6px;
    background-image: url(../imgs/mensajeria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_tiemp_30']{
    width: 40px;
    height: 40px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 6px;
    background-image: url(../imgs/mensajeria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid white;
}
button[id='btn_cat_men']{
    width: 150px;
    height: 100%;
    background-color: black;
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: normal;
}
button[id='btn_cat_men']:hover{
    background-color: rgb(70, 70, 70);
}

button[id='BTN_NAV_COMENT']{
    width: 150px;
    height: 100%;
    background-color: black;
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: normal;
}
button[id='BTN_NAV_COMENT']:hover{
    background-color: rgb(70, 70, 70);
}

button[id='btn_redes']{
    width: 150px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: unset;
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
button[id='btn_redes']:hover{
    background-color: black;
}
button[id='btn_mayoristas']{
    width: 150px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: unset;
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;  
}
button[id='btn_mayoristas']:hover{
    background-color: black; 
}
button[id='conf_art']{
    width: 150px;
    height: 50px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
button[id='btn_agr_1']{
    width: 80%;
    height: 40%;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 24px;
    font-weight: bold;
    border-top-right-radius: 0px;
}
button[id='btn_agr_2']{
    width: 80%;
    height: 40%;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 24px;
    font-weight: bold;
    border-bottom-right-radius: 0px;
}
button[id='btn_conf_adv']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
button[id='btn_conf_adv_quit_art']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(140, 65, 65);
    background: radial-gradient(circle, rgb(248, 110, 85) 0%, rgb(232, 73, 94) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
button[id='btn_conf_ped']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
button[id='btn_quit_ped']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(140, 65, 65);
    background: radial-gradient(circle, rgb(248, 110, 85) 0%, rgb(232, 73, 94) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
button[id='btn_cart']{
    width: 30px;
    height: 30px;
    background-image: url(../imgs/cart_admin.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-color: unset;
    box-shadow: none;
    margin-right: 12px;
    border-radius: 50%;
    background-color: white;
}
button[id='btn_conf_adv_quit_tod']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(140, 65, 65);
    background: radial-gradient(circle, rgb(248, 110, 85) 0%, rgb(232, 73, 94) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
button[id='btn_conf_adv_cerr_sesion']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(140, 65, 65);
    background: radial-gradient(circle, rgb(248, 110, 85) 0%, rgb(232, 73, 94) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: 36;
}
button[id='btn_adv_conf_ped']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}
p[id='det_mayoristas']{
    color: #00817a;
    font-family: unset;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
p[id='det_mayoristas2']{
    color: #00817a;
    font-family: unset;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
button[id='btn_redes_fut_1']{
    width: 50px;
    height: 50px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/facebook-600.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
button[id='btn_redes_fut_2']{
    width: 50px;
    height: 50px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/instagram.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
button[id='btn_redes_fut_3']{
    width: 50px;
    height: 50px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/youtube_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
button[id='btn_redes_fut_4']{
    width: 50px;
    height: 50px;
    background-color: var(--back-1);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    background-image: url(../imgs/mensajeria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
button[id='btn_conf_adv_usu']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: 36;
}
button[id='btn_conf_login']{
    width: 150px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: rgb(65,77,140);
    background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: 36;
}
button[id='btn_conf_perfil']{
    width: 200px;
    height: 40px;
    margin-right: 15px;
    border-radius: 30px;
    background: radial-gradient(circle, rgb(65 140 71) 0%, rgb(73 232 85) 100%);
    color: white;
    font-family: unset;
    font-size: 13px;
    font-weight: 36;
}
.flecha{
    display: none;
}
/* ------------------FIN BOTONES-------------------------- */
/* ----------------------INPUTS--------------------------- */
input[id='cheq_1']{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
input[id='cheq_2']{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
input[id='cheq_3']{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
input[id='cheq_domic']{
    width: 13px;
    height: 13px;
    cursor: pointer;
}
input[id='cheq_ofic']{
    width: 13px;
    height: 13px;
    cursor: pointer;
}
input[id='chek_term']{
    width: 13px;
    height: 13px;
    cursor: pointer;
}
.lbl-cheq-env-1{
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}
.lbl-cheq-env-2{
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    margin-right: 10px;
}
/* ------------------FIN INPUTS--------------------------- */
/* -----------------TEXT AREA------------------------ */
textarea{
   outline: none;
   border: 0.2px solid var(--back-border-1);
   background-color: var(--back-0);
   border-radius: 0px;
   transition: 0.5s;
   font-family: unset;
   font-size: 12px;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}
textarea:focus{
   border: 0.2px solid var( --back-border-1-focus);
}
textarea:hover{
    border: 0.2px solid var(--back-border-1-hover);
}
textarea[id='txt_area_1']{
    width: 92.9%;
    min-width: 92.9%;
    max-width: 92.9%;
    height: 60%;
    min-height: 60%;
    max-height: 60%;
    margin-left: 10px;
}
textarea[id='txta_com_ped']{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #f9f9f9;
    margin-bottom: 5px;
    font-family: unset;
}
/* ---------------------LABELS---------------------------- */
.lbl-cheqs{
    color: var(--back-0);
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}
/* -----------------FIN LABELS---------------------------- */
/* -------------------TABLAS CATEGORIAS------------------- */
.tbls-categ-menu{
    width: 98%;
    min-width: 98%;
    max-width: 98%;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    cursor: pointer;
    transition: 0.5s;
    background-color: #747474;
    margin-top: 1px;
    border-radius: 0px;
    /* box-shadow: var(--sdw-aside); */
}
.tbls-categ-menu:hover{
    background-color: #1b1a1a;
}
.tbls-categ{
    width: 250px;
    min-width: 250px;
    max-width: auto;
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    background-color: #747474;
    margin-left: 1px;
    margin-right: 1px;
    /* box-shadow: var(--sdw-aside); */
    /* border-radius: 30px; */
    cursor: pointer;
    transition: 0.5s;
}
.tbls-categ:hover{
    background-color: rgb(31, 30, 30);
}
/* ---------------FIN TABLAS CATEGORIAS------------------- */
/* ------------------TABLAS INFORMACION------------------- */
.tbls-info{
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    background-color: var(--back-0);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 20px;
}
.CONT-SOLIC-MAY{
    width: 35%;
    min-width: 35%;
    max-width: 35%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    background: linear-gradient(45deg, #c7c7c7, #ffffff, #fde2e2, #c7c7c7);                                         
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
/* --------------FIN TABLAS INFORMACION------------------- */
/* -----------------TABLAS MAS VENDIDOS------------------- */
.tbls-mas-vend{
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    height: 270px;
    min-height: 270px;
    max-height: 270px;
    background-color: var(--back-0);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: var(--sdw-nav);
    border-radius: 50%;
    cursor: pointer;
}
/* --------------FIN TABLAS MAS VENDIDOS------------------ */
/* --------------------TABLAS ARTICULOS------------------- */
.tbls-arts{
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    background-color: var(--back-0);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: var(--sdw-nav);
    cursor: pointer;
    transition: 0.5s;
    position: relative;
}
.tbls-arts:hover{
 box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.div-det{
    width: 100%;
    height: 30%;
    min-height: 30%;
    max-height: 30%;
    background-color: var(--back-0);
}
.div-cont-ar{
    width: 100%;
    height: 35px;
    background-color:#3fbdb7;
}
.cont-ape-nomb{
    width: 95%;
    min-width: 95%;
    height: auto;
    background-color: unset;
}
.cont-cart-men{
    width: auto;
    height: auto;
}
.cont-reds-may{
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 1;
}
/* -----------------FIN TABLAS ARTICULOS------------------ */
/* -------------------------SPANS------------------------- */
.spn-cat{
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    margin-top: 2px;
    margin-bottom: 2px;
}
.spn-cat-men-fil{
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: white;
    margin-left: 8px;
    margin-right: 8px;
}
.spn-cat-men{
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: var(--back-1);
}
.spn-redes-inf{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.spn-redes-inf-2{
    font-size: 17px;
    font-weight: 200;
    text-shadow: 1px 1px 2px white, 0 0 1em blue, 0 0 0.2em #dadaff;
    color: black;
}
.spn-ofer-desc-1{
    font-size: 22px;
    font-weight: 200;
    text-shadow: 1px 1px 2px white, 0 0 1em blue, 0 0 0.2em #dadaff;
    color: black;
}
.spn-ofer-desc-2{
    font-size: 16px;
    font-weight: 100;
    text-shadow: 1px 1px 2px white, 0 0 1em blue, 0 0 0.2em #dadaff;
    color: black;
}
.spn-categ{
    font-size: 13px;
    font-weight: 100;
    color: var(--back-0);
    margin-left: 10px;
}
.spn-cat-art{
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: var(--back-negro);
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 8px;
}
.spn-prec-art{
    font-size: 18px;
    font-weight: bold;
    color: var(--back-negro); 
    margin-left: 10px;
}
.stk-1{
 width: auto;
 height: auto;
 padding: 1px 3px;
 background-color: var(--back-negro);
 border-radius: 10px;
 color: var(--back-0);
 font-size: 10px;
 font-weight: normal;
 margin-right: 10px;
}
.spn-det-mdl{
    font-size: 18px;
    font-weight: bold;
    color: var(--back-negro); 
    text-decoration: underline;
}
.spn-cod-mdl{
    font-size: 15px;
    font-weight: normal;
    color: var(--back-negro); 
}
.spn-stk-mdl{
    font-size: 15px;
    font-weight: normal;
    color: var(--back-negro); 
}
.spn-caract-mdl{
    font-size: 13px;
    font-weight: normal;
    color: var(--back-negro);
    margin-right: 20px;
}
.ttl-coment{
    font-size: 12px;
    font-weight: normal;
    color: var(--back-negro); 
}
.spn-ttl-mont{
    font-size: 12px;
    font-weight: normal;
    color: var(--back-negro);
}
.spn-mdl-mont{
    font-size: 24px;
    font-weight: bold;
    color: var(--back-negro);
}
.spn-mdl-cant{
    font-size: 24px;
    font-weight: bold;
    color: var(--back-negro);
}
.spn-deta-adv{
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: var(--back-negro);
    margin-left: 10px;
    margin-right: 10px;
}
.spn-deta-adv-ip{
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: var(--back-negro);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.spn-ttl-ped{
    font-size: 12px;
    font-weight: bold;
    color: rgb(121, 0, 219);
    margin-bottom: 3px;
}
.spn-monts-ped{
    font-size: 18px;
    font-weight: bolder;
    color: var(--back-negro);
}
.spn-monts-ped-1{
    font-size: 18px;
    font-weight: bolder;
    color: #002afb;
}
.spn-monts-ped-2{
    font-size: 18px;
    font-weight: bolder;
    color: #d39c00;
}
.spn-monts-ped-3{
    font-size: 18px;
    font-weight: bolder;
    color: #00b316;
}
.ttl-env{
    font-size: 14px;
    font-weight: normal;
    color: #17e314;
}
.spn-ttl-advs{
    font-size: 14px;
    font-weight: bold;
    color: white;
}
span[id="cant_stor"]{
    font-size: 15px;
    font-weight: bold;
    color: #31ff00;
    margin-right: 5px;
}
/* ---------------------FIN SPANS------------------------- */
/* ----------------------IMAGENES------------------------- */
.img-arts{
    width: 100%;
    height: 240px;
    min-height: 240px;
    max-height: 240px;
}
img[id='info_1']{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
img[id='info_2']{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
img[id='info_3']{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
img[id='img_det_1']{
    width: 100%;
    height: 100%;
}
img[id='img_det_2']{
    width: 24.5%;
    height: 95%;
    min-height: 95%;
    max-height: 95%;
    cursor: pointer;
}
img[id='img_det_3']{
    width: 24.5%;
    height: 95%;
    min-height: 95%;
    max-height: 95%;
    cursor: pointer;
}
img[id='img_det_4']{
    width: 24.5%;
    height: 95%;
    min-height: 95%;
    max-height: 95%;
    cursor: pointer;
}
img[id='img_det_5']{
    width: 24.5%;
    height: 95%;
    min-height: 95%;
    max-height: 95%;
    cursor: pointer;
}
/* ------------------FIN IMAGENES------------------------- */
/* -------------------LISTADO DE CATEGORIAS--------------- */
.list-despl{
    width: auto;
    height: 97%;
    position: relative;
    display: inline-block;
}
.list-content{
  display: none;
  position: absolute;
  background-color: #342f34;
  min-width: 450px;
  height: 530px;
  min-height: 530px;
  max-height: 530px;
  box-shadow: var(--sdw-mdls);
  z-index: 1;
  overflow: auto;
  margin-top: 0px;
}
.show{
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: initial;
 justify-items: center;
 align-items: center;
}
/* ---------------FIN LISTADO DE CATEGORIAS--------------- */
/* -------------------------FOOTER------------------------ */
.cont-fut-1{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.cont-fut-2{
    width: 100%;
    height: auto;
}
.cont-fut-3{
    width: 100%;
    height: 50px;
    min-height: 50px;
    background-color: #282828;
}
.spn-det-fut{
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: var(--back-0);
    margin-bottom: 10px;
}
.spn-det-fut-cop{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: var(--back-0);
}
/* ---------------------FIN FOOTER------------------------ */
/* -----------------MODAL VER ARTICULO-------------------- */
.cerr-img{
    display: none;
}
.cont-detalle-car{
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}
.flecha-no{
    display: none;  
}
.flecha_2{
    display: none; 
}
.cont-cod-comp{
    width: 95%;
    height: auto;
}
.div-cont-tutorial{
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 20px;
}
.vid{
    width: 90%;
    height: 95%;
    min-height: 95%;
    z-index: 1;
    border-radius: 20px;
}
.ico-detall-1{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/shopping_bag_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
}
.ico-detall-2{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/open_in_browser_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
}
.ico-detall-3{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/delivery_dining_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
}
.ico-detall-4{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/verified_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
}
.ico-detall-5{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/whatsapp_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
}
.ico-detall-6{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/card_giftcard_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
}
.ico-detall-7{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-image: url(../imgs/add_business_black_FILL0_wght300_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: var(--sdw-nav);
}
.ico-whats-tiemp{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: url(../imgs/add_business_black_FILL0_wght300_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: var(--sdw-nav);
}
.ico-detall-8{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-image: url(../imgs/electric_moped_FILL0_wght300_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: default;
    background-color: #ffffff;
    box-shadow: var(--sdw-nav);
}
.ico-usuarios{
    width: 30px;
    height: 30px;
    background-image: url(../imgs/user_admin.svg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: white;
}
.ico-cart-menu{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/shopping_cart_FILL0_wght200_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    cursor: pointer;
}
.ico-advertencia-blanco{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/ico_advertencia.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.ico-terminos-blanco{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/policy_FILL0_wght300_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
/* -------------MODAL SOLICITUD----------- */
.div-cont-adv-solic{
    width: 70%;
    height: 80%;
    min-height: 80%;
    max-height: 80%;
}
.div-cont-adv-solic-2{
    width: 40%;
    height: 50%;
    min-height: 50%;
    max-height: 50%;
}
.div-cont-adv-solic-login{
    width: 50%;
    height: 70%;
    min-height: 70%;
    max-height: 70%;
}
.col-sol-1{
    width: 45%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    background-color: unset;
}
.col-sol-2{
    width: 45%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    background-color: unset;
}
.cont-ttl-1-sol{
    width: 100%;
    height: 6%;
    min-height: 6%;
    max-height: 6%;
}
.cont-ttl-1-perfil{
    width: 100%;
    height: 10%;
    min-height: 10%;
    max-height: 10%;
}
.cont-ttl-2-sol{
    width: 100%;
    height: 10%;
    min-height: 10%;
    max-height: 10%;
}
.cont-tbl-solic{
    width: 90%;
    height: 75%;
    min-height: 75%;
    max-height: 75%;
}
.cont-tbl-termin{
    width: 90%;
    height: 80%;
    min-height: 80%;
    max-height: 80%;
    margin-top: 15px;
}
.cont-tbl-perf{
    width: 90%;
    height: 78%;
    min-height: 78%;
    max-height: 78%;
}
.spn-ttl-sol-1{
    font-size: 13px;
    font-weight: normal;
}
.spn-ttl-perfil{
    font-size: 13px;
    font-weight: bold;
}
.spn-ttl-sol-2{
    font-size: 13px;
    font-weight: normal;
}
.back-login{ 
    background-image: url(../imgs/login1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.spn-ttl-login{
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
    transition: 0.5s;
}
.spn-ttl-login:hover{
    font-size: 13px;
    font-weight: normal;
    color: #6c0491;
}
.ico-env-solic{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/send.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.spn-ttl-sol-term{
    font-size: 13px;
    font-weight: bold;
    color: #3531b8;
    cursor: pointer;
    transition: 0.5s;
    margin-left: 7px;
}
.spn-vin{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background-color: #000000;
    border-radius: 50%;
}
.paraf{
    font-size: 14px;
    font-weight: normal;
    color: #383838;
}
.cont-deta-adv{
    width: 90%;
    height: 98%;
}
span[id="spn_log_cierre_ses"]{
    font-size: 14px;
    font-weight: bold;
    color: rgb(31, 31, 31);
    margin-bottom: 10px;
}
.log_usuario_cierre{
    width: 60px;
    height: 60px;
    background-color: rgb(247 107 86);
    border-radius: 50%;
    margin-bottom: 5px;
    box-shadow: var(--sdw-nav);
}
.spn-prec-tach{
    font-size: 13px;
    font-weight: bold;
    color: red;
    text-decoration: line-through;
    margin-left: 15px;
}
.cont_video{
    width: auto;
    height: auto;
    cursor: pointer;
}
.tit_yout{
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}
.spn-ttl-terminos{
    font-size: 15px;
    font-weight: bold;
    color: rgb(33, 33, 33);
    text-decoration: underline;
}
.ico-balansa{
    width: 40px;
    height: 40px;
    background-image: url(../imgs/balance_FILL0_wght300_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.cont-chek-term{
    width: 90%;
    height: auto;
    margin-top: 20px;
}
.lbl-term{
    font-size: 13px;
    font-weight: bold;
    color: rgb(33, 33, 33);
    cursor: pointer;
}
.form_busc{
    width: 80%;
    height: 98%;
}
.cont-mail{
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}
.vist-mobil-login{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 98%;
    height: 66%;
    min-height: 66%;
    max-height: 66%;
}
.col-login-1{
    width: 98%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    background-color: unset;
}
.col-login-2{
    width: 98%;
    height: 98%;
    min-height: 98%;
    max-height: 98%;
    background-color: unset;
}
/* ----------FIN MODAL SOLICITUD---------- */
/* -------------FIN MODAL VER ARTICULO-------------------- */
.div-ttls{
    width: 96%;
    height: 140px;
    min-height: 140px;
    max-height: 140px;
    background-color: #f9f9f9;
    box-shadow: none;
}
.ofert-ok{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 0;
    left: 3px;
    top: 3px;
    border: 2px solid red;
    background-color: red;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}
.ofert-ok-tx-1{
    color: white;
    font-size: 18px;
    font-weight: bold;
}
.ofert-ok-tx-2{
    color: white;
    font-size: 15px;
    font-weight: bold;
}
.envio-gratis{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 85px;
    height: 30px;
    position: absolute;
    z-index: 0;
    right: 5px;
    top: 5px;
    background-color: #06b703;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}
.envio-gratis-art{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 85px;
    height: 30px;
    position: absolute;
    z-index: 0;
    left: 5px;
    top: 5px;
    background-color: #06b703;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}
.ico-txt-env-grt{
    width: 30px;
    height: 30px;
    background-image: url(../imgs/camion.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 5px;
}
.spn-txt-env-grt{
    color: white;
    font-size: 10px;
    font-weight: normal;
    margin-right: 5px;
}
.envio-gratis-no{
 display: none;
}
.navidad{
    width: 60px;
    height: 60px;
    background-image: url(../imgs/navidad.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    z-index: 0;
    right: 2px;
    top: 3px;
}
.navidad-2{
    width: 60px;
    height: 60px;
    background-image: url(../imgs/navidad.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    z-index: 0;
    left: 6px;
    top: 53px;
}
.ofert-no{
    display: none;
}
.DV-SOLIC-MAY{
 width: 80%;
 min-width: 80%;
 height: 90%;
 min-height: 90%; 
}
.DV-SOLIC-MAY-1{
    width: 90%;
    min-width: 90%;
    height: 50%;
    min-height: 50%;
    position: relative;
}
.DV-SOLIC-MAY-2{
    width: 90%;
    min-width: 90%;
    height: 30%;
    min-height: 30%;
}
.DV-SOLIC-MAY-3{
    width: 98%;
    min-width: 98%;
    height: 20%;
    min-height: 20%;
}
.BTN-ENV-SOL{
 width: 80%;
 min-width: 80%;
 height: 45px;
 min-height: 45px;
 object-fit: none;
 border: none;
 border-radius: 30px;
 font-size: 12px;
 font-weight: bold;
 background-color: #525152;
 color: white;
 transition: 0.5s;
}
.BTN-ENV-SOL:hover{
    background-color: #262626;
}
.SPN-TTL-SOL-1{
    font-size: 16px;
    font-weight: bold;
    color: black;
    font-family: unset;
}
.SPN-TTL-SOL-2{
    font-size: 14px;
    font-weight: normal;
    color: black;
    font-family: unset;
    margin-top: 6px;
}
.SPN-TTL-SOL-TUT{
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-family: unset;
    margin-top: 12px;
    cursor: pointer;
    transition: 0.5s;
    background-color: #00c00a;
    border-radius: 20px;
    padding: 2px 8px;
}
.SPN-TTL-SOL-TUT:hover{
    background-color: #029109;
}
.CONT-TUT-VID{
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 220px;
    min-width: 220px;
    height: 450px;
    min-height: 450px;
    position: absolute;
    right: 0px;
    top: -200px;
    border-radius: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 1px 1px 20px 14px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background-color: #ffffff;
    z-index: 1;
}
.CONT-DEST-0{
 width: 98%;
 min-width: 98%;
 background-color: unset;
}
.CONT-DEST-1{
 width: 100%;
 min-width: 100%;
 height: 300px;
 min-height: 300px;
 background-color: unset;
 position: relative;
}
.CONT-DEST-2{
 width: 5%;
 min-width: 5%;
 height: 100%;
 min-height: 100%;
 background-color: unset;
 position: absolute;
 left: 0;
 z-index: 1;
}
.CONT-DEST-3{
 width: 100%;
 min-width: 100%;
 height: 100%;
 min-height: 100%;
 background-color: unset;
 overflow: hidden;
}
.CONT-DEST-4{
 width: 5%;
 min-width: 5%;
 height: 100%;
 min-height: 100%;
 background-color: unset;
 position: absolute;
 right: 0;
 z-index: 1;
}
.BTN-DEST-LF{
 width: 99%;
 min-width: 99%;
 height: 90%;
 min-height: 90%;
 outline: none;
 border: none;
 font-size: 35px;
 font-weight: 900;
 color: #ffffff;
 box-shadow: none;
 background-color: #ebebeb11;
 cursor: pointer;
 transition: 0.5s;
 opacity: 0;
}
.BTN-DEST-LF:hover{
 background-color: rgba(0, 0, 0, 0.336);
 opacity: 1;
}
.BTN-DEST-RG{
 width: 99%;
 min-width: 99%;
 height: 90%;
 min-height: 90%;
 outline: none;
 border: none;
 font-size: 35px;
 font-weight: 900;
 color: #ffffff;
 box-shadow: none;
 background-color: #ebebeb11;
 cursor: pointer;
 transition: 0.5s;
 opacity: 0;
}
.BTN-DEST-RG:hover{
 background-color: rgba(0, 0, 0, 0.336);
 opacity: 1;
}
.CONT-IMG-DEST-1{
 width: 200px;
 min-width: 200px;
 height: 90%;
 min-height: 90%;
 border-radius: 30px;
 margin-left: 10px;
 margin-right: 10px;
 box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
 cursor: pointer;
 position: relative;
}
.CONT-IMG-DEST-2{
 width: 100%;
 min-width: 100%;
 height: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center;
 border-radius: 30px;
}
.CONT-TTLS-DEST{
 width: 100%;
 min-width: 100%;
 height: auto;
 margin-top: 20px;
}
.SPN-TTL-1{
 font-size: 13px;
 font-weight: bold;
 font-family: unset;
 margin-left: 15px;
}
.SPN-TTL-2{
 font-size: 11px;
 font-weight: normal;
 font-family: unset;
 margin-left: 15px;
}
.SPN-TTL-3{
 font-size: 13px;
 font-weight: normal;
 font-family: unset;
 margin-right: 15px;
}
.CONT-TTLS-DEST-1{
 width: 70%;
 min-width: 70%;
 height: 100%;
 min-height: 100%;
}
.CONT-TTLS-DEST-2{
 width: 30%;
 min-width: 30%;
 height: 100%;
 min-height: 100%;
}
.CONT-IMG-DET{
 width: 100%;
 min-width: 100%;
 height: 35%;
 min-height: 35%;
 background-color: rgba(0, 0, 0, 0.164);
 position: absolute;
 bottom: 0;
 border-bottom-left-radius: 30px;
 border-bottom-right-radius: 30px;
 transition: 0.5s;
}
.CONT-IMG-DET:hover{
    background-color: rgba(0, 0, 0, 0.336);
}
.SPN-PREC-DEST-1{
 text-align: center;
 margin-left: 10px;
 margin-right: 10px;
 font-size: 12px;
 font-weight: 700;
 font-family: unset;
 color: #ffffff;
 text-shadow: -1px 1px 15px black;
}
.SPN-PREC-DEST-2{
 font-size: 16px;
 font-weight: 900;
 font-family: unset;
 color: #ffffff;
 text-shadow: -1px 1px 15px black;
 margin-top: 5px;
}
.CONT-IMG-VACIO{
    /* width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px; */
    background-image: url(/imgs/carr_vacio_azul.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
}
.SPN-TTL-MDLS{
    font-family: unset;
    font-size: 13px;
    font-weight: bold;
}

.CONT-VIS-1{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}
.CONT-VIS-2{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    position: absolute;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}
.CONT-VIS-3{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    position: absolute;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}
.busc-rep-vid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #00000054;
    box-shadow: var(--somb-gen-min);
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}
.busc-rep-vid:hover {
    background-color: #0000007c;
}
.i-agr-vid {
    width: 30px;
    height: 30px;
    background-image: url(../imgs/play_white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.i-agr-vid-no {
    width: 30px;
    height: 30px;
    background-image: url(../imgs/no_play_white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.IMG-DET-4{
  width: 24.5%;
  height: 95%;
  min-height: 95%;
  max-height: 95%;
  cursor: pointer;
}
.VID-VIS{
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
/* //== COMENTARIOS ==> */
.CONT-TBLS-COMENT{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: initial;
  align-items: center;
  width: 90%;
  min-width: 90%;
  height: 150px;
  min-height: 150px;
  background-color: rgb(255, 255, 255);
  margin-top: 10px;
  margin-bottom: 5px;
  border-radius: 15px;
  position: relative;
}
.CONT-TBLS-COMENT::after{
    content: "";
    position: absolute;
    top: 83%;
    right: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff; 
}
.CONT-TBLS-COMENT-1{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 30%;
    min-width: 30%;
    height: 100%;
    min-height: 100%;
    background-color: unset;
}
.CONT-TBLS-COMENT-1-NO{
display: none;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 5%;
min-width: 5%;
height: 100%;
min-height: 100%;
background-color: unset;
}
.CONT-TBLS-COMENT-2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 70%;
min-width: 70%;
height: 100%;
min-height: 100%;
background-color: unset;
}
.CONT-TBLS-COMENT-2-1{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: initial;
align-items: center;
width: 100%;
min-width: 100%;
height: 35%;
min-height: 35%;
background-color: unset;
}
.CONT-TBLS-COMENT-2-2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-width: 100%;
height: 65%;
min-height: 65%;
background-color: unset;
}
.CONT-TBLS-COMENT-2-2-1{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: 100%;
height: 18%;
min-height: 18%;
background-color: unset;
}
.CONT-TBLS-COMENT-2-2-2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: initial;
align-items: flex-start;
width: 96%;
min-width: 96%;
height: 85%;
min-height: 85%;
background-color: unset;
}
.IMG-TBLS-COMENT{
    width: 90%;
    min-width: 90%;
    height: 85%;
    min-height: 85%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    cursor: pointer;
}
.SPN-TBLS-COM-1{
font-family: unset;
font-size: 12px;
font-weight: bold;
margin-left: 3px;
color: #000000;

}
.SPN-TBLS-COM-2{
margin-top: 5px;
font-family: unset;
font-size: 10px;
font-weight: normal;
margin-left: 3px;
color: #000000;

}
.SPN-TBLS-COM-3{
font-family: unset;
font-size: 12px;
font-weight: bold;
margin-left: 10px;
color: #000000;
}
.SPN-TBLS-COM-4{
font-family: unset;
font-size: 12px;
font-weight: normal;
margin-left: 54px;
color: #000000;
}
.CONT-TBLS-COMENT-2-1-1{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 100%;
min-height: 100%;
background-color: unset;
}
.CONT-TBLS-COMENT-2-1-2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
width: 90%;
min-width: 90%;
height: 100%;
min-height: 100%;
background-color: unset;
}
.SPN-INICIALES{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
border-radius: 50%;
background-color: #dddddd;
color: black;
font-size: 15px;
font-weight: bold;
}
.VER-IMG-COMENT{
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 90%;
    min-width: 90%;
    height: 90%;
    min-height: 90%;
    background-color: white; 
    border-radius: 20px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 1;
    box-shadow: rgb(0 0 0 / 50%) 0px 1px 7px 1px, rgb(0 0 0 / 47%) 0px 1px 2px;
}
.IMG-VER-IMG-COM{
    width: 99%;
    min-width: 99%;
    height: 98.5%;
    min-width: 98.5%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    position: relative;
}
.CERR-IMG-COMENT{
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    background-image: url(../imgs/close_FILL0_wght300_GRAD0_opsz48.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    background-color: #534d9a;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.5s;
}
.CERR-IMG-COMENT:hover{
    background-color: #38336e;
}
/* //== COMENTARIOS ==< */
@media only screen and (max-width:767px){
    .CERR-IMG-COMENT{
        right: 15px;
        top: 15px;
    }
    button[id='BTN_NAV_COMENT']{
        width: 150px;
        height: 100%;
        background-color: black;
        color: white;
        font-family: unset;
        font-size: 11px;
        font-weight: normal;
    }
    button[id='BTN_NAV_COMENT']:hover{
        background-color: rgb(70, 70, 70);
    }
    .IMG-TBLS-COMENT{
        width: 95%;
        min-width: 95%;
        height: 85%;
        min-height: 85%;
    }
    .CONT-TBLS-COMENT{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: initial;
        align-items: center;
        width: 90%;
        min-width: 90%;
        height: 300px;
        min-height: 300px;
        background-color: rgb(255, 255, 255);
        margin-top: 10px;
        margin-bottom: 5px;
        border-radius: 15px;
        position: relative;
    }
    .CONT-TBLS-COMENT::after{
        content: "";
        position: absolute;
        top: 83%;
        right: -10px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #ffffff; 
    }
    .CONT-TBLS-COMENT-PEND{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: initial;
        align-items: center;
        width: 90%;
        min-width: 90%;
        height: 300px;
        min-height: 300px;
        background-color: #e3c4ff;
        margin-top: 10px;
        margin-bottom: 5px;
        border-radius: 15px;
        position: relative;
    }
    .CONT-TBLS-COMENT-PEND::after{
        content: "";
        position: absolute;
        top: 83%;
        right: -10px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #e3c4ff; 
    }
    .CONT-TBLS-COMENT-1{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 98%;
        min-width: 98%;
        height: 40%;
        min-height: 40%;
        background-color: unset;
    }
    .CONT-TBLS-COMENT-1-NO{
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 5%;
        min-width: 5%;
        height: 30%;
        min-height: 30%;
        background-color: unset;
    }
    .CONT-TBLS-COMENT-2{
        width: 98%;
        min-width: 98%;
        height: 60%;
        min-height: 60%;
    }
    .CONT-MDL-COMENTS{
     width: 96%;
     min-width: 96%;
     height: 90%;
     min-height: 90%;
    }
    .VER-IMG-COMENT{
        width: 96%;
        min-width: 96%;
        height: 80%;
        min-height: 80%;
    }
    .IMG-VER-IMG-COM{
        width: 96%;
        min-width: 96%;
        height: 97%;
        min-height: 97%;
    }
    .VER-IMG-COMENT {
        width: 100%;
        min-width: 100%;
        height: 90%;
        min-height: 90%;
    }
    .CONT-TBLS-COMENT-2-1-2{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        width: auto;
        min-width: auto;
        height: 100%;
        min-height: 100%;
        background-color: unset;
    }
    /* //==> */
    .cont-1-carr-coment {
        width: 95%;
        height: 92%;
        position: relative;
    }
    .SPN-TBLS-COM-4 {
        font-family: unset;
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
        color: #000000;
    }
    .SPN-TTL-MDLS{
        font-family: unset;
        font-size: 12px;
        font-weight: bold;
    }
    .DV-SOLIC-MAY-1{
        width: 90%;
        min-width: 90%;
        height: 50%;
        min-height: 50%;
       position: unset;
    }
    .cont-ape-nomb{
        width: 95%;
        min-width: 95%;
        height: 12%;
        min-height: 12%;
        background-color: unset;
    }
    .cont-5-carr{
        width: 95%;
        min-width: 95%;
        height: 25%;
        min-height: 25%;
        margin-bottom: 0px;
        background-color: rgb(255, 255, 255);
    }
    .navidad{
        width: 60px;
        height: 60px;
        background-image: url(../imgs/navidad.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        position: absolute;
        z-index: 0;
        right: 2px;
        top: 3px;
    }
    .navidad-2{
        width: 60px;
        height: 60px;
        background-image: url(../imgs/navidad.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        position: absolute;
        z-index: 0;
        left: 6px;
        top: 3px;
    }
    /* .ofert-ok{
        width: 60px;
        height: 60px;
        background-image: url(../imgs/desc_3.png);
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        z-index: 0;
        left: 3px;
        top: 3px;
    } */
    .ofert-ok{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 60px;
        height: 60px;
        position: absolute;
        z-index: 0;
        left: 3px;
        top: 3px;
        border: 2px solid red;
        background-color: red;
        border-radius: 50%;
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    }
    .ofert-ok-tx-1{
        color: white;
        font-size: 18px;
        font-weight: bold;
    }
    .ofert-ok-tx-2{
        color: white;
        font-size: 15px;
        font-weight: bold;
    }
    .ofert-no{
        display: none;
    }
    h1{
        font-size: 17px;
        left: 0px;
        text-align: center;
        width: 100%;
        top: 50px;
    }
    h2{
        top: 340px;
        left: 15px;
        font-size: 15px;
    }
    button[id='btn_faceb'] {
        width: 26px;
        height: 26px;
        top: 240px;
        right: 14px;
        border: 3px solid white;
    }
    button[id='btn_inst'] {
        width: 26px;
        height: 26px;
        top: 240px;
        right: 50px;
        border: 3px solid white;
    }
    header {
        width: 98%;
        height: 240px;
        min-height: 240px;
        max-height: 240px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: var(--sdw-aside);
    }
    nav{
        width: 100%;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
    }
    .as-no{
        display: none;
    }
    .div-back-imgs{
        border-radius: inherit;
        width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        background-color: rgb(255 255 255 / 86%);
        position: absolute;
    }
    .set-1{
        width: 99%;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        margin-top: 0px;
    }
    .set-12{
        width: 100%;
        height: 100px;
        overflow: auto;
    }
    .set-15{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }
    .set-16{
        width: 98%;
        height: 150px;
        box-shadow: var(--sdw-aside);
        margin-top: 28px;
    }
    aside{
        display: none;
    }
    .set-3{
        width: 96%;
        height: 300px;
        min-height: 300px;
        max-height: 300px;
        margin-top: 10px;
    }
    .set-4{
        width: 100%;
        height: 97%;
        min-height: 97%;
        max-height: 97%;
        overflow: auto;
        margin-top: 0px;
    }
    .DV-SOLIC-MAY {
        justify-content: space-evenly;
        width: 90%;
        min-width: 90%;
        height: 90%;
        min-height: 90%;
    }
    .tbls-info{
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        height: 95%;
        min-height: 95%;
        max-height: 95%;
        margin-right: 0px;
        border-radius: 20px;
        margin-right: 8px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    .CONT-SOLIC-MAY {
        width: 88%;
        min-width: 88%;
        max-width: 88%;
        height: 95%;
        min-height: 95%;
        max-height: 95%;
        background: linear-gradient(45deg, #c7c7c7, #ffffff, #fde2e2, #c7c7c7); 
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        border-radius: 20px;
        margin-left: 2px;
        margin-right: 10px;
    }
    .tbls-arts{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 350px;
        min-height: 350px;
        max-height: 350px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: none;
        position: relative;
    }

    button[id='btn_cat_men']{
        width: 120px;
        font-size: 11px;
        font-weight: normal;
    }
    button[id='btn_redes']{
        width: 70px;
        font-size: 11px;
    }
    button[id='btn_mayoristas']{
        width: 90px;
        font-size: 11px;
    }
    .cont-cart-men{
        width: auto;
        height: auto;
    }
    button[id='btn_cart']{
        width: 28px;
        height: 28px;
        margin-right: 3px;
    }
    .spn-redes-inf{
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    button[id='btn_redes_1']{
        width: 40px;
        height: 40px;
    }
    button[id='btn_redes_2']{
        width: 40px;
        height: 40px;
    }
    button[id='btn_redes_3']{
        width: 27px;
        height: 27px;
        background-color: var(--back-1);
        border-radius: 50%;
        top: 240px;
        right: 85px;
        position: absolute;
    }
    button[id='btn_redes_4']{
        width: 27px;
        height: 27px;
        background-color: var(--back-1);
        border-radius: 50%;
        top: 240px;
        right: 122px;
        position: absolute;
    }
    button[id='btn_redes_5']{
        width: 27px;
        height: 27px;
        margin-left: 10px;
    }
    .set-23{
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .spn-redes-inf-2{
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        text-shadow: 1px 1px 2px white, 0 0 1em blue, 0 0 0.2em #dadaff;
        margin-top: 10px;
    }
    .set-8{
        display: none;
        flex-direction: column;
        justify-content: space-evenly;
        width: 95%;
        height: 120px;
        margin-top: 10px;
        margin-bottom: 20px;
        border-radius: 20px;
        background: linear-gradient(45deg, #baf5f0, #ffffff, #fde2e2, #d0ffb9);

    }
    .BTN-DEST-LF {
     display: none;
    }
    .BTN-DEST-RG {
     display: none;
    }
    .CONT-DEST-0 {
        width: 96%;
        min-width: 96%;
        background-color: unset;
    }
    .CONT-DEST-3 {
        width: 100%;
        min-width: 100%;
        height: 100%;
        min-height: 100%;
        background-color: unset;
        overflow: auto;
    }
    .CONT-IMG-DEST-1 {
        cursor: none;
    }
    .CONT-TUT-VID {
        width: 220px;
        min-width: 220px;
        height: 480px;
        min-height: 480px;
        right: 90px;
        top: 90px;
        z-index: 1;
    }
    .SPN-TTL-SOL-TUT {
        font-size: 13px;
        font-weight: bold;
        color: rgb(255, 255, 255);
        margin-top: 15px;
        cursor: none;
        background-color: #00c00a;
        padding: 3px 8px;
    }
    .art-ttl-red-1 {
     align-items: center;
     margin-left: 0px;
     z-index: 0;
    }
    .set-8-b{
        display: flex;
        width: 96%;
        height: 400px;
        margin-top: 10px;
        margin-bottom: 0px;
        border-radius: 10px;
        box-shadow: var(--sdw-aside);
    }
    .set-8-a{
        width: 100%;
        height: 380px;
        margin-top: 35px;
        margin-bottom: 0px;
        border-radius: 0px;
    }
    button[id='btn_redes_may_1']{
        width: 60px;
        height: 60px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
    }
    button[id='btn_redes_may_2']{
        width: 60px;
        height: 60px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
    }
    button[id='btn_redes_may_3']{
        width: 50px;
        height: 50px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
    }
    .cont-reds-may{
        width: 100%;
        height: auto;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .set-20{
        width: 100%;
        height: auto;
        margin-top: 0px;
    }
    .set-21{
        width: 48%;
        height: auto;
        margin-right: 0px;
    }
    .set-22{
        width: 48%;
        height: auto;
        margin-left: 0px;
    }
    p[id='det_mayoristas']{
        font-family: unset;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin-left: 8px;
        margin-right: 8px;
    }
     p[id='det_mayoristas2']{
        font-family: unset;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin-left: 8px;
        margin-right: 8px;
    }
    .spn-det_mayoristas{
        font-family: unset;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        margin-left: 8px;
        margin-right: 8px;
        text-shadow: 1px 1px 2px white, 0 0 1em blue, 0 0 0.2em #dadaff;
    }
    .set-26{
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }
    .spn-ofer-desc-1{
        font-size: 16px;
        font-weight: normal;
        color: var(--back-negro);
        text-align: center;
    }
    .spn-ofer-desc-2{
        font-size: 12px;
        font-weight: normal;
        color: var(--back-negro);
        text-align: center;
    }
    .set-24{
        width: 100%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
    }
    .set-25{
        width: 48%;
        height: auto;
        margin-left: 0;
    }
    .set-2{
        width: 98%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        overflow: auto;
    }
    button[id='btn_scr_1']{
        display: none;
    }
    button[id='btn_scr_2']{
        display: none;
    }
    .flx-cent{
        justify-content: center;
    }
    .set-13{
        width: 98%;
        height: 98%;
        overflow: auto;
    }
    .set-17{
        width: 99%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        overflow: auto;
    }
    .art-inps-1{
        width: 90%;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        margin-bottom: 8px;
    }
    .flx-col{
        flex-direction: column;
    }
    .flx-btw{
        justify-content: space-between;
    }
    .spn-categ{
       display: none;
    }
    .spn-categ{
        display: none;
    }
    .set-18{
        width: auto;
        height: auto;
        margin-left: 10px;
    }
    .spn-renov-cat{
        display: none;
    }
    .lbl-cheqs{
        width: 150px;
    }
    .no-marg{
        margin-right: 0;
    }
    .set-19{
        width: 95%;
        height: 90%;
        min-height: 90%;
        max-height: 90%;
    }
    input{
        height: 35px;
        font-size: 12px;
        font-weight: bold;
    }
    .spn-renov-bus{
        cursor: none;
    }
    .flecha{
        display: flex;
        border-radius: 50%;
        background: rgb(65,77,140);
        background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
        position: absolute;
        right: 10px;
        box-shadow: var(--sdw-aside);
        z-index: 3;
    }
    .flecha-no{
        display: none;  
    }
    .flecha_2{
        display: flex;
        border-radius: 50%;
        background: rgb(65,77,140);
        background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
        position: absolute;
        right: 10px;
        top: 50%;
    }
    /* -------------MODAL ARTICULO------------ */
    .cont-modl-1{
        width: 98%;
        min-width: 98%;
        max-width: 98%;
        height: var(--hei_1);
        min-height: var(--hei_1);
        max-height: var(--hei_1);
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
    }
    .col-sol-1{
        width: 98%;
        height: 75%;
        min-height: 75%;
        max-height: 75%;
        background-color: unset;
    }
    .col-sol-2{
        width: 98%;
        height: 75%;
        min-height: 75%;
        max-height: 75%;
        background-color: unset;
    }
    .col-login-1{
        width: 98%;
        height: 46%;
        min-height: 46%;
        max-height: 46%;
        background-color: unset;
    }
    .col-login-2{
        width: 98%;
        height: 46%;
        min-height: 46%;
        max-height: 46%;
        background-color: unset;
    }
    .cont-mod-1{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        scroll-snap-align: center;
    }
    .cont-mod-2{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        scroll-snap-align: center;
    }
    .spn-det-mdl{
        font-size: 15px;
        margin-right: 10px;
    }
    .spn-cod-mdl{
        font-size: 13px;
    }
    .spn-stk-mdl{
        font-size: 13px;
    }
    .spn-mdl-mont{
        font-size: 18px;
    }
    .spn-mdl-cant{
        font-size: 18px;
    }
    .cont-mod-11{
        width: 40%;
        margin-left: 2px;
    }
    .marg-mb-10{
        margin-left: 10px;
    }
    textarea[id='txt_area_1']{
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        height: 76%;
        min-height: 76%;
        max-height: 76%;
        margin-left: 0px;
    }
    .flx-cent-8{
        align-items: center;
    }
    .flx-cent-10{
        justify-content: center;
    }
    .cont-mod-15{
        width: 22%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        margin-left: 0px;
    }
    .cont-mod-13{
        margin-left: 5px;
        justify-content: space-evenly;
    }
    .flx-cent-7{
        justify-content: center;
    }
    button[id='conf_art']{
        width: 90%;
        margin-right: 0px;  
    }
    /* ----------FIN MODAL ARTICULO----------- */
    /* ------------MODAL ADVERTENCIA---------- */
    .div-cont-adv-1{
        width: 96%;
        height: 40%;
        min-height: 40%;
        max-height: 40%;
    }
    /* --------FIN MODAL ADVERTENCIA---------- */
    /* -------------MODAL SOLICITUD----------- */
    .div-cont-adv-solic{
        width: 96%;
        height: var(--hei_1);
        min-height: var(--hei_1);
        max-height: var(--hei_1);
    }
    .div-cont-adv-solic-2{
        width: 96%;
        height: var(--hei_3);
        min-height: var(--hei_3);
        max-height: var(--hei_3);
    }
    .div-cont-adv-solic-login{
        width: 96%;
        height: var(--hei_1);
        min-height: var(--hei_1);
        max-height: var(--hei_1);
    }
    .vist-mobil-solic{
        flex-direction: column;
        justify-content: space-between;
        width: 98%;
        height: 78%;
        min-height: 78%;
        max-height: 78%;
        overflow: auto;
    }
    .vist-mobil-login{
        flex-direction: column;
        justify-content: space-between;
        width: 98%;
        height: 66%;
        min-height: 66%;
        max-height: 66%;
    }
    .vist-mobil-perf{
        flex-direction: column;
        justify-content: initial;
        width: 98%;
        overflow: auto;
    }
    /* ----------FIN MODAL SOLICITUD---------- */
    /* ------------MODAL PEDIDO--------------- */
    .cont-80x500{
        width: 98%;
        height: 90%;
        min-height: 90%;
        max-height: 90%;
        height: var(--hei_1);
        min-height: var(--hei_1);
        max-height: var(--hei_1);
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .cont-95x600{
        width: 98%;
        height: 90%;
        min-height: 90%;
        max-height: 90%;
        height: var(--hei_1);
        min-height: var(--hei_1);
        max-height: var(--hei_1);
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .cont-95x600-coment{
        width: 98%;
        height: 90%;
        min-height: 90%;
        max-height: 90%;
        height: var(--hei_1);
        min-height: var(--hei_1);
        max-height: var(--hei_1);
        /* overflow-x: scroll;
        overflow-y: hidden; */
    }
    .cont-1-carr{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 82%;
        min-height: 82%;
        max-height: 82%;
        overflow: auto;
    }
    .cont-2-carr{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        scroll-snap-align: center;
    }
    .cont-3-carr{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        scroll-snap-align: center;
    }
    .cont-3-carr-coment{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        scroll-snap-align: center;
    }
    .flx-cent-cnt-1{
        justify-content: initial;
        scroll-snap-type: x mandatory;
    }
    .flx-cnt-2{
        justify-content: space-between;
        align-items: center;
    }
    .flx-cent-pie{
        justify-content: space-evenly;
    }
    button[id='btn_quit_ped']{
        margin-right: 0px;
    }
    button[id='btn_conf_ped']{
        margin-right: 0px;
    }
    .tbls-arts-ped{
        width: 98%;
        min-width: 98%;
        max-width: 98%;
        height: 150px;
        min-height: 150px;
        max-height: 150px;
        margin-top: 6px;
    }
    .spn-cat{
        text-align: left;
        font-size: 11px;
        margin-bottom: 3px;
        font-weight: normal;
    }
    .cont-tbls-det{
        width: 60%;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        margin-left: 10px;
    }
    .btn-quit-arts {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .div-cont-adv-2 {
        width: 98%;
        height: 65%;
        min-height: 65%;
        max-height: 65%;
        background-color: var(--back-0);
    }
    .mrg-conf{
        margin-top: 30px;
    }
    .cont-detalle-car{
        width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
    }
    textarea[id='txta_com_ped'] {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 80px;
        min-height: 80px;
        max-height: 80px;
        border-radius: 0px;
        border-top: none;
        border-left: none;
        border-right: none;
        margin-bottom: 5px;
        font-family: unset;
    }
    .div-cont-flecha{
        width: 100%;
        height: auto;
    }
    /* ------------MODAL PEDIDO--------------- */
    .cerr-img{
        display: block;
        position: absolute;
        top: 5px;
        right: 0px;
        background: rgb(65,77,140);
        background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
        border-radius: 50%;
        box-shadow: var(--sdw-aside);
        z-index: 3;
    }
    .set-27{
        width: 50%;
        height: 30%;
        min-height: 30%;
        max-height: 30%;
        margin-top: 0px;
        z-index: 1;
    }
    button[id='btn_agr_1'] {
        width: 96%;
        height: 48%;
        background: rgb(65,77,140);
        background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
        color: white;
        font-family: unset;
        font-size: 24px;
        font-weight: bold;
        border-top-right-radius: 0px;
    }
    button[id='btn_agr_2'] {
        width: 96%;
        height: 48%;
        background: rgb(65,77,140);
        background: radial-gradient(circle, rgba(65,77,140,1) 0%, rgba(187,73,232,1) 100%);
        color: white;
        font-family: unset;
        font-size: 24px;
        font-weight: bold;
        border-bottom-right-radius: 0px;
    }
    .cont-cod-comp{
        width: 95%;
        height: auto;
    }
    .div-cont-tutorial{
        width: 100%;
        height: 80%;
        z-index: 1;
        margin-top: 10px;
    }
    .vid{
        width: 96%;
        height: 98%;
        min-height: 98%;
        max-height: 98%;
        z-index: 1;
        border-radius: 20px;
    }
    .set-tutor{
        width: 100%;
        height: 280px;
        margin-top: 28px;
        margin-bottom: 0px;
        background-color: white;
        border-radius: 0px;
    }
    .set-tutor-img{
        background-image: url(../imgs/tutor.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }
    .ico-detall-1{
        width: 40px;
        height: 40px;
        background-image: url(../imgs/shopping_bag_black_24dp.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        cursor: default;
    }
    .ico-detall-2{
        width: 40px;
        height: 40px;
        background-image: url(../imgs/open_in_browser_black_24dp.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        cursor: default;
    }
    .ico-detall-3{
        width: 40px;
        height: 40px;
        background-image: url(../imgs/delivery_dining_black_24dp.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        cursor: default;
    }
    .ico-detall-4{
        width: 40px;
        height: 40px;
        background-image: url(../imgs/verified_black_24dp.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        cursor: default;
    }
    .ico-detall-5{
        width: 40px;
        height: 40px;
        background-image: url(../imgs/whatsapp_black_24dp.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        cursor: default;
    }
    .ico-detall-6{
        width: 40px;
        height: 40px;
        background-image: url(../imgs/card_giftcard_black_24dp.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        cursor: default;
    }
    .ico-detall-7{
        cursor: default;
    }
    .ico-detall-8{
        cursor: default;
    }
    .ico-usuarios{
        margin-right: 7px;
    }
    button[id='btn_conf_perfil']{
        width: 90%;
        margin-right: 0px;
    }
    .pie-mdl-adv{
        justify-content: center;
    }
    button[id='btn_conf_adv_usu']{
        width: 90%;
        margin-right: 0px;
    }
    button[id='btn_conf_adv_cerr_sesion']{
        width: 90%;
        margin-right: 0px;
    }
    button[id='btn_conf_login']{
        width: 90%;
        margin-right: 0px;
    }
    button[id='btn_conf_adv']{
        width: 90%;
        margin-right: 0px;
    }
    button[id='btn_conf_adv_quit_tod']{
        width: 90%;
        margin-right: 0px;
    }
    button[id='btn_conf_adv_quit_art']{
        width: 90%;
        margin-right: 0px;
    }
    button[id='btn_adv_conf_ped']{
        width: 90%;
        margin-right: 0px;
    }
    .cont-tbl-solic{
        width: 90%;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
    }
    .cont-tbl-termin{
        width: 90%;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
        margin-top: 15px;
    }
    .cont-tbl-perf{
        justify-content: space-evenly;
        width: 90%;
        height: 85%;
        min-height: 85%;
        max-height: 85%; 
    }
    .cont-ttl-1-perfil{
        width: 100%;
        height: 5%;
        min-height: 5%;
        max-height: 5%;
    }
    .cont-deta-adv-perfil{
        width: 100%;
        height: 88%;
        min-height: 88%;
        max-height: 88%;
    }
    .cont-deta-adv-termin{
        width: 100%;
        height: 88%;
        min-height: 88%;
        max-height: 88%;
    }
    .spn-prec-tach{
        font-size: 13px;
        font-weight: bold;
        color: red;
        text-decoration: line-through;
        margin-left: 10px;
    }
    .list-content{
      min-width: 370px;
      height: 570px;
      min-height:570px;
      max-height: 570px;
    }
}