.header.fijo {
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #ffffff;
    left: 0;
    padding: 0 0 15px 0;
    right: 0;
    box-shadow: 1px 4px 9px rgba(0, 0, 0, 0.4);
}

.headerConten {
    display: flex;
    align-items:center;
    background-color: rgba(255, 255, 255, 0.90);
    margin-top:2rem;
    padding:0 10px;
}

@media(max-width:992px){
    .headerConten{
        flex-direction:column;
        align-items:unset;
        position:relative;
        padding:3px 10px;
        border-radius:5px;
    }
}

.contenMenu {
    flex: 1;
}

.headerConten ul {
    list-style: none;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    margin:0;
    font-size:14px;
}

@media(max-width:1200px) {
    .headerConten ul {
        justify-content: flex-start;
    }
}
@media(max-width:992px) {
    .headerConten ul{
        flex-direction:column;
        padding:0;
    }
}

.logoHamburguesa{
    display:none;
}

@media(max-width:992px) {
    .versionMovilHeader{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .logoHamburguesa {
        display: block;
    }
}

.headerConten ul > li > a {
    color: #587382;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    padding-top: 15px;
    padding-bottom: 15px;
    /* line-height: 20px; */
    position: relative;
    display: block;
    padding: 10px 12px;
}


@media(max-width:992px) {
    .headerConten ul > li{
        width:100%;
        text-align:left;
    }
}

.headerConten ul > li > a:hover {
    background-color: #FF7700;
    color: #ffffff !important;
}

.headerConten ul > li:hover > a {
    background-color: #FF7700;
    color: #ffffff !important;
}

@media(max-width:992px){
    .ocultar {
        display: none !important;
    }

    .mostrar {
        display: block;
    }
}

.logoHamb {
    width: 3rem;
}

.iconos {
    width: 2rem;
    filter: brightness(0) saturate(100%) invert(44%) sepia(23%) saturate(468%) hue-rotate(157deg) brightness(91%) contrast(88%);
}

.user{
    width:1.25rem;
}

.iconoCarrito {
    max-width: 2rem;
}

/****contenPrincipalAntiacne****/
.contenImagenesAcne {
    display: flex;
    gap: 4rem;
    margin:2rem 0;
}

    .contenImagenesAcne div {
        border: 4px solid #3bb74b;
        width: 40%;
        object-fit: cover;
    }



        .contenImagenesAcne div img {
            object-fit: cover;
            width: 100%;
        }

/*.contenPrincipalAntiacne * {
    word-break: break-word;
}*/
.contenPrincipalAntiacne h1 {
    color: #3bb74b;
    font-weight: 700;
    font-size: 2rem;
}

.contenPrincipalAntiacne h1 span{
    font-weight: normal;
    font-style:italic;
}

.contenPrincipalAntiacne p {
    line-height:1.5;
}

.contenPrincipalAntiacne .cuadricula {
    display:flex;
}

@media(max-width:1200px){
    .contenPrincipalAntiacne .cuadricula {
        flex-direction:column;
    }
}


    .contenPrincipalAntiacne .cuadricula > div:nth-child(2) {
        margin-top: -12rem;
        background-color: white;
    }

@media(max-width:1200px) {
    .contenPrincipalAntiacne .cuadricula > div:nth-child(2) {
        margin-top: auto;
    }
}

.contenPrincipalAntiacne .noventaDias,
.contenPrincipalAntiacne .contentDespues {
    border: 5px solid #ff7322;
    border-right: unset;
    border-left: unset;
    padding: .5rem 0;
    color: #ff7322;
    font-weight: 500;
    font-size: 2.3rem;
    margin: 1rem 0;
}

    .contenPrincipalAntiacne .noventaDias p,
    .contenPrincipalAntiacne .contentDespues p{
        line-height: 1.2 !important;
        text-align:justify;
    }

    .contenPrincipalAntiacne .noventaDias p{
        text-align:start;
    }

    .contenPrincipalAntiacne .contentDespues p {
        text-indent: .5rem;
    }

.contenPrincipalAntiacne .contentDespues {
    font-size:1.2rem;
}

.contenPrincipalAntiacne .nota {
    background-color: #ff9630;
    padding:.5rem .5rem 1rem .5rem;
    color:white;
    margin:1.5rem 0;
}

    .contenPrincipalAntiacne .nota span {
        color: #3b5e6a;
    }

.fuente p {
    border: 2px solid #618695;
    border-right: unset;
    border-left: unset;
    padding: .5rem 0;
    color: #4a7586;
    font-weight: 500;
    font-size: .8rem;
    margin: 1rem 0;
    width: fit-content;
    font-family: 'Oswald', sans-serif !important;
}
.contenPrincipalAntiacne{
    margin-bottom:4rem;
}

.contenPrincipalAntiacne .pregunta {
    color: #3bb74b;
    font-size: 4.1rem;
    font-weight: 500;
    margin-top: 2rem;
}

    .contenPrincipalAntiacne .pregunta p {
        font-family: 'Antonio' !important;
    }

@media(max-width:1200px){
    .contenPrincipalAntiacne .pregunta {
        font-size: 3.1rem;
    }
}

@media(max-width:645px) {
    .contenPrincipalAntiacne .pregunta {
        font-size: 2.1rem;
    }
}

@media(max-width:400px) {
    .contenPrincipalAntiacne .pregunta {
        font-size: 1.4rem;
    }
}

    .contenPrincipalAntiacne .pregunta p {
        line-height: 1 !important;
    }

    .contenPrincipalAntiacne .pregunta p:nth-child(1) {
        display:flex;
        gap:.2rem;
    }

    .contenPrincipalAntiacne .pregunta p:nth-child(2) {
        font-size: 14rem;
    }



@media(max-width:1200px) {
    .contenPrincipalAntiacne .pregunta p:nth-child(2) {
        font-size: 11rem;
    }
}

@media(max-width:645px) {
    .contenPrincipalAntiacne .pregunta p:nth-child(2) {
        font-size: 8rem;
    }
}

@media(max-width:440px) {
    .contenPrincipalAntiacne .pregunta p:nth-child(2) {
        font-size: 5.7rem;
    }
}

.contenPrincipalAntiacne .subrayado {
    text-decoration: underline;
    text-decoration-thickness: 4px;
}

.contenPrincipalAntiacne .columna {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    font-size: 1.6rem;
    width:2rem;
}

@media(max-width:600px) {
    .contenPrincipalAntiacne .columna {
        font-size: 1.2rem;
    }
}


.contenPrincipalAntiacne .primerasCol > div{
    flex:1;
}

@media(max-width:1200px){
    .contenPrincipalAntiacne .primerasCol {
        flex-direction:column;
        width:100%;
    }
}

.textOrange {
    color: #ff7322;
}

/***tratamiento microvarices****/

.contenVarices h1 {
    text-align: center;
    color: #73369c;
    font-family: 'Antonio' !important;
}

.contenVarices .contenPregunta {
    display: flex;
    align-items: center;
    border: 4px dotted #73369c;
    border-right: unset;
    border-left: unset;
    font-size: 10rem;
    color: #73369c;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 1rem;
    font-family: 'Antonio' !important;
    padding-bottom: 1.4rem;
    letter-spacing: 3px;
}

@media(max-width:992px){

    .contenVarices .contenPregunta {
        padding-bottom: .3rem;
    }

}

    .contenVarices .contenPregunta p {
        font-family: 'Antonio' !important;
    }

@media(max-width:992px){
    .contenVarices .contenPregunta {
        font-size: 7rem;
    }
}

@media(max-width:768px) {
    .contenVarices .contenPregunta {
        font-size: 3rem;
    }
}

.contenVarices .segundaParte p:first-child{
    font-size:3.7rem;
}

@media(max-width:768px) {
    .contenVarices .segundaParte p:first-child {
        font-size: 1.7rem;
    }
}

.contenVarices .segundaParte p:nth-child(2) {
    font-size: 2.7rem;
}

@media(max-width:768px) {
    .contenVarices .segundaParte p:nth-child(2) {
        font-size: 1.2rem;
    }
}

    .contenVarices .segundaParte p {
        line-height: 1
    }

.contenVarices .contenTarjeta{
    margin:1.5rem 0;
}

.contenVarices .tarjeta {
    background-color: #73369c;
    color:white;
    padding:1rem;
    text-align:justify;
}

    .contenVarices .tarjeta span {
        color: #ffdc67;
    }

    .contenVarices .tarjeta .titulo {
        font-weight: 500;
        font-size: 1.7rem;
        margin: auto;
        width: max-content;
        margin-bottom: 1rem;
        font-family: 'Oswald', sans-serif !important;
    }

        .contenVarices .tarjeta .titulo span {
            color: #FFB600;
            font-family: 'Oswald', sans-serif !important;
        }

.contenVarices .contenTarjeta img {
    width: 27rem;
    height: 15rem;
    object-fit: cover;
}

@media(max-width:992px) {
    .contenVarices .contenTarjeta img {
        width:100%;
        height: -webkit-fill-available;
    }
}

@media(max-width:576px) {
    .contenVarices .contenTarjeta{
       flex-direction:column;
    }

    .contenVarices .contenTarjeta img {
        width: 100%;
        height:fit-content;
    }

    .contenVarices .tarjeta .titulo {
        font-size: 1.4rem;
    }
}

.contenVarices .contenPrincipal{
    margin-bottom:2rem;
}



    .contenVarices .contenPrincipal p {
        margin-bottom: 1rem;
    }

    .contenVarices .contenPrincipal .titulo {
        color: #73369c;
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 1rem;
        font-family: 'Oswald', sans-serif !important;
    }

    .contenVarices .contenPrincipal .subtitulo {
        color: #73369c;
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 1rem;
        border: 3px solid #73369c;
        border-right: unset;
        border-left: unset;
        padding: .5rem 0;
    }

        .contenVarices .contenPrincipal .subtitulo p {
            margin: 0;
            font-family: 'Oswald', sans-serif !important;
        }

    .contenVarices .contenPrincipal span {
        color: #ff7322;
    }

/****Tratamiento despigmentante****/
.contenDespigmentante{
    margin:2rem 0;
}

    .contenDespigmentante .contenTitulo {
        border: 5px solid #ff7322;
        padding: 1rem;
        color: #4a7586;
        font-weight: 700;
        font-size: 5rem;
        text-align: center;
        position: relative;
        margin: auto;
        margin-bottom: 3rem;
        width: 90%;
        font-family: 'Antonio' !important;
    }


    .contenDespigmentante .contenTitulo p{
        font-family: 'Antonio' !important;
    }

@media(max-width:992px) {
    .contenDespigmentante .contenTitulo {
        font-size: 3rem;
    }
}

@media(max-width:576px) {
    .contenDespigmentante .contenTitulo {
        font-size: 1.8rem;
    }
}

    @media(max-width:992px){
        .contenDespigmentante .contenTitulo {
            width: 100%;
        }
    }


    .contenDespigmentante .pregunta {
        font-size: 2rem;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        background-color: white;
        width: fit-content;
        color: #ff7322;
        padding:0 3rem;
    }

@media(max-width:992px) {
    .contenDespigmentante .pregunta {
        font-size: 1.5rem;
    }
}

@media(max-width:576px) {
    .contenDespigmentante .pregunta {
        font-size: 1rem;
        bottom: -10px;
        padding: 0 1rem;
    }
}

    .contenDespigmentante .contenImagenes  {
        flex:2;
        margin-bottom:2rem;
        gap:3rem;
    }

    @media(max-width:992px){
        .contenDespigmentante .contenImagenes {
            margin-bottom: 0rem;
        }
    }

    .contenDespigmentante .contenImagenes > div {
        border: 5px solid #4a7586;
        width: 50%;
    }

        .contenDespigmentante .contenImagenes > div img {
            object-fit: cover;
            width: 100%;
        }

    .contenDespigmentante .comentario {
        color: #4a7586;
        font-weight: 700;
        font-size: 3.2rem;
        flex: 1;
    }

        .contenDespigmentante .comentario p {
            font-family: 'Antonio' !important;
        }

@media(max-width:992px) {
    .contenDespigmentante .comentario {
        margin-bottom:2rem;
    }
}

@media(max-width:768px) {
    .contenDespigmentante .comentario {
        font-size: 2rem;
    }
}

    .contenDespigmentante .comentario *{
        line-height:1;
    }

        .contenDespigmentante .comentario span {
            color: #ff7322;
            font-size: 4rem;
            height: 33px;
            display: block;
            quotes: "\0027"
        }

    .contenDespigmentante .contenPrincipal p{
        margin:.5rem;
    }

.contenDespigmentante .contenPrincipal .titulo {
    font-size: 1.4rem;
    color: #4a7586;
    font-family: 'Antonio' !important;
}

    .contenDespigmentante .contenPrincipal .titulo span {
        font-family: 'Antonio' !important;
        font-weight: 700;
    }
    .contenDespigmentante .contenPrincipal .contenTextos div{
        flex:1;
    }

    .contenDespigmentante .contenPrincipal .contenTextos span {
        color: #ff8775;
    }

    .contenDespigmentante .nota {
        background-color: #4a7586;
        color:white;
        padding:1rem;
        margin-bottom:3rem;
    }

        .contenDespigmentante .nota .titulo {
            color: white;
            text-align: center;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            font-family: 'Antonio' !important;
        }

    .contenDespigmentante .nota p{
        margin-bottom:1rem;
    }

        .contenDespigmentante .nota span {
            color: #f47474;
        }

        .contenDespigmentante .fuente p{
            margin:0;
            width:auto;
        }

    .contenDespigmentante .contenPrincipal .contenInfo{
        flex:2;
    }

    .contenDespigmentante .contenPrincipal .contenNota {
        flex: 1;
    }

/****Tratamiento Cicatrización*****/
.contenCicatrizacion p {
    margin-bottom:1rem;
}

.contenCicatrizacion .contenTitulo {
    border: 5px solid #a40000;
    border-left: unset;
    border-right: unset;
    padding: 0rem 0;
    font-weight: 700;
    color: #a40000;
    margin: 2rem 0;
}

.contenCicatrizacion h1 {
    font-size: 4.3rem;
    text-align: center;
    margin: 0;
    font-family: 'Antonio' !important;
}

@media(max-width:992px){
    .contenCicatrizacion h1 {
        font-size: 2.1rem;
    }
}

@media(max-width:576px) {
    .contenCicatrizacion h1 {
        font-size: 1.4rem;
    }
}

.contenCicatrizacion h1 span {
    font-size: 6rem;
    font-family: 'Antonio' !important;
}

@media(max-width:992px) {
    .contenCicatrizacion h1 span {
        font-size: 3rem;
    }
}

@media(max-width:576px) {
    .contenCicatrizacion h1 span {
        font-size: 2rem;
    }
}

.contenCicatrizacion .contenSubtitulo,
.contenCicatrizacion .contenFuente {
    border: 2px solid #a40000;
    border-left: unset;
    border-right: unset;
    color: #a40000;
    padding: .5rem 0;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}

    .contenCicatrizacion .contenSubtitulo p,
    .contenCicatrizacion .contenFuente p {
        margin: 0;
        text-align: justify;
        font-family: 'Oswald', sans-serif !important;
    }

.contenCicatrizacion .contenFuente{
    font-size:1rem;
    font-weight:500;
}

.contenCicatrizacion .contenPrincipal span {
    color: #a40000;
}

.contenCicatrizacion .contenEfecto {
    border: 2px solid #a40000;
    border-radius: 1rem;
    padding: 1rem 2rem;
    color: #a40000;
    font-size: 1.3rem;
    margin: 2rem 0;
    font-family: 'Oswald', sans-serif !important;
    font-weight:700;
}

@media(max-width:992px) {
    .contenCicatrizacion .contenEfecto {
        margin: 0 0 2rem 0;
        font-size: 1rem;
    }
}

.contenCicatrizacion .contenEfecto p{
    margin:0;
}

.contenCicatrizacion .contenImagen {
    background-color: #a40000;
    border-radius:1rem;
    overflow:hidden;
    margin-bottom:2rem;
}

.contenCicatrizacion .contenImagen img{
    object-fit:cover;
    width:100%;
    height:14rem;

}

    .contenCicatrizacion .contenImagen p{
        color:white;
        text-align:center;
        margin:1rem;
        font-weight:500;
        font-size:1.2rem;
    }

/****Tratamiento Antiedad******/
.contenAntiedad{
    margin:2rem 0;
}

    .contenAntiedad .txtTratamiento {
        background-color: #08439e;
        color: white;
        width: fit-content;
        font-size: 3.5rem;
        letter-spacing: .5rem;
        font-weight: bold;
        padding-left: .5rem;
        font-family: 'Antonio' !important;
    }

    @media(max-width:576px){
        .contenAntiedad .txtTratamiento {
            font-size: 2.7rem;
            word-break: break-all;
        }
    }

.contenAntiedad .txtAntiedad {
    color: #08439e;
    font-weight: 700;
    font-size: 5.3rem;
    border-bottom: 5px solid #08439e;
    margin-bottom: .5rem;
    font-family: 'Antonio' !important;
    width: max-content;
}

@media(max-width:576px) {
    .contenAntiedad .txtAntiedad {
        font-size: 4rem;
        word-break: break-word;
    }
}


.contenAntiedad .txtRejuvenecimiento {
    color: #08439e;
    font-weight: 700;
    font-size: 1.9rem;
    font-family: 'Oswald', sans-serif !important;
}

@media(max-width:576px) {
    .contenAntiedad .txtRejuvenecimiento {
        font-size: 1rem;
    }
}

.contenAntiedad .txtComoMujer {
    color: #08439e;
    font-weight: 500;
    font-size: 1rem;
    font-family: 'Oswald', sans-serif !important;
}

@media(max-width:576px) {
    .contenAntiedad .txtComoMujer {
        font-size: .8rem;
    }
}

    .contenAntiedad .contenPrincipal{
        display:flex;
        gap:2rem;
        margin:2rem 0;
    }

    @media(max-width:992px){
        .contenAntiedad .contenPrincipal {
            flex-direction:column;
        }
    }

    /*.contenAntiedad .contenPrincipal > div{
        flex:1
    }*/

    @media(max-width:992px){
        .contenAntiedad .contenImagen img {
            height: 20rem;
            object-fit: cover;
        }
    }

    .contenAntiedad .contenImagen .pasos{
        display:flex;
        align-items:center;
        gap:1rem;
        word-break:break-word;
        margin:.5rem 0 1rem;
    }

.contenAntiedad .contenImagen .numero {
    color: #08439e;
    font-weight: 500;
    font-size: 2.5rem;
    font-family: 'Oswald', sans-serif !important;
}

.contenAntiedad .contenImagen .texto {
    font-size: 1rem;
    color: #4a7586;
    font-weight: 500;
    font-family: 'Oswald', sans-serif !important;
}

    .contenAntiedad .contenImagen .pasos span {
        color: #08439e;
    }

.contenAntiedad .contenComentario {
    border: 5px solid #0843b2;
    border-right: unset;
    border-left: unset;
    font-weight: bold;
    color: #0843b2;
    font-size: 1.8rem
}

    .contenAntiedad .contenComentario p {
        font-family: 'Antonio' !important;
    }

    .contenAntiedad .fuente p{
        margin:0;
        margin-top:3rem;
        width:auto;
    }

    .contenAntiedad .contenPrincipal span {
        color: #ff7322;
    }

    @media(max-width:400px){
        .contenAntiedad .contenImagenes{
            flex-direction:column !important;
        }
    }

.headerConten .verProductos {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.90);
    z-index: 4;
    width:160px !important
}

