html {
    font-size: 62.5%; /* =10px */
}

body {
    font-size: 1.6rem; /* =16px */
    font-family: "peridot-pe-variable", sans-serif;
    line-height: 1.2;
 
}

* {
    white-space: normal;
}

/*Seccion param ellipse loader*/

#globalLoader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.6);
    z-index: 999999;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #0061d5;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: l3 1s infinite linear;
    position: relative;
    top: 50%;
    left: 50%;
}


@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}


a{
    text-decoration:none
}

ul li {
    list-style-type: none;
}


.navbar{
    flex-wrap:nowrap;
}

.iconoManzana{
    width:2rem;
}

.separacion {
    margin-top: 7rem !important;
}

/**Header*/
.header {
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(87 116 130 / 65%);
    background-color: #577482b0;
    /*position: absolute;*/
    width: 100%;
    z-index: 4;
}

.header .logo{
    width:17rem;
}

    .header a {
        color: white !important;
        font-size:1.8rem;
    }

    .header .icono {
        width: 3rem;
        cursor: pointer;
    }

@media(max-width:400px) {
    .nombre-usuario span{
        font-size:1.2rem !important;
    }
}

.contenedorVideo {
    width: 100%;
    height: 63rem;
    background-color: #b2b2b2;
}

.recuperaPass label{
    font-size:1.5rem;
}



video {
    width: 100%;
    height: 63rem;
    object-fit: cover;
    margin-top: 0rem;
}

