* {
    padding: 0;
    margin: 0;
}

/*CUANDO ES MAYOR A 768PX APLICA ESTE CONDICIONAL*/
@media screen and (max-width:2900px) {

    @font-face {
        font-family: 'corbel light';
        src: url('tipografias/Corbel Light.ttf');
    }

    @font-face {
        font-family: 'corbel-light-italic';
        src: url('tipografias/corbel-light-italic.ttf');
    }

    @font-face {
        font-family: 'corbel-italic';
        src: url('tipografias/corbel-italic.ttf');
    }

    @font-face {
        font-family: 'corbel-bold';
        src: url('tipografias/corbel-bold.ttf');
    }

    @font-face {
        font-family: 'EvelethCleanThin';
        src: url('tipografias/EvelethCleanThin.ttf');
    }

    @font-face {
        font-family: 'Dosis-Medium';
        src: url('tipografias/dosis.ttf');
    }

    @font-face {
        font-family: 'Dosis-Regular';
        src: url('tipografias/Dosis-Regular.ttf');
    }

    @font-face {
        font-family: 'Dosis-Light';
        src: url('tipografias/Dosis-Light.ttf');
    }

    @font-face {
        font-family: 'DaxlinePro-Light';
        src: url('tipografias/DaxlinePro-Light.ttf');
    }

    header {
        color: white;
    }

    footer p {
        font-family: 'EvelethCleanThin';
        font-size: 1.2rem;
    }

    form a {
        text-decoration: none;
    }

    a {
        text-decoration: none;
        color: none;
    }

    picture img {
        width: 100% !important;
        max-width: 100vw;
    }

    /*navegador*/
    nav {
        background: rgb(185, 143, 101);
        padding: .5rem 1rem;
        max-height: 4.5rem;
        width: 100vw;
    }

    .menu-desplegable {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        /*flex-direction: row;  padding-right: 3em;*/
    }

    .boton-hamb {
        display: none;
    }

    .hamburguesa {
        display: flex;
        flex-direction: row;
    }

    .hamburguesa-2 {
        background: rgba(0, 59, 51);
        padding: 1rem;
    }

    /*nav ul {display: none;}*/
    nav ul li {
        display: inline-block;
        /*padding: 1rem .5rem;*/
        text-align: center;
    }

    nav ul li a {
        color: white;
        text-decoration: none;
        font-family: 'EvelethCleanThin';
    }

    .titulos-sec-nw-nb:hover {
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    .titulos-sec-nw-ozone:hover {
        color: black;
        border-bottom: 1px solid  rgb(0, 59, 51);
        background-color: white;
    }

    .titulos-sec-nw-1:hover {
        border-bottom: 1px solid lightgrey;
        color: black;
        background-color: white;
    }


    section#para-el-rostro {padding-top: 4em;}
    section#para-el-cuerpo,
    section#para-la-limpieza {
        padding-top: 3em;
    }

    .margenes-gral {
        margin: 120px 120px 80px 120px;
    }

    .margenes-gral-2 {
        margin: 0px 120px 0px 120px;
    }

    .sub-menu {
        display: inherit;
    }

    .imagen-banner {
        width: 100%;
        max-width: 100%;
        margin-top: 100px;
    }

    /*menu de valoraciones*/
    div .contenido-fijo-valoracion {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    div .enlinea-detalle-comentarios {
        display: flex;
        justify-content: space-between;
        color: grey;
    }

    .comments {
        justify-content: space-around !important;
    }

    ul {
        display: flex;
        align-items: baseline;
        list-style: none;
    }

    .comentarios {
        font-family: 'corbel light';
        font-size: 12pt;
        text-align: center;
        text-decoration: none;
        color: grey;
        cursor: pointer;
    }

    .desarrollocomentarios {
        font-family: 'corbel light';
        font-size: 12px;
        color: black;
        text-align: center;
        padding: 0px 20px;
    }

    .contenedor-valoracion-mattercelus {
        border-radius: 1em;
        background: #E3D1E7;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-equilibrium {
        border-radius: 1em;
        background: #f7c2c2;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-juvenus {
        border-radius: 1em;
        background: #a2cee6;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-bodyfit {
        border-radius: 1em;
        background: #37b5b1;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-pieliluminada {
        border-radius: 1em;
        background: #e6956d;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-luxtan {
        border-radius: 1em;
        background: #FAB93F;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-goldenc {
        border-radius: 1em;
        background: #ddc152;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-hydra {
        border-radius: 1em;
        background: #b4bbbd;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .contenedor-valoracion-fondo-iuven {
        border-radius: 1em;
        background: #ddb19c;
        padding: 0px 0px;
        margin: 1px 0px;
    }

    .estrellas {
        padding-left: 0;
    }

    /* SUBMENU */
    .container-submenu {
        position: relative;
    }

    .submenu li {
        width: 100%;
        background: rgb(0, 59, 51);
        padding: .9em;
        /*paddiing-left: 5em;*/
    }

    .sub-menu {
        display: none;
        flex-direction: column;
        padding-top: 1rem;
        padding-left: 0;
        background-color: #000;
        position: absolute;
    }

    /* POP UP NEWSLETTER */
    .modal {
        display: none;
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        animation: modal 1s forwards;
        visibility: hidden;
        opacity: 0;
    }

    @keyframes modal {
        100% {
            visibility: visible;
            opacity: 1;
        }
    }

    .cerrar {
        color: #aaa;
        font-size: 2em;
        font-weight: bold;
        position: absolute;
        right: .5em;
        cursor: pointer;
        top: -.1em;
    }

    .titulos-nw-popup {
        font-family: 'EvelethCleanThin';
        font-size: 28px;
        color: black;
    }

    .titulos-nw-popup-2 {
        font-family: 'EvelethCleanThin';
        font-size: 28px;
        color: black;
        text-align: center;
    }

    .titulos-nw-popup-3 {
        font-family: 'Dosis-Medium';
        font-size: 16px;
        color: black;
        text-align: center;
        padding-top: 15px;
    }

    .titulos-nw-popup-4 {
        font-family: 'Dosis-Medium';
        font-size: 13px;
        color: black;
        text-align: center;
        padding-bottom: 10px;
    }

    .titulos-nw-popup-5 {
        font-family: 'EvelethCleanThin';
        font-size: 12px;
        color: black;
        text-align: center;
        padding-top: 20px;
    }

    .titulo-nw-popup {
        font-family: 'DaxlinePro-Light';
        font-size: 12px;
        color: black;
        text-align: center;
    }

    .titulo-nw-popup-2 {
        font-family: 'DaxlinePro-Light';
        font-size: 12px;
        color: black;
        text-align: center;
    }

    .popup {
        width: 100%;
        max-width: 22em;
        height: auto;
        min-height: 12em;
        position: absolute;
        background-color: rgb(190, 188, 188);
        top: 50%;
        bottom: 50%;
        border-radius: .5em;
        z-index: 999;
        right: 0;
        left: 0;
        margin: auto;
    }

    .popup-codigo-final {
        width: 100%;
        max-width: 22em;
        height: auto;
        min-height: 10em;
        position: absolute;
        background-color: rgb(190, 188, 188);
        top: 50%;
        bottom: 50%;
        border-radius: .5em;
        z-index: 999;
        right: 0;
        left: 0;
        margin: auto;
    }

    .popup a {
        color: #fff;
    }

    article.delpopup {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .delpopup form {
        display: flex;
        align-items: center;
    }

    body > header {
        position: fixed;
        width: 100%;
        z-index: 99999;
    }

    .alert-success {
        color: black;
        background-color: rgb(190, 188, 188);
        border-color: rgb(190, 188, 188);
    }

    .alert {
        position: absolute;
        padding: .75em 1.25em;
        margin-bottom: 1em;
        border: 1px solid transparent;
        border-radius: .25em;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        top: 0;
        left: 0;
    }

    .text-danger {
        position: absolute;
        bottom: .5em;
        font-size: .8em;
    }


    /* FRANJA SUPERIOR */
    .franja {
        width: 100%;
        height: auto;
        z-index: 99999;
        background-color: rgb(0, 59, 51);
        padding: .4em;
        text-align: center;
    }

    .franja a {
        color: white;
        font-size: .8em;
        font-family: 'Dosis-Medium';
        text-decoration: none;
    }


    /* CUPÓN 25% OFF */
    .flota-cupon {
        position: fixed;
        width: 100%;
        height: 5em;
        max-width: 2.5em;
        background-color: rgb(190, 188, 188);
        z-index: 9999;
        top: 50%;
        border: 0;
        left: 0;
        border-radius: 0 .5em .5em 0;
    }

    .estilo-boton-cupon {
        width: 4em;
        font-size: 1em;
        font-family: 'DaxlinePro-Light';
        color: black;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-bottom: 0;
        display: flex;
        right: -.70em;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);

        text-align: center;
        justify-content: center;
        align-items: center;
    }

    a.boton-cupon {
        display: inline-block;
        width: 100%;
        height: auto;
        cursor: pointer;
    }

    .fixed-top {
        position: initial !important;
    }


    /*BOTON FLOTANTE WHATSAPP*/
    .float {
        position: fixed;
        width: 52px;
        height: 52px;
        bottom: 49px;
        right: 105px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }

    .float:hover {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }

    .my-float {
        margin-top: 13px;
    }

    /*AJUSTE CAROUSEL*/
    .row.carousel {
        --bs-gutter-x: 0;
    }

    .carousel {
        position: relative;
        padding-top: 40px;
    }

    .row.carousel-2 {
        --bs-gutter-x: 0;
    }

    .carousel-2 {
        position: relative;
        padding-top: 40px;
    }

    /*DESCRIPCION DE PRODUCTOS PARA EL ROSTRO*/
    .titulos {
        color: black;
        background-color: none;
        font-family: 'EvelethCleanThin';
        font-size: 26pt;
        justify-content: center;
        text-align: center;
        padding: 120px 0px 20px 0px;
    }

    .titulos:first-child {
        padding-top: 100px;
    }

    .titulos-web {
        color: black;
        background-color: none;
        font-family: 'EvelethCleanThin';
        font-size: 26pt;
        justify-content: center;
        text-align: center;
        padding: 40px 0px 00px 0px;
    }

    .nombreproducto {
        font-family: 'Dosis-Medium';
        font-size: 22pt;
        color: black;
        text-align: center;
        padding-top: 20px;
    }

    .nombre-pregunta {
        font-family: 'Dosis-Medium';
        font-size: 22pt;
        color: black;
        text-align: center;
        padding-top: 20px;
        cursor: pointer;
    }
    
    .nombre-ozono {
        font-family: 'Dosis-regular';
        font-size: 18pt;
        color: black;
        text-align: center;
        padding-top: 20px;
        cursor: pointer;
    } 

    .nombreproducto-secundario {
        font-family: 'Dosis-Light';
        font-size: 14pt;
        color: black;
        text-align: center;
        padding-top: 5px;
    }

    .centrado-mockup {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        height: auto;
        max-width: 329px;
    }

    .centrado-mockup a img {width: 100%;}

    .centrado-mockup-2 {
        text-align: center;
    }

    .centrado-mockup-2 img {
        width: 100%;
        max-width: 777px;
    }



    .contenedor-provincias {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .nombreproducto-secundario:hover {
        border-bottom: 1px solid black;
    }


    .nombre-dudas {
        font-family: 'Dosis-Regular';
        font-size: 18pt;
        color: black;
        text-align: center;
        padding-top: 25px;
    }

    .subtituloproductos-activos {
        font-family: 'corbel-italic';
        font-size: 14px;
        color: black;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .subtituloproductos-activos-mini {
        font-family: 'corbel-italic';
        font-size: .6rem;
        color: black;
        position: absolute;
        scroll-margin-inline-end: .5rem;
    }

    .subtituloproductos-infoproductosppl {
        font-family: 'DaxlinePro-Light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .subtituloproductos-infoproductos {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding: 20px 0px 0px 0px;
    }

    .subtitulo-insta {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding: 0px 0px 20px 0px;
    }

    .subtitulo-insta-1 {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding: 0px 0px 20px 0px;
    }

    .detalle-infoproducto {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
    }

    /*PRODUCTOS PARA EL ROSTRO*/
    .nombreproductos {
        font-family: 'Dosis-Medium';
        font-size: 17pt;
        color: black;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .desarrollocremas {
        font-family: 'corbel light';
        font-size: 15px;
        color: black;
        text-align: center;
        padding: 0px 20px;
    }

    .desarrollocremas-activos {
        font-family: 'corbel light';
        font-size: 13px;
        color: black;
        text-align: center;
        padding: 0px 0px;
    }

    .img-activos {
        width: 68px;
        height: 68px;
        margin-top: 35px;
    }

    .desarrollocremas-sm {
        font-family: 'corbel light';
        font-size: 15px;
        color: black;
        text-align: center;
        padding: 10px 5px;
        display: none;
    }

    .imagen-sunstick-md {
        display: none;
    }

    .imagen-sunstick-sm {
        display: none;
    }

    .desarrollo-quienes-somos {
        font-family: 'corbel light';
        font-size: 14px;
        color: black;
        text-align: left;
        padding: 0px 35px;
    }

    .resaltados {
        font-family: 'corbel-bold';
        font-size: 14px;
    }

    .desarrollo-preguntas {
        font-family: 'corbel light';
        font-size: 15px;
        color: black;
        text-align: center;
        padding: 0px 10px;
    }

    .desarrollo-preguntas-2 {
        font-family: 'corbel light';
        font-size: 15px;
        color: black;
        text-align: center;
        padding: 20px 40px;
    }

    .link-desarrolloactivos {
        font-family: 'corbel-light-italic';
        font-size: 12pt;
        color: black;
        text-align: center;
        padding-top: 40px 0px 40px 0px;
        cursor: pointer;
    }

    .link-desarrolloinci {
        font-family: 'corbel-light-italic';
        font-size: 12pt;
        color: black;
        text-align: center;
        padding-top: 40px 0px 40px 0px;
        cursor: pointer;
    }

    .link-leermas {
        font-family: 'corbel light';
        font-size: 12pt;
        color: black;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    .como-lo-aplico {
        padding-top: 1rem;
        font-family: 'corbel light';
        font-size: 12pt;
        color: black;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }
    
    .como-lo-aplico:hover {
     color:#205fac;
    }

    .explicativo {
        font-family: 'corbel light';
        font-size: 12pt;
        color: black;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        padding-top: 1em;
    }
    
    .explicativo:hover {
     color:#205fac;
    }

    .link-fichatecnica {
        font-family: 'corbel light';
        font-size: 12pt;
        color: black;
        text-align: center;
        text-decoration: none;
    }

    .botoncomprar {
        font-family: 'EvelethCleanThin';
        font-size: 10pt;
        color: black;
        background-color: transparent;
        border-color: black;
        border-radius: 2rem;
        border: 1px solid;
        padding: 10px;
        margin-top: 10px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
        margin-bottom: 3em;
    }

    .producto-toggle {
        position: relative;
    }

    .producto-toggle .contenido-fijo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 25px;
    }

    /*CARACTERISTICAS CREMAS*/
    .caracteristicas-cremas {
        font-family: 'corbel-light-italic';
        font-size: 8pt;
        color: black;
        background: lightgray;
        text-align: center;
    }

    
    /*VIDEO COMO USO CREMAS*/
    .modal-video {
        position: absolute;
        top: 0;
        left: 0;
        height: max-content;
        display: none;
    }


    /*PRODUCTOS DE LA WEB CON LINK DIRECTO y PUBLICACIONES DE INSTAGRAM CON LINK*/
    .enlinea {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 10px 70px;
    }

    .subtitulo-productos {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding-top: 20px;
    }

    .subtitulo-productos-ig {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-decoration: none;
        text-align: center;
        align-items: center;
        justify-items: center;
        display: flex;
    }

    .img-seguinos-ig {
        width: 51px;
        height: 34px;
    }

    .boton-clickaqui {
        font-family: 'EvelethCleanThin';
        font-size: 8pt;
        color: white;
        background-color: black;
        border-radius: 2rem;
        padding: 7px;
        border: 2px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
        margin-bottom: 3em;
    }

    .boton-loquiero {
        font-family: 'EvelethCleanThin';
        font-size: 8pt;
        color: white;
        background-color: black;
        border-radius: 2rem;
        padding: 7px;
        border: 2px;
        margin-top: 20px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
        margin-bottom: 3em;
    }


    .nombreinstagram {
        font-family: 'Dosis-Medium';
        font-size: 19pt;
        color: black;
        padding-top: 20px;
        text-align: center;
    }

    .subtitulo-instagram {
        font-family: 'Dosis-Medium';
        font-size: 19pt;
        color: black;
        width: 15em;
        padding-top: 20px;
        text-align: center;
    }

    .subtitulo-revendedora {
        font-family: 'EvelethCleanThin';
        font-size: 19pt;
        color: black;
        text-align: center;
        padding-bottom: 20px;
    }

    .subtitulo-revendedora-oz {
        font-family: 'Dosis-Medium';
        font-size: 19pt;
        color: black;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 90px;
    }

    .subtitulo-revendedora-2 {
        font-family: 'Dosis-Medium';
        font-size: 19pt;
        color: black;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .subtitulo-web {
        font-family: 'Dosis-Medium';
        font-size: 19pt;
        color: black;
        padding-top: 20px;
        text-align: center;
    }

    .margenes-produc-web {
        margin-top: 40px;
    }

    .margenes-nw-web {
        margin: 40px 10px 0px 10px;
    }

    .margenes-insta-web {
        margin-top: 100px;
        margin-bottom: 20px;
    }

    .margenes-insta-web .row {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .margenes-mapa {
        margin: 0px 180px 0px 180px;
    }


    /*INGREDIENTES DE PRODUCTOS*/
    .tituloscremas {
        font-family: 'Dosis-Medium';
        font-size: 28px;
        color: black;
        text-align: center;
        padding: 10px 25px 10px 25px;
    }

    .tituloscremas-espacio {
        font-family: 'Dosis-Medium';
        font-size: 28px;
        color: black;
        text-align: center;
        padding-top: 55px;
    }

    .desarrollocremas-inci-2 {
        font-family: 'corbel light';
        font-size: 11.5px;
        color: black;
        text-align: center;
        padding: 10px 25px;
    }

    .desarrollocremas-inci {
        font-family: 'corbel light';
        font-size: 13px;
        color: black;
        text-align: center;
        padding: 10px 25px;
    }

    .boton-volver {
        font-family: 'EvelethCleanThin';
        font-size: 10pt;
        color: white;
        background-color: black;
        border-color: black;
        border-radius: 2rem;
        border: 2px;
        padding: 10px;
        margin-top: 20px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
        margin-bottom: 160px;
    }

    /*POSICION PARA LOS ACTIVOS/INCI DEL PRODUCTO*/
    .producto-toggle .toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /*FONDO PRODUCTOS*/
    .f-nwl {
        background-image: url(../imagenes/fondo-nwl.jpg);
        background-size: cover;
    }

    .f-leermas {
        background: white;
    }

    .f-violeta {
        background: #d9bae0;
    }

    .f-violetaingr {
        background: #E3D1E7;
    }

    .f-rosaclaro {
        background: #f7c2c2;
    }

    .f-rosaclaroingr {
        background: #f9d0d0;
    }

    .f-celeste {
        background: #a2cee6;
    }

    .f-celesteingr {
        background: #B6D7E9;
    }

    .f-azulverdoso {
        background: #37b5b1;
    }

    .f-azulverdosoingr {
        background: #60e7e3;
    }

    .f-marron {
        background: #aa6746;
    }

    .f-marroningr {
        background: #e6956d;
    }

    .f-amarillo {
        background: #FAB93F;
    }

    .f-amarilloingr {
        background: #f0ba56;
    }

    .f-azul {
        background: #5487C6;
    }

    .f-azulingr {
        background: #72a0d8;
    }

    .f-rosa {
        background: #EB5E8F;
    }

    .f-rosaingr {
        background: #eb7ea4;
    }

    .f-blanco {
        background: white;
    }

    .f-gold {
        background: #ae9430;
    }

    .f-goldingr {
        background: #FAB93F;
    }

    .f-hydra {
        background: #8b9294;
    }

    .f-hydraingr {
        background: #b4bbbd;
    }

    .f-iuven {
        background: #bd8e79;
    }

    .f-iuveningr {
        background: #ddb19c;
    }

    .f-ozono {
        background: #F5A575;
    }

    .f-ozonoingr {
        background: #fac19d;
    }


    /*COSAS DEL FORMULARIO*/
    /*TITULO GRAL*/
    .titulos-cuestionario {
        color: black;
        background-color: none;
        font-family: 'EvelethCleanThin';
        font-size: 28pt;
        justify-content: center;
        text-align: center;
        padding: 120px 0px 20px 0px;
    }

    .subtitulo {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: left;
        padding: 25px 0px 0px 0px;
    }

    .subtitulo-productos-c {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding: 15px 0px 0px 0px;
    }

    /*QUIENES SOMOS*/
    .subtitulo-quienessomos {
        font-family: 'Dosis-Medium';
        font-size: 28pt;
        color: black;
        text-align: center;
        padding: 30px 0px 0px 0px;
    }

    .imagenes-quienessomos img {
        width: 100%;
    }

    /*SUMATE A NUESTRO EQUIPO*/
    .desarrollo-formulario {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
        padding: 0px 110px 20px 110px;
    }

    .imagen-mockup-mayoristas {
        width: 960px;
        height: 710px;
    }

    .detalle-subtitulo {
        font-family: 'corbel light';
        font-size: 14px;
        color: black;
        text-align: left;
        padding: 5px 0px 0px 0px;
    }

    .botonvamos-cuestionario {
        font-family: 'EvelethCleanThin';
        font-size: 10pt;
        color: white;
        background-color: black;
        border-radius: 2rem;
        padding: 10px;
        border: 2px;
        align-items: flex-end;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
    }

    .subtitulo-contacto {
        font-family: 'corbel-light-italic';
        font-size: 14pt;
        color: black;
        text-align: center;
        padding-top: 60px;
    }

    /*SACATE LAS DUDAS*/
    .titulo-dudas {
        font-family: 'Dosis-Medium';
        font-size: 18pt;
        color: black;
        text-align: center;
        padding: 25px 0px 0px 0px;
    }

    .subtitulo-dudas {
        font-family: 'EvelethCleanThin';
        font-size: 12pt;
        color: black;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }

    .subtitulo-dudas-2 {
        font-family: 'Dosis-Light';
        font-size: 12pt;
        color: black;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }

    .detalle-preguntas {
        font-family: 'corbel light';
        font-size: 18px;
        color: black;
        text-align: center;
    }

    .subtitulo-pagos {
        font-family: 'corbel light';
        font-size: 16px;
        color: black;
        text-align: center;
        padding-top: 20px;
    }

    /*GIFTCARDS*/
    .nombre-giftcard {
        font-family: 'Dosis-Medium';
        font-size: 22pt;
        color: black;
        text-align: center;
        padding-top: 20px;
    }

    .boton-giftcard {
        font-family: 'EvelethCleanThin';
        font-size: 10pt;
        color: black;
        background-color: transparent;
        border-color: black;
        border-radius: 2rem;
        border: 2px solid;
        padding: 10px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
    }

    .row.separacion {
        text-align: center;
    }

    .img-gift-card img {
        width: 270px;
        height: 192px;
    }


    .enlinea-formulario {
        display: flex;
        flex-direction: row;
        justify-content: left;
        padding: 10px 0px;
        align-items: baseline;
    }

    .enlinea-formulario-footer {
        display: flex;
        flex-direction: column;
        justify-content: left;
        padding: 10px 0px;
    }

    .enlinea-detalle {
        display: flex;
        flex-direction: row;
        justify-content: revert;
        align-content: left;
        align-items: flex-start;
    }

    .enlinea-detalle-ig {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .enlinea-detalle-inst {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-mockup {
        width: 300px;
        height: 470px;
    }

    
    .img-mockup-oz {
        width: 290px;
        height: 500px;
    }

    .img-mapa {
        width: 300px;
        height: 670px;
    }

    .enlinea-detalle div {
        width: 18em;
    }

    .enlinea-detalle-formulario {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .enlinea-detalle-formulario-mascerca {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 40px;
    }

    .enlinea-detalle-contactanos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .enlinea-detalle-footer {
        display: flex;
        flex-direction: row;
        justify-content: left;
    }

    .firma-maquetador {display: none;}

    .enlinea-detalle-footer-infoextra {
        display: flex;
        flex-direction: row;
        justify-content: left;
        padding-top: 50px;
    }

    .enlinea-detalle-footer-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
    }


    /*DETALLE REDES Y CONTACTO*/
    .centrar-contacto {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .detalle-contacto-md {
        display: flex;
        flex-direction: row;
        max-width: 30em;
    }

    .img-produc-web {
        width: 225px;
        height: 225px;
    }

    .detalle-formulario {
        font-family: 'DaxlinePro-Light';
        font-size: 14px;
        color: black;
        text-align: left;
        text-decoration: none;
    }

    .detalle-formulario a {
        color: black;
    }

    .relleno {
        /*font-size:x-large;*/
        width: 500px;
        padding: .2em;
        line-height: inherit;
    }

    /*VIDEO QUIENES SOMOS*/
    .video {
        width: 1280px;
        height: 480px;
        align-content: center;
    }

    .margenes-vdo {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 3em;
    }

    /*DETALLES FOOTER*/
    footer {
        padding: 20px;
    }

    .titulos-ppl-nw {
        font-family: 'EvelethCleanThin';
        font-size: 28px;
        color: white;
    }

    .titulos-ppl-nw-popup {
        font-family: 'EvelethCleanThin', sans-serif;
        font-size: 28px;
        color: black;
        text-align: center;
    }

    .titulo-nw-popup {
        font-family: 'DaxlinePro-Light';
        font-size: 12px;
        color: black;
    }

    .titulos-sec-nw {
        font-family: 'EvelethCleanThin';
        font-size: 18px;
        color: white;
        justify-content: left;
        text-decoration: none;
    }

    .titulos-sec-nw-nb {
        font-family: 'EvelethCleanThin';
        font-size: 12px;
        color: white;
        text-decoration: none;
        cursor: pointer;
    }

    .titulos-sec-nw-1 {
        font-family: 'EvelethCleanThin';
        font-size: 11px;
        color: black;
        background-color: rgb(190, 188, 188);
        justify-content: left;
        text-decoration: none;
        padding: 1em 1em .7em 1em;
        border-radius: .7em;
    }

    .titulos-sec-nw-ozone {
        font-family: 'EvelethCleanThin';
        font-size: 11px;
        color: black;
        background-color: rgb(162, 238, 127);
        justify-content: left;
        text-decoration: none;
        padding: 1em 1em .7em 1em;
        border-radius: .7em;
    }

    .titulos-sec-nw-2 {
        font-family: 'EvelethCleanThin';
        font-size: 11px;
        color: white;
        text-decoration: none;
    }

    .titulos-sec-nw-nb-2 {
        font-family: 'EvelethCleanThin';
        font-size: 11px;
        color: white;
        text-decoration: none;
        text-align: center;
    }

    .titulos-sec-info {
        font-family: 'EvelethCleanThin';
        font-size: 9px;
        color: white;
        text-decoration: none;
        padding-left: 10px;
    }

    .titulos-sec-info:hover {
        color: #f7c2c2;
    }

    .titulo-nw {
        font-family: 'DaxlinePro-Light';
        font-size: 12px;
    }

    .enlinea-detalle-nw {
        display: flex;
        flex-direction: row;
    }

    .enlinea-detalle-nw-secundario {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 2em;
    }

    .enlinea-detalle-nw-secundario-2 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 2em;
    }

    .botonvamos-nw {
        font-family: 'EvelethCleanThin';
        font-size: 8pt;
        color: black;
        background-color: white;
        border-color: white;
        border-radius: 2rem;
        border: 7px;
        padding: 6px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
        margin-left: 10px;
    }

    .botonvamos-nw-2 {
        font-family: 'EvelethCleanThin';
        font-size: 8pt;
        color: black;
        background-color: white;
        border-color: white;
        border-radius: 2rem;
        border: 7px;
        padding: 6px;
        text-decoration-color: none;
        text-decoration-line: none;
        text-decoration: none;
        margin-left: 10px;
    }

    .titulos-info {
        font-family: 'corbel-light-italic';
        font-size: 12pt;
        color: white;
        padding-top: 2rem;
        text-align: left;
        text-decoration: none;
    }

}

/*********************** CUANDO ES MENOR A 1024PX APLICA ESTE CONDICIONAL ***********************/

@media screen and (max-width:1101px) {

    .centrado-mockup {overflow: hidden;}

    /*AJUSTE CAROUSEL*/
    .carousel {
        position: relative;
        padding-top: 105px;
    }

    .carousel-2 {
        position: relative;
        padding-top: 80px;
    }

    .imagen-banner {
        width: 100%;
        max-width: 100%;
        margin-top: 0px;
    }

    .margenes-gral {
        margin: 0px 40px 60px 40px;
    }

    .titulos-info {
        font-size: 10pt;
        text-align: left;
    }

    .titulos {
        font-size: 21pt;
        padding: 95px 0px 20px 0px;
    }

    .titulos-web {
        font-size: 21pt;
    }

    .subtitulo-productos-c {
        padding: 15px 10px 10px 10px;
        font-size: 16px;
    }

    .imagen-sunstick-xl {
        display: none;
    }

    .imagen-sunstick-md {
        display: flex;
    }

    .imagen-sunstick-sm {
        display: none;
    }

    section#para-el-rostro {
        padding-top: 3em;
    }

    .margenes-mapa {
        margin: 0px 50px 0px 70px;
    }

    .img-activos {
        width: 56px;
        height: 56px;
    }

    .detalle-infoproducto {
        font-size: 16px;
        padding: 0px 25px;
    }

    .desarrollo-preguntas {
        padding: 0px 30px;
    }

    .desarrollo-preguntas-2 {
        padding: 10px 30px;
    }

    .nombreinstagram {
        font-size: 16pt;
        display: flex;
        justify-content: center;
    }

    .subtitulo-instagram {
        font-size: 16pt;
        width: 15em;
    }

    .subtitulo-insta-1 {
        font-size: 16px;
        padding: 0px 50px 20px 50px;
    }

    .subtituloproductos-activos {
        font-family: 'corbel-italic';
        font-size: 12px;
    }

    .enlinea-detalle-inst {
        margin: auto;
    }

    .img-produc-web {
        width: 160px;
        height: 160px;
    }

    /*ajuste contactanos por redes*/
    .enlinea-detalle-contactanos {
        flex-direction: column;
        align-content: center;
    }

    .enlinea-detalle {
        justify-content: center;
    }

    .enlinea-detalle div {
        width: 8em;
    }

    .detalle-contacto-md {
        display: flex;
        flex-direction: row;
    }

    .desarrollo-quienes-somos {
        padding: 0px 25px;
    }

    /*ajuste footer*/
    .enlinea-detalle-footer {
        justify-content: center;
    }

    .enlinea-detalle-footer-infodemas {
        justify-content: center;
        padding-top: 20px;
    }

    .enlinea-formulario-footer {
        justify-content: center;
        align-items: center;
        margin-top: 30px
    }

    .enlinea-detalle-footer-2 {
        align-items: center;
    }

    .enlinea-detalle-nw {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .botonvamos-nw {
        margin-top: 10px;
    }

    .botonvamos-nw-2 {
        margin-top: 0px;
        margin-left: 10px;
    }

    .enlinea-detalle-nw-secundario-2 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 2em;
    }

    /*ajuste navbar*/
    .separacion-menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        z-index: 9999;
    }

    .hamburguesa {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: black;
        padding: 1rem;
    }

    /* SUB MENU */
    .sub-menu {
        display: none;
        padding-left: 0;
        background-color: transparent;
        position: inherit;
        background: rgba(189, 183, 183, 0.267);
    }

    nav ul li {
        display: flex;
        flex-direction: column;
        padding: .5rem .5rem;
    }

    .menu-desplegable {
        /*position: fixed;*/
        width: 100%;
        top: 0;
        right: 0;
        z-index: 999999;
        align-items: center;
        ,
        padding-right: 1em;
    }

    .menu-desplegable .boton-hamb {
        width: 3rem;
        line-height: 3;
        text-align: center;
        justify-content: space-around;
    }

    .hamburguesa .titulos-sec-nw-nb-2 {
        justify-content: center;
        font-size: 9px;
    }

    /*GIFTCARDS*/
    .img-gift-card img {
        width: 180px;
        height: 128px;
    }

    /*QUIENES SOMOS*/
    .desarrollo-quienes-somos {
        font-size: 12px;
        padding: 0px 0px;
    }

    .resaltados {
        font-family: 'corbel-bold';
        font-size: 12px;
    }

    .subtitulo-quienessomos {
        font-size: 22pt;
        padding: 0px 0px 0px 0px;
    }

    .contenedor-quienessomos {
        padding-top: 40px;
        display: flex;
        align-items: center;
    }

    #menu_1 {

        width: 45%;

        display: flex;
        flex-direction: column;
        background-color: #000;
        z-index: 100;
        position: fixed;
        left: 100vw;
        transition: all 1s ease;
        padding: 0px;
        padding-top: 5em;
        top: 2.5em;
        list-style-type: none;
        overflow: hidden;
    }

    #para_menu_1 {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 1em;
        z-index: 9999;
    }

    #menu_1.menu_visible {
        left: 55%;
        transition: all .6s ease;
    }

    #menu_1 li {
        width: 100%;
    }

    .dropdownlink p {
        font-size: 14px;
    }

    .menu-desplegable .hamburguesa a {
        font-size: 14px;
    }


    .dropdownlink p:hover {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .submenuItems {
        /*background: rgba(0,59,51);*/
        max-width: 100%;
    }

    .desarrollo-formulario {
        font-size: 17px;
        padding: 0px 50px 20px 50px;
    }

    .imagen-mockup-mayoristas {
        width: 648px;
        height: 334px;
    }

    .menu-desplegable .hamburguesa a {
        display: block;
        text-align: center;
        /*padding: 1rem; font-size: 14px;*/
    }

    .boton-hamb {
        display: flex;
        flex-direction: row;
        justify-content: right;
        margin-right: 1.5rem;
    }

    /*VIDEO QUIENES SOMOS*/
    .video {
        width: 800px;
        height: 360px;
    }

}

/*********************** CUANDO ES MENOR A 576PX APLICA ESTE CONDICIONAL ***********************/

@media screen and (max-width:576px) {

    /*AJUSTE CAROUSEL*/
    .carousel {
        position: relative;
        padding-top: 104px;
    }

    .carousel-2 {
        position: relative;
        padding-top: 0px;
    }

    .imagen-banner {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }

    .imagen-sunstick-xl {
        display: none;
    }

    .imagen-sunstick-md {
        display: none;
    }

    .imagen-sunstick-sm {
        display: flex;
    }

    .margenes-gral {
        margin: 0px 40px 60px 40px;
    }

    .margenes-nw-web {
        margin: 40px 10px 0px 10px;
    }

    .titulos-info {
        font-size: 10pt;
        text-align: center;
    }

    .subtitulo-contacto {
        font-size: 12pt;
    }

    .relleno {
        /*font-size:x-large;*/
        width: 300px;
        line-height: inherit;
    }

    .subtitulo-productos-c {
        padding: 15px 0px 0px 0px;
    }

    .titulos-sec-nw-nb {
        font-family: 'EvelethCleanThin';
        font-size: 9px;
        color: white;
        justify-content: left;
        text-decoration: none;
        margin: 0px 0px;
    }

    section#para-el-rostro {
        padding-top: 2em;
    }

    section#para-el-cuerpo,
    section#para-la-limpieza {
        padding-top: 3em;
    }

    .margenes-mapa {
        margin: 0px 40px 0px 40px;
    }

    .subtitulo-revendedora {
        padding-top: 40px;
    }

    .subtitulo-revendedora-1 {
        padding-top: 40px;
    }

    .subtitulo-revendedora-2 {
        padding-top: 40px;
    }

    .img-activos {
        width: 38px;
        height: 38px;
    }

    .desarrollo-preguntas {
        padding: 0px 0px;
    }

    .desarrollo-preguntas-2 {
        padding: 0px 0px;
    }

    .desarrollo-quienes-somos {
        padding: 0px 0px;
    }

    /*ajuste contactanos por redes*/
    .enlinea-detalle-contactanos {
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .enlinea-detalle {
        justify-content: center;
    }

    .detalle-contacto-md {
        display: flex;
        flex-direction: column;
    }

    /*ajuste footer*/
    .enlinea-detalle-footer {
        justify-content: center;
    }

    .enlinea-detalle-footer-infodemas {
        justify-content: center;
        padding-top: 20px;
    }

    .enlinea-formulario-footer {
        justify-content: center;
        align-items: center;
        margin-top: 30px
    }

    .enlinea-detalle-footer-2 {
        align-items: center;
    }

    .enlinea-detalle-nw {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .botonvamos-nw {
        margin-top: 0px;
        margin-left: 10px;
    }

    .botonvamos-nw-2 {
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px;
    }

    .enlinea-detalle-nw-secundario {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 2em;
    }

    /*VIDEO QUIENES SOMOS*/
    .video {
        width: 320px;
        height: 180px;
    }

    /*INDEX - DESCRIPCION DE PRODUCTOS PARA EL ROSTRO*/
    .titulos {
        font-size: 18pt;
        padding: 70px 0px 20px 0px;
    }

    .tutulos-web {
        font-size: 21pt;
    }

    .detalle-infoproducto {
        font-size: 15px;
        padding: 0px 5px;
    }


    /*PUBLICACIONES DE INSTAGRAM CON LINK*/
    .nombreinstagram {
        font-size: 16pt;
        display: flex;
        justify-content: center;
    }

    .subtitulo-insta {
        font-size: 16px;
    }

    .subtitulo-insta-1 {
        font-size: 16px;
        padding: 0px 10px 20px 10px;
    }

    .img-produc-web {
        width: 225px;
        height: 225px;
    }

    .subtitulo-productos {
        font-size: 12px;
    }

    .img-mockup {
        width: 225px;
        height: 353px;
    }

    .subtitulo-instagram {
        font-size: 12pt;
        width: 18em;
    }

    .enlinea-detalle-ig {
        display: flex;
        flex-direction: column-reverse;
    }

    /*COSAS DEL FORMULARIO*/
    /*TITULO GRAL*/
    .titulos-cuestionario {
        Font-size: 18pt;
        padding: 120px 0px 0px 0px;
    }

    .desarrollo-formulario {
        font-size: 16px;
        padding: 0px 5px 20px 5px;
    }

    .imagen-mockup-mayoristas {
        width: 321px;
        height: 166px;
    }

    /*GIFTCARDS*/
    .img-gift-card img {
        width: 270px;
        height: 192px;
    }

    #menu_1 {
        display: flex;
        flex-direction: column;
        background-color: #000;

        z-index: 100;
        position: fixed;
        padding: 0px;
        padding-top: 5em;
        top: 2.5em;
        left: 110vw;
        list-style-type: none;
        overflow: hidden;
        transition: all 1s ease;
        width: 100%;
    }


    #menu_1 li {
        width: 100%;
    }

    .dropdownlink p:hover {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .dropdownlink p {
        font-size: 12px;
    }

    .menu-desplegable .hamburguesa a {
        font-size: 12px;
    }

    .submenuItems {
        max-width: 100%;
    }

    #para_menu_1 {
        cursor: pointer;
        display: flex;
        z-index: 9999;
        justify-content: center;
        align-items: center;
        margin-right: 1em;
    }

    #menu_1.menu_visible {
        left: 0;
        transition: all .6s ease;
    }

    .menu-desplegable {
        align-items: center;
    }




}