@media(max-width:992px) {
    .headerConten .verProductos {
        position: relative;
        width: 100% !important;
        background-color: white;
        box-shadow: 1px 5px 5px #00000038;
        margin-bottom: 1rem;
    }
}

.headerConten .verProductos ul {
    display: flex;
    flex-direction: column;
    padding:0;
}

    .headerConten .verProductos ul > li {
        width: 100%;
    }

@media(max-width:992px) {
    .headerConten .verProductos ul > li {
        padding-left:1rem;
    }
}

        .headerConten .verProductos ul > li > a {
            width: 100%;
            color: #587382 !important;
        }

        .headerConten .verProductos ul > li:hover > a {
            background-color: #FF7700;
            color: #ffffff !important;
        }

@media(min-width:992px){
    .liAntiacne:hover .verAntiacne,
    .liVarices:hover .verMicrovarices,
    .liHidratacion:hover .verHidratacion,
    .liDespigmentante:hover .verDespigmentante,
    .liAntiedad:hover .verAntiedad,
    .liCicatrizacion:hover .verCicatrizacion,
    .liAceite:hover .verAceite {
        display: block;
    }
}
.showSubMenu {
    display: block !important;
}


/*@media(max-width:992px){
    .showSubMenu {
        display: block !important;
    }
}*/


.verProductos ul{
    box-shadow: 1px 4px 9px rgba(0, 0, 0, 0.4);
}