@media(max-width:992px){
    .contenedorVideo {
        height: auto;
    }
    video {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

.numconteCarrito .cantidad {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
    background-color: #0061d5;
    color:white;
    cursor:pointer;
}

@media(max-width:992px) {
    /*    .header nav{
        position:unset !important;
    }*/
    .header .menuMovil {
        position: absolute;
        width: 100%;
        /*top: 10rem;*/
        top: 7.4rem;
        background-color: rgb(87 116 130 / 65%);
        left: 0;
    }
}

    /**Footer**/
    .footer {
        background-color: #ccd5d9 /*rgb(87 116 130 / 65%)*/;
        height: 370px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative !important;
    }

    @media(max-width:992px){
        .footer{
            height:auto;
            padding:3rem 0;
        }
    }

    .footer * {
        color: #005476 !important;
        line-height:1.2;
    }

    .footer .iconoRedes{
        width:3rem;
    }

    .footer .logo{
        width:20rem;
    }

    .footer .titulo{
        font-size:2rem;
        font-weight:bold;
    }

    .footer .borderTop {
        border-top: 2px solid #598da1;
        padding-top:2rem;
        margin-top:2rem;
    }

    /***Home***/
.textTratamiento {
    font-family: "citizen", sans-serif;
    color: #005476;
    font-size: 5rem;
    font-weight: bold;
    margin-bottom: 4rem !important;
}

@media(max-width:992px){
    .textTratamiento {
        font-size: 2.5rem;
        margin-top: 3rem;
    }
}
.pasos {
    width: min(26%,30rem);
}

@media(max-width:576px) {
    .pasos {
        width: min(44%,30rem);
    }
}

.imgProductoOzy {
    position: absolute;
    z-index: -1;
    top: -10rem;
    width: 100%
}

@media(max-width:1800px) {
    .imgProductoOzy {
        top: 0rem;
    }
}



@media(max-width:992px){
    .imgProductoOzy {
        position: relative;
    }
}

.contentPrincipalProducto {
    height: 63rem;
    width: min(45%,68rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media(max-width:1500px){
    .contentPrincipalProducto {
        height: 51rem;
    }
}

@media(max-width:992px) {
    .contentPrincipalProducto {
        height: auto;
        width: 100%;
        align-items: center;
        background-color: #b2b2b2;
        padding: 0;
        margin: 0;
        border: unset;
        box-shadow: unset;
        padding: 3rem;
        margin-top: -3px;
        margin-bottom: -1px;
    }
}

.txtSabor {
    font-family: "citizen", sans-serif;
    font-size: 2rem;
    color: #005476;
    margin-bottom: 2rem;
}

.contentEnlaces {
    margin-top: 10rem;
}

@media(max-width:992px){
    .contentEnlaces {
        justify-content: center !important;
        gap: 2rem !important;
    }
}

.contentEnlaces .enlaces {
    font-size: 2.1rem;
    font-weight: bold;
    color: #ec482b;
}

@media(max-width:992px){
    .contentEnlaces .enlaces {
        font-size: 1.8rem;
    }
}

.pleca {
    height: 38rem;
}


@media(max-width:768px) {
    .pleca {
        height: 20rem;
        display:none;
    }
}
/*
@media(max-width:576px) {
    .pleca {
        height:15rem;
    }
}*/
.titulo {
    font-size: 3.5rem;
    color: #0061d5;
}

@media(max-width:576px){
    .titulo {
        font-size: 2.5rem;
    }
}

.contentRecuadros {
    row-gap: 2rem;
    column-gap: 9rem;
    justify-content: center;
/*    flex-wrap: wrap;*/
    margin-top: 5rem;
}

@media(max-width:992px){
    .contentRecuadros {
        column-gap: unset;
        justify-content: space-evenly;
        flex-direction: column;
    }
}

.recuadro {
    border: 3px solid;
    width: min(44%,22rem);
    padding: 4rem 4rem 4rem 2rem;
    min-height: 30rem;
}

/*@media(max-width:1200px){
    .recuadro {
        width: min(44%,27rem);
    }
}*/

/*@media(max-width:992px){
    .recuadro {
        width: min(45%,30rem);
    }
}*/

@media(max-width:992px){
    .recuadro {
        width: min(100%,68rem);
        margin-bottom: 4rem;
        min-height: 15rem;
    }
}

    .recuadro * {
        color: #005476;
    }

    .recuadro .iconoFlecha {
        width: 6rem;
        right: -40px;
        top: 62px;
    }

    .recuadro .iconoFlecha.movil{
        display:none;
    }

    @media(max-width:992px){

        .recuadro .iconoFlecha.desk {
            display: none;
        }
        .recuadro .iconoFlecha.movil {
            display: block;
            width: 6rem;
            right: unset;
            left: unset;
            top: unset;
            bottom: -2.7rem;
            margin: auto;
        }

        /*.recuadro.resuelve .iconoFlecha {
            bottom: -199px;
        }*/
    }

.recuadro .titulo{
    font-size:2.5rem;
    font-weight:bold;
    margin-bottom:3rem !important;
}

.recuadro span{
    font-weight:bold;
}

    .recuadro.actua {
        border-color: #ec482b;
    }

    .recuadro.estimula {
        border-color: #fb8851;
    }

    .recuadro.resuelve {
        border-color: #0061d5;
    }

.tituloEstudios {
    font-family: "citizen", sans-serif;
    font-size: 4rem;
    font-weight: bold;
    color: #0061d5;
    margin-top: 7rem;
}

@media(max-width:576px) {
    .tituloEstudios {
        font-size: 3rem;
    }
}


.textoPequeno {
    color: #005476;
}

.textoPequeno.tlt{
    
}

.textoPequeno span{
    font-weight:bold;
}


.contenidoEstudios {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9rem;
    row-gap: 7rem;
    margin-top: 5rem;
}

.contentEstudiosClinicos {
    overflow: hidden;
    padding: 0 0 3rem;
}

    .contentEstudiosClinicos .fondoDerecho {
        position: absolute;
        right: -20px;
        top: -143px;
        z-index: -1;
        display: block;
        width: 37rem;
    }

@media(max-width:992px) {
    .contentEstudiosClinicos .fondoDerecho {
        right: -144px;
    }
}
    .contentEstudiosClinicos .fondoIzquierdo {
        position: absolute;
        left: -1px;
        bottom: -159px;
        z-index: -1;
        display: block;
        width: 37rem;
    }

.estudio .titulo {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.3rem !important;
}

.estudio .contentMuestra{
    gap:5rem;
}

.estudio .muestras p {
    text-align: center;
    margin-bottom: 1rem !important;
    color: #005476;
    font-weight: bold;
}

.estudio .muestras img{
    width:20rem;
}

/***Detalle Producto***/
.detalle .logo {
    width: 25rem;
    margin: auto;
    margin-top:5rem;
    display: block;
}

.detalle .titulo {
    font-size: 3.5rem;
    color: #005476;
    font-weight:bold;
}

@media(max-width:576px) {
    .detalle .titulo {
        font-size: 3rem;
    }
}

.detalle .contentProducto {
    margin-top:5rem !important;
    height: 616px;
}

@media(max-width:992px) {
    .detalle .contentProducto {
        height: auto;
        justify-content: center;
        align-items: center;
        width: min(100%,67rem);
        margin: auto !important;
    }
} 


    .detalle .contentProducto .imgProducto {
        object-fit: cover;
        width:100%;
        height: 616px;
        background-position: center center;
    }

@media(max-width:992px) {
    .detalle .contentProducto .imgProducto {
        height: auto;
        width: 100%;
    }
}

.bg-grey {
    background-color: rgb(87 116 130 / 10%);
}
.descripcionProducto {
    height: 616px;
    padding: 5rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}


@media(max-width:992px) {
    .descripcionProducto {
        height: auto;
        align-items: center;
    }
}

@media(max-width:576px) {
    .descripcionProducto {
        padding: 5rem 3rem;
    }
}

.descripcionProducto .contentEnlaces {
     margin-top: 0rem; 
}

.detalle .nombreProducto {
    font-size: 3.5rem;
    color: #0061d5;
    font-weight:bold;
    margin-bottom:0;
}

@media(max-width:576px) {
    .detalle .nombreProducto {
        font-size: 3rem;
    }
}

.detalle .textoPequeno{
    font-size:1.9rem;
}

.detalle .precioCantidad {
    align-items: center;
    justify-content: space-between;
    margin: 5rem 0 3rem 0;
    width: min(100%,40rem);
}

.detalle .precio {
    font-size: 2.5rem;
    font-weight: bold;
    color: #005476;
}

.detalle .cantidad {
    font-size: 1.9rem;
    color: #005476;
}

.detalle select {
    color: #005476;
    border: 1px solid #005476;
    background-color: transparent;
}

.detalle .contentEnlaces {
    align-items: center;
    justify-content: space-between !important;
    width: min(100%,40rem);
}

    .detalle .contentEnlaces .enlaces {
        font-size: 1.7rem;
        font-weight:bold;
        color: #ec482b;
    }

.detalle .contentEnvio {
    width: min(100%,40rem);
    margin: 5rem 0;
    text-align: center;
}

.contentEnvio .txtEnvio {
    font-size: 2rem;
    font-weight: bold;
    color: #005476;
    margin-bottom:2rem;
}

.contentImagenes{
    margin-top:8rem;
    margin-bottom:8rem;
}

@media(max-width:992px) {
    .contentImagenes {
        margin-top: 5rem;
        margin-bottom: 8rem;
    }
}

    .contentImagenes .imgProducto {
        width: 28.5rem;
    }

    .contentImagenes .imgProductoDestacado{
        width:100%;
    }

.contentTratamientos * {
    color: #005476;
}

.contentTratamientos {
    margin-top: 6rem !important;
}

.contentTratamientos .titulo {
    font-size: 3.5rem;
    color: #0061d5;
}

@media(max-width:992px) {
    .contentTratamientos .titulo {
        font-size: 3rem;
    }
}

.contentTratamientos .pasos {
    height: 30rem;
}

@media(max-width:992px) {
    .contentTratamientos .pasos {
        height: auto;
        width: 100%;
    }
}


.contentTratamientos .pasos .icono{
    width:6rem;
    margin-bottom:3rem;
}

.contentTratamientos .pasos .titulo {
    font-size: 2rem;
    color: #005476;
}

.contentTratamientos .pleca {
    height: 38rem;
}

.fondoProducto {
    position: absolute;
    right: 0;
    bottom: -62px;
    z-index: -1;
    display: block;
    width: 100%;
}

.separador{
    gap:2rem;
}

/**Flotantes Usuario, Carrito**/
.contentFlotante{
    top: 7.4rem;
    width: min(85%,40rem);
    /*left: -37rem;*/
    right:4rem;
    background-color: white;
    border-radius: 2rem;
}

@media(max-width:500px){
    .contentFlotante {
        right:0;
    }
}


    .headerFlotantes {
        background-color: #533175;
        color: white;
        padding: 2rem 2rem .5rem 2rem;
        border-radius: 2rem 2rem 0 0;
    }

   .headerFlotantes .titulo {
    font-size: 2rem;
    font-weight: bold;
    color: white;
}


        .headerFlotantes .tache {
            width: 2.7rem;
            cursor: pointer;
        }

.contentFlotante .bodyFlotante {
    padding: 2rem 2rem 0 2rem;
}

/**Sesión*/
.contentSesion {
    display: none;
}
    .contentSesion .olvide {
        display:block;
        color: #EC482B !important;
        text-align:center;
/*        font-size:1.4rem;*/
    }

.contentCarritoFlotante {
    display:none;
    width: min(90%,45rem);
    left: unset;
    right: 0;
}

/**Carrito flotante**/
.productoFlotante .nombre {
    font-size: 1.6rem;
    font-weight:bold;
    color: #0061d5;
}

.productoFlotante .detalleProducto {
    display: block;
    color: #005476;
    margin-bottom:1rem;
}

.productoFlotante .precio {
    font-weight: bold;
    color: #533175;
}

@media(max-width:576px){
    .productoFlotante .borrar{
        position:absolute;
        top:0;
        right:0;
    }
}

.productoFlotante .icono{
    width:2.5rem;
}

.productoFlotante .textoCantidad {
    color: #005476;
}


.infoTitulo {
    color: #005476;
}

.textoEnvio {
    color: #EC482B;
}

.textoDescuento {
    color: #005476;
}

.textoTotal {
    font-weight: bold;
    color: #533175;
}

/**Registro**/
.contentInformacion {
    margin: 5rem 0;
    border-radius: 2rem;
    box-shadow: 5px 5px 5px 1px rgb(0 0 0 / 11%);
    padding-bottom: 4rem;
    background-color: white;
}


.contentRegistro .titulo {
    font-family: "citizen", sans-serif;
    font-size: 3.5rem;
    font-weight: bold;
    color: #005476;
}
.contentRegistro .borderHeader {
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: #533175;
    padding:1.5rem 0;
    border-radius:2rem 2rem 0 0;
    color:white;
    font-size:2rem;
    font-weight:bold;
}

.contentRegistro .sinBorde {
    border-radius: unset;
}

.contentRegistro .cuerpo{
    padding:2rem;
}

.contentRegistro .row{
    margin-bottom:2rem;
}

.contentRegistro .datosObligatorios {
    padding: 0 0 0 2rem;
    color: #EC482B;
    font-size:1.8rem;
}

@media(max-width:576px) {
    .contentRegistro .datosObligatorios {
        font-size: 1.6rem;
    }
}

.contentRegistro .terminos {
    font-size: 1.8rem;
    color: #577482;
}

@media(max-width:576px) {
    .contentRegistro .terminos {
        font-size: 1.6rem;
    }
}

.contentRegistro .btns{
    width:min(90%, 40rem);
    margin:auto;
}

.fondoRegistro{
    overflow:hidden;
}

.fondoRegistro .fondoDerecho {
    position: absolute;
    top: -16rem;
    right: -10rem;
    z-index:-1;
}


    .fondoRegistro .fondoIzquierdo {
        position: absolute;
        left: 0;
        bottom: -36rem;
        z-index: -1;
        width: 65rem;
    }

/**Carrito de compras**/
.contentCarritoGeneral .titulo {
    font-family: "citizen", sans-serif;
    font-size: 3.5rem;
    font-weight: bold;
    color: #005476;
}

.contentProductos {
    width: min(85%,81rem);
}

@media(max-width:992px) {
    .contentProductos {
        width: 95%;
    }
}

.contentCarritoGeneral .contentProducto {
    background-color: white;
    border-radius: 3rem;
    box-shadow: 8px 6px 4px 0px rgb(0 0 0 / 11%);
    padding: 2rem;
}

@media(max-width:576px){
    .contentProducto .producto {
        width: min(100%,26rem);
        margin: auto;
        display: block;
    }
}

.contentCarritoGeneral .carritoVacio {
    background-color: white;
    border-radius: 3rem;
    box-shadow: 8px 6px 4px 0px rgb(0 0 0 / 11%);
    padding: 2rem;
}

.carritoVacio .titulo {
    font-family: "peridot-pe-variable", sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    color: #0061d5;
    margin-bottom: 1.5rem !important;
}

.contentProducto .nombreProducto {
    font-size: 2rem;
    font-weight: bold;
    color: #0061d5;
    margin-bottom: 0.5rem;
}

.contentProducto .textoCantidad {
    font-size: 1.8rem;
    color: #005476;
}

.contentProducto .infoTitulo {
    color: #005476;
    font-size:2rem;
}

.contentProducto .textoTotal{
    font-size:2rem;
}

.contentProducto .icono{
    width:3rem;
}

.contentResumen {
    width: min(85%,45rem);
    background-color: white;
    border-radius: 3rem;
    box-shadow: 8px 6px 4px 0px rgb(0 0 0 / 11%);
    padding: 3rem;
    height: fit-content;
}

.fondoRegistroCarrito{
    overflow:hidden;
}

.fondoRegistroCarrito .fondoDerecho {
    position: absolute;
    top: -16rem;
    right: -10rem;
    z-index: -1;
    width: 41rem;
}

.fondoRegistroCarrito .fondoIzquierdo {
    position: absolute;
    left: 0;
    bottom: -36rem;
    z-index: -1;
    width: 51rem;
}

@media(max-width:992px) {
    .contentResumen {
        width: 95%;
    }
}

.contentResumen .titulo {
    font-family: "peridot-pe-variable", sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    color: #0061d5;
    margin-bottom: 1.5rem !important;
}

    .contentResumen .ancho{
        width:60%;
    }

.contentResumen .infoTitulo {
    font-size: 2rem;
    color: #005476;
    margin-bottom: 1rem !important;
}

    .contentResumen .textoProductos {
        font-size: 2rem;
        font-weight: bold;
        color: #005476;
    }

    .contentResumen .textoTotal{
        font-size:2rem;
    }

    .contentResumen .envioGratis {
        font-size: 2rem;
        color: #005476;
        margin:1rem 0;
        font-weight:bold;
    }


@media(max-width:992px){
    .todoCarrito{
        flex-direction:column;
    }
}


/***Mi perfil**/
.miPerfil .contentMenu {
    background-color: white;
    border-radius: 2rem;
    width: min(100%,24rem);
    padding: 3rem 0;
    font-size: 1.6rem;
    box-shadow: 4px 1px 5px 1px rgb(0 0 0 / 43%);
}

@media(max-width:992px) {

    .miPerfil .contentMenu {
        width: 100%;
    }
}

.miPerfil .contentMenu ul li {
    list-style: none;
    padding: 0.8rem 2rem;
}


    .miPerfil .contentMenu ul li:hover {
        background-color: #533175;
    }


        .miPerfil .contentMenu ul li:hover a {
            color: white;
        }

/*.miPerfil li.activo {
    background-color: #533175;
}

    .miPerfil li.activo a {
        color: white !important;
    }*/

.miPerfil .activo a{
    font-weight:bold;
}

    .miPerfil .contentMenu ul li a {
        color: #005476;
        width: 100%;
        display: block;
    }

.contentMiPerfil {
    background-color: white;
    border-radius: 2rem;
    box-shadow: 4px 0px 5px 1px rgb(0 0 0 / 11%);
    padding: 2rem;
    font-size: 2rem;
    color: #005476;
}

    .contentMiPerfil .iconoPerfil{
        width:7rem;
    }

    .contentMiPerfil .nombre {
        color: #005476;
    }

        .contentMiPerfil .nombre span {
            font-weight: bold;
            color: #EC482B;
        }

    .contentMiPerfil .resultadoPerfil {
        color: #577482;
    }

    #btnEditar {
        color: #577482;
    }

.contentMiPerfil .enlace {
    color: #EC482B;
}



/***Historial Pedido*/
.miPerfil .contentPedido {
    box-shadow: 4px 0px 5px 1px rgb(0 0 0 / 11%);
    padding: 0rem 0 3rem 3rem;
    border-radius: 2rem;
    background-color: white;
    overflow: hidden;
}


.miPerfil .headerContentPedido .titulo {
    font-size: 2.5rem;
    font-weight: bold;
    color: #EC482B;
}

    .miPerfil .contentPedido .labelPedido,
    .miPerfil .contentPedido .resultadoPedido {
        color: #005476;
    }




.miPerfil .contentTarjeta .titulo {
    font-weight: 600;
    margin-bottom: 1rem;
    color: #EC482B;
    font-size: 2rem;
}


.miPerfil .detallePedido .verpedido {
    color: #533175;
    font-size:1.8rem;
}



/***Detalle Pedido***/
.miPerfil .contentPedidoDetallado {
    box-shadow: 4px 0px 5px 1px rgb(0 0 0 / 11%);
    border-radius: 2rem;
    background-color: white;
}

.miPerfil .detalladoBody {
    padding: 0 4rem !important;
    color: #005476;
}

@media(max-width:576px) {
    .miPerfil .detalladoBody {
        padding: 0 2rem !important;
    }
}

.miPerfil .detalladoBody .alert p,
.miPerfil .detalladoBody .alert a {
    color: #EC482B;
}

.miPerfil .detalladoBody .pedido {
    color: #EC482B;
    font-weight: 600;
    font-size:2.5rem;
}

.miPerfil .detalladoBody .titulo {
    color: #005476;
    font-weight: 600;
    font-size: 1.8rem;
}

.miPerfil .detalladoBody a {
    color: #005476;
}

.miPerfil .proceso {
    font-size: 2rem;
    font-weight: 700;
    background-color: #005476;
    color: white;
    padding: 1rem;
    border-radius: 1rem;
    width: 16rem;
    text-align: center;
}

.miPerfil .estado {
    font-size: 1.8rem;
    font-weight: normal;
}

/*@media(max-width:768px) {
    .headerContentPedido {
        flex-direction: column-reverse;
        align-items: flex-start !important;
        gap: 1rem;
    }
}*/

.miPerfil .detalladoBody > div {
    padding: 1rem 0;
}

.miPerfil .paddingX {
    padding: 2rem 0 !important;
}

.miPerfil .borderB {
/*    border-bottom: 1px solid #72a6cf;*/
    padding-bottom: 0.5rem;
}

.miPerfil .detallePedido {
    padding-right: 4rem;
}

/*

    .miPerfil .detalladoBody > div:not(:last-child) {
        border-bottom: 2px solid #72a6cf;
    }



*/


/**Card Producto***/
.producto {
    width: 20rem;
    background-color: #533175;
    padding: 1rem;
    border-radius: 1rem;
    color: white;
}


    .producto .contentImagen {
        height: 140px;
        overflow: hidden;
        z-index: 1;
        background-color: white;
        border-radius: 5px;
    }



.producto .contentImagen img {
    display: block;
    margin: auto;
    height: inherit;
    object-fit: cover;
}

    .producto .nombre {
        font-size: 13px;
        text-align: center;
        display: -webkit-box;
        max-width: 100%;
        height: 3.3rem;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.2;
        text-overflow: ellipsis;
        color: white;
    }

    .producto .precio {
        color: white;
    }

    .producto .precios {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        margin-bottom: 1rem;
        height: 3.6rem;
    }

    .producto .precioAnterior {
        font-size: 1.4rem;
        position: relative;
    }

        .producto .precioAnterior::before {
            position: absolute;
            content: "";
            left: 0;
            top: 39%;
            right: 0;
            border-top: 2px solid #ff585d;
            border-color: inherit;
            -webkit-transform: rotate(-0deg);
            -moz-transform: rotate(-0deg);
            -ms-transform: rotate(-0deg);
            -o-transform: rotate(-0deg);
            transform: rotate(-0deg);
            color: #ff585d;
        }

    .producto .btns {
        background-color: white;
        height: auto;
        padding: .5rem;
        text-transform: uppercase;
        font-size: 1.2rem !important;
        color: #577482;
        font-weight:700;
    }

    .producto .btn-principal {
        color: #0061D5 !important;
    }


/***********/
/*.miPerfil .contentTarjeta .correo {
    display: block;
    color: #0460A9;
    font-size: 1.8rem;
    color: white;
}

.miPerfil .contentTarjeta .form-label {
    margin-bottom: 2rem;
}

.form-control, .form-select {
    width: 100%;
    padding: 0.9rem 2rem;
    border: unset;
    border-radius: 2rem;
    background-color: #eedffa;
    font-size: 1.4rem;
    height: 4rem;
}

.form-select {
    padding: 0rem 2rem;
}

.form-control:focus {
    background-color: #e9e9e9;
    border: unset;
    box-shadow: unset;
}

.form-check-input {
    background-color: #eedffa;
    border-color: #eedffa;
}

    .form-check-input:checked {
        background-color: #8f2dde;
        border-color: #8f2dde;
    }*/

/*.miPerfil .contentTarjeta input {
    width: min(100%,34rem);
    margin: auto;
}

.miPerfil .contentTarjeta .btns {
    width: min(100%,43rem);
    border-radius: 20px;
    margin: auto;
}


.miPerfil .contentPedido a:hover {
    color: #002068;
}*/


/*@media(max-width:768px) {
    .pedido {
        align-self: end;
    }
}*/





/************Facturación**************/

/*.miPerfil .contentTarjeta {
    box-shadow: -1px 6px 18px -5px rgb(0 0 0 / 30%);
    padding: 4rem;
    border-radius: 30px;
    background-color: white;
    color: #002068;
}*/

.miPerfil .contentFacturacion {
    box-shadow: 4px 0px 5px 1px rgb(0 0 0 / 11%);
    border-radius: 2rem;
    padding: 4rem;
    background-color: white;
    color: #005476;
}


    .miPerfil .contentFacturacion .titulo {
        color: #EC482B;
        font-size: 2.5rem;
        text-align: center;
        font-weight:bold;
    }


    .miPerfil .contentFacturacion label {
        font-size: 1.8rem;
    }


.contentFacturacion .razonSocial {
    cursor: pointer;
}

.contentFacturacion .duda {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #005476;
    border: 1px solid #005476;
    border-radius: 50%;
    line-height: 1px;
}


.contentFacturacion .instrucciones {
    display: none;
    right: 3rem;
    background-color: #005476;
    color: white;
    width: min(90%,29rem);
    font-size: 1.4rem;
    top: 26px;
    padding: 2rem;
    border-radius: 2rem;
}

@media(max-width:576px) {
    .contentFacturacion .instrucciones {
        left: 0rem;
        right: 0rem;
        margin: auto;
    }
}

@media(min-width:992px){
    .contentFacturacion .razonSocial:hover ~ .instrucciones {
        display: block !important;
    }
}


.contentFacturacion .btns{
    width:min(90%, 40rem);
    margin:auto;
    margin-top:5rem;
    text-transform:uppercase;
}
.contentSesiones {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contentSesiones .titulo {
    color: #EC482B;
    font-size: 2.5rem;
    font-weight: bold;
}

.contentSesiones .btns {
    width: min(90%, 40rem);
    margin: auto;
    margin-top: 5rem;
    text-transform: uppercase;
}


/*.miPerfil .contentSesion {
    box-shadow: -1px 6px 18px -5px rgb(0 0 0 / 30%);
    padding: 4rem;
    border-radius: 30px;
    background-color: white;
    width: min(95%,63rem);
    margin: auto;
}

    .miPerfil .contentSesion .titulo {
        color: #0460A9;
        font-size: 2.5rem;
        text-align: center;
    }

    .miPerfil .contentSesion a {
        color: #0460A9;
    }

        .miPerfil .contentSesion a span {
            color: #ff585d;
        }

    .miPerfil .contentSesion .btns {
        width: min(100%,35rem);
        margin: auto;
        border-radius: 10px;
    }

.miPerfil .contentRegistro {
    box-shadow: -1px 6px 18px -5px rgb(0 0 0 / 30%);
    padding: 4rem;
    border-radius: 30px;
    background-color: white;
    width: 90%;
    margin: auto;
}

    .miPerfil .contentRegistro .titulo {
        color: #0460A9;
        font-size: 2.5rem;
        text-align: center;
    }

    .miPerfil .contentRegistro .borderHeader {
        background-color: #002068;
        color: white;
        text-align: center;
        padding: 1rem 0;
        border-radius: 20px 20px 0 0;
        margin-bottom: 2rem;
    }

        .miPerfil .contentRegistro .borderHeader p {
            margin: 0;
            font-size: 1.8rem;
        }

    .miPerfil .contentRegistro .btns {
        width: min(100%,35rem);
        margin: auto;
        border-radius: 20px;
    }


    .miPerfil .contentRegistro .row {
        margin-bottom: 2rem;
    }

    .miPerfil .contentRegistro .separacion:nth-child(2n+1) {
        padding-right: 5rem;
    }

    .miPerfil .contentRegistro .separacion:nth-child(2n+2) {
        padding-left: 5rem;
    }

@media(max-width:992px) {
    .miPerfil .contentRegistro .separacion:nth-child(2n+1) {
        padding-right: 0rem;
    }

    .miPerfil .contentRegistro .separacion:nth-child(2n+2) {
        padding-left: 0rem;
    }
}

.miPerfil .contentRegistro a {
    color: #0460A9;
}

.miPerfil .datosObligatorios {
    color: #ff585d;
}

.miPerfil .obligatorio {
    color: #ff585d;
}*/


/***Direcciones***/
.direcciones .card {
    border-radius: 12px;
    border: 2px solid #f3f3f5 !important;
    padding: .5rem;
    height: 178px;
    overflow: hidden;
    color: #005476;
}

    .direcciones .card .iconosCard a {
        color: #577482;
    }

    .direcciones .card .icono {
        width: 2rem;
    }

    .direcciones .card .card-title {
        color: #005476;
        font-size: 1.8rem;
        font-weight: 600;
    }

    .direcciones .card .text-direccion {
        display: block;
        display: -webkit-box;
        height: 58px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;

    }

.direcciones .nuevaDireccion {
    color: white !important;
}

    .direcciones .nuevaDireccion .card {
        background-color: #0460a9;
        padding: 0 !important;
        border: unset !important;
        color:white;
        font-weight:bold;
    }











/**Fomularios**/
label {
    font-size: 2rem;
    color: #005476;
}

@media(max-width:576px) {
    label {
        font-size: 1.8rem;
    }
}

    label span {
        color: #EC482B;
    }

input.form-control,
.form-select,
.form-control {
    font-size: 1.6rem;
    color: #005476;
    border-radius: .5rem;
    height: 3.8rem;
    background-color: #ccdde4;
    border: unset;
}

    input.form-control::placeholder,
    .form-select::placeholder {
        color: #005476;
    }



/**Botones**/
.btns {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    border-radius: 0.5rem;
    /* border: unset; */
    height: 3.8rem;
    /* font-weight: bold; */
    color: white;
    font-size: 1.6rem !important;
    font-family: "peridot-pe-variable", sans-serif;
    text-align: center;
    padding: 1rem 0;
}

.btns:hover{
    color:white;
}

.btn-principal {
    background-color: #0061d5;
}

.btn-secundario {
    background-color: #577482;
}


.show{
    display:block !important;
}

.h-70{
    min-height:70vh;
}

/***Breadcrumb***/
.breadcrumb-item a {
    font-family: "citizen", sans-serif;
    font-size:2.5rem;
    color: #005476;
}

.breadcrumb-item.active {
    font-family: "citizen", sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: #005476;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: "citizen", sans-serif;
    font-weight: 400;
    color: #005476;
    content: var(--bs-breadcrumb-divider, "\\");
}

.cursor-pointer{
    cursor: pointer;
}



.cntntModalPromos{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00000066;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .5rem
}

.modalPromo {
    width: fit-content;
    max-width: 100%;
    background-color: white;
    border-radius: 3rem;
    box-shadow: 8px 6px 4px 0px rgb(0 0 0 / 11%);
    padding: 3rem 4rem 2rem;
}

    .modalPromo .promosBtn {
        font-size: 1.7rem;
        font-weight: bold;
        color: #0061d5;
        cursor: pointer
    }

.closeModalPromos {
    background-color: #ec482b;
    position: absolute;
    top: -4px;
    right: -4px;
    height: 3.3rem;
    width: 3.3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    color: white;
    line-height: 3.4rem;
    font-weight: 600;
    cursor: pointer
}

/*Agrega validaciones contraseña*/
.textGreenEnable {
    --tw-text-opacity: 1;
    color: #533175
}

.validaClaves {
    color: #627682BB;
    font-weight: 400;
    line-height: 1.2;
    font-size: 14px
}

.validaClaves ul {
    list-style: none
}

.validaClaves ul li:before {
    content: '\2713';
}

.icoWhats {
    min-width: 6rem;
    min-height: 6rem;
    width: 6rem;
    height: 6rem;
    display: flex; 
    justify-content: center;
    align-items: center;
    position:relative;
    margin-bottom: auto
}
.icoWhats div {
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    background-color: #25D366;
    border-radius: 50%;
}
.icoWhats img{
    filter: invert(1)
}

.cntntWhatEnvio{
    display: flex;
    flex-direction: column-reverse;
    align-items:center;
}
@media(min-width: 992px){
    .cntntWhatEnvio {
        display: flex;
        flex-direction: row;
        align-items: start;
    }
}