@import "../font/font.css";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.bg-social {
    --bs-bg-opacity: 1;
    background-color: #15AAFD !important;
}

.footer-title{
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    text-align: left;
    color: #242f3e;
}

footer ul.nav li.nav-item {
    font-family: 'Causten Medium';
    font-style: normal;
    text-align: left;
    font-size: 15px;
    line-height: 16.20px;
    color: #242f3e;
    text-decoration: none;
}
footer ul.nav li.nav-item a {
    font-family: 'Causten Medium';
    font-style: normal;
    font-size: 15px;
    line-height: 16.20px;
    color: #242f3e;
    text-decoration: none;
}

.fondo-precio{
    width: 100%;
    height: auto;
    padding: 0 0 60px 0;
    /*top: 108px;*/
    /*left: -50px;*/
    background-color: #F4F9FF;
}

.fondo-precio .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1300px; /* Puedes ajustar el ancho máximo según necesites */
}

.fondo-precio .precio-titulo{
    padding-top: 60px;
    font-family: Causten Medium;
    font-size: 45px;
    font-weight: 400;
    line-height: 40.99px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #003852;
}
.fondo-precio .precio-subtitulo{
    font-family: Causten Medium;
    font-size: 23px;
    font-weight: 400;
    line-height: 24.84px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #15AAFD;
    max-width: 670px;
    text-align: center;
    margin: 0 auto;
}

.fondo-precio .precio-planes-titulo{
    width: 270px;
    height: 73px;
    border-radius: 5px;
    color: #122D5A;
    font-family: 'Poppins Bold';
    font-size: 19px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -0.01em;
    text-align: left;
    background-color: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 4px 9.2px -3px #0000005E;
}

.fondo-precio .precio-planes-cuerpo .precio-planes-total{
    width: 354px;
    height: 41px;
    font-family: 'Poppins Bold';
    font-size: 15px;
    font-weight: 700;
    line-height: 19.5px;
    letter-spacing: -0.01em;
    text-align: center;
    background-color: #122D5A;
    color: #FFFFFF;
    position: relative;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    left: -25px;
}

.fondo-precio .precio-planes-cuerpo .precio-planes-total-promo{
    width: 354px;
    height: 41px;
    font-family: 'Poppins Bold';
    font-size: 17px;
    font-weight: 700;
    line-height: 22.95px;
    letter-spacing: -0.01em;
    text-align: center;
    background-color: #122D5A;
    color: #F1D532;
    position: relative;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    left: -25px;
}

.fondo-precio .precio-planes-cuerpo .precio-planes-sesion{
    width: 354px;
    height: 60px;
    font-family: 'Poppins Medium';
    font-size: 17px;
    /*font-weight: 700;*/
    line-height: 22.95px;
    letter-spacing: -0.01em;
    text-align: center;
    background-color: #122D5A;
    color: #FFFFFF;
    position: relative;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    left: -25px;
}

.fondo-precio .precio-planes-cuerpo .precio-planes-sesion .resaltado{
    font-size: 20px;
    /*font-weight: 700;*/
    line-height: 20px;
    color: #F1D532;
}

.fondo-precio .precio-planes-cuerpo{
    width: 354px;
    height: auto;
    top: -20px;
    border-radius: 5px 100px 5px 5px;
    position: relative;
    background: linear-gradient(180deg, #4FBBD9 0%, #6CD0CD 100%);
    padding: 40px 25px;
    box-shadow: 1px 13px 20.5px 0 #00000021;
}

.fondo-precio .mas-comprado{
    width: 94px;
    z-index: 3;
    height: 93px;
    background-image: url( '../img/popular2.png');
    position: relative;
    left: 80px;
    top: 30px;
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    text-align: center;
    color: #14FFE4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-precio .comillas{
    width: 116px;
    z-index: 3;
    height: 94px;
    background-image: url( '../img/comillas.png');
    position: relative;
    left: 80px;
    top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-precio .descuento1{
    width: 323px;
    height: 189px;
    z-index: 3;
    background-image: url( '../img/descuento-profundiza.png');
    position: relative;
    left: -30px;
    top: -350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-precio .descuento2{
    width: 323px;
    height: 189px;
    z-index: 3;
    background-image: url( '../img/descuento-transformate.png');
    position: relative;
    left: -30px;
    top: -400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-precio .descuento3{
    width: 323px;
    height: 189px;
    z-index: 3;
    background-image: url( '../img/descuento-parejas.png');
    position: relative;
    left: -30px;
    top: -430px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fondo-precio .descuento4{
    width: 323px;
    height: 189px;
    z-index: 3;
    background-image: url( '../img/descuento-plenitud.png');
    position: relative;
    left: -30px;
    top: -400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-precio .precio-planes-cuerpo .sesion-texto{
    font-family: 'Poppins Light';
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.01em;
    text-align: left;
    width: 68px;
    height: 41px;
    color: #FFFFFF;
}

.fondo-precio .precio-planes-cuerpo .detalle-plan{
    color: #122D5A;
    font-family: 'Poppins Bold';
    font-size: 15px;
    font-weight: 700;
    line-height: 19.5px;
    letter-spacing: -0.01em;
    text-align: left;
}
.fondo-precio .precio-planes-cuerpo .detalle-plan-descripcion{
    color: #122D5A;
    font-family: 'Poppins Light';
    font-size: 15px;
    font-weight: 400;
    line-height: 20.25px;
    letter-spacing: -0.01em;
    text-align: left;
}

.fondo-precio .precio-planes-cuerpo .sesion-monto{
    font-family: 'Poppins Bold';
    font-size: 105px;
    font-weight: 400;
    line-height: 100px;
    text-align: left;
    color: #FFFFFF;
}

.fondo-precio .precio-planes-cuerpo .sesion-monto .decimal{
    font-family: 'Poppins Bold';
    font-size: 45px;
    font-weight: 400;
    line-height: 40.99px;
    letter-spacing: -0.01em;
    text-align: left;
}

.fondo-precio .precio-planes-cuerpo .resumen{
    width: 310px;
    height: 29px;
    top: 2173px;
    left: 158px;
    /*opacity: 0.6;*/
    font-family: Causten Medium;
    font-size: 23px;
    font-weight: 400;
    line-height: 24.84px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #FFFFFF;
}

.fondo-precio .precio-planes-cuerpo .resumen-referidos{
    width: 310px;
    height: 29px;
    top: 2173px;
    left: 158px;
    /*opacity: 0.6;*/
    font-family: Causten Medium;
    font-size: 21px;
    font-weight: 400;
    line-height: 24.84px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #FFFFFF;
}

.fondo-precio .precio-planes-cuerpo .anterior{
    width: 294px;
    height: 29px;
    top: 2173px;
    left: 158px;
    /*opacity: 0.6;*/
    font-family: 'Poppins Regular';
    font-size: 34px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #003852;
    opacity: 0.7;
}

.fondo-precio .precio-planes-cuerpo .detalle{
    font-family: 'Poppins Medium';
    font-size: 25px;
    font-weight: 400;
    line-height: 24.38px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #122D5A;
}

.fondo-precio .precio-planes-cuerpo .detalle .resaltado{
    font-family: 'Poppins Bold';
}

.fondo-precio .precio-planes-cuerpo .incluye{
    font-family: 'Poppins Medium';
    font-size: 14px;
    /*font-weight: 700;*/
    line-height: 18px;
    text-align: left;
    color: #122D5A;
}

.fondo-precio .precio-planes-cuerpo .incluye .resaltado{
    font-family: 'Poppins Black';
}

.fondo-precio .precio-planes-cuerpo hr{
    background-color: #003852;
    height: 2.75px;
}

.fondo-precio .precio-planes-cuerpo .sesion-texto .moneda{
    font-family: 'Poppins Bold';
    font-size: 34px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.01em;
    text-align: left;
}

.flecha-icon{
    width: 1px;
    height: 84.5px;
    background: url(../img/flecha.svg) no-repeat center;
    background-size: cover;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.fondo-portada{
    width: 100%;
    height: 890px;
    top: 108px;
    left: -50px;
    background-color: rgba(37, 211, 102, 0.1);
}

.fondo-testimonios{
    width: 100%;
    height: 950px;
    background: linear-gradient(178.11deg, #4AD6AB -10.68%, #0067CE 165.77%);
}

.fondo-portada-home{
    position: relative;
    top: 80px;
    width: 100%;
    height: 360px; /* Ocupa el 100% del alto del viewport */
    background-size: cover; /* Asegura que la imagen cubra todo el fondo sin distorsión */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: 50% center; /* Centra la imagen */
    overflow: hidden;
    background-image: url("../img/home-fondo-mobile.png");
}

.fondo-portada-regala{
    position: relative;
    top: 80px;
    width: 100%;
    height: 360px; /* Ocupa el 100% del alto del viewport */
    background-size: cover; /* Asegura que la imagen cubra todo el fondo sin distorsión */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: 50% center; /* Centra la imagen */
    overflow: hidden;
    background-image: url("../img/regala-bienestar-mobile.png");
}

.fondo-contacto {
    width: auto;
    /* height: 1200px; */
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
}

.fondo-contacto .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 2000px; /* Puedes ajustar el ancho máximo según necesites */
}

.fondo-informacion {
    width: auto;
    position: relative;
    top: 120px;
    height: 600px; /* Ajusta la altura al 100% del viewport */
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
}

.fondo-informacion .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1200px; /* Puedes ajustar el ancho máximo según necesites */
}
.fondo-funciona {
    width: auto;
    position: relative;
    top: 120px;
    height: 600px; /* Ajusta la altura al 100% del viewport */
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
}

.fondo-funciona .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1200px; /* Puedes ajustar el ancho máximo según necesites */
}

.fondo-contacto .ventajas{
    width: 278px;
    height: 99px;
    top: 50px;
    left: 25px;
    position: relative;
}

.col-12.col-md-6.formulario-container {
    display: flex;
    justify-content: flex-end;
}

.fondo-contacto .ventajas .contacto-titulo{
    font-family: Causten Bold;
    font-size: 35px;
    font-weight: 400;
    line-height: 31.55px;
    letter-spacing: -0.01em;
    text-align: center;
}

.fondo-contacto .ventajas .contacto-subtitulo{
    font-family: Causten Medium;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: center;
}

.fondo-contacto .ventajas .contacto-subtitulo .resaltado{
    font-family: Causten Bold;
}

.fondo-portada .frase-principal{
    width: 272px;
    height: 225px;
    top: 117px;
    left: 50px;
    position: relative;
}

.fondo-portada .frase-principal .texto-principal{
    font-family: Causten Bold;
    font-size: 55px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color: #15AAFD;
}

.fondo-portada-home .frase-principal .texto-principal{
    font-family: Causten Bold;
    font-size: 27px;
    font-weight: 400;
    line-height: 26.46px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #122d5a;
}

.fondo-portada-home .frase-principal .texto-secundario{
    font-family: Causten Medium;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.19px;
    text-align: left;
    color: #122d5a;
}
.fondo-portada-regala .frase-principal .texto-principal{
    font-family: Causten Bold;
    font-size: 27px;
    font-weight: 400;
    line-height: 26.46px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #122d5a;
}

.fondo-portada-regala .frase-principal .texto-secundario{
    font-family: Causten Medium;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.19px;
    text-align: left;
    color: #122d5a;
}

.fondo-testimonios .frase-principal {
    font-family: Causten Medium;
    font-size: 34.63px;
    font-weight: 400;
    line-height: 31.55px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #FFFFFF;
}

.fondo-testimonios .testimonio {
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: -30px;
    line-height: 15.75px;
    text-align: center;
    color: #000000;
    padding: 5px 30px;
}

.fondo-portada .frase-principal .sanar{
    font-family: Causten Bold;
    font-size: 55px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color: #25D366;
}

.fondo-portada .firma{
    width: 184.53px;
    height: 124.89px;
    top: 50px;
    left: 40px;
    position: relative;
    background: url(../img/bascope-firma.png) no-repeat center!important;
}

.fondo-testimonios .card-testimonio{
    width: 342px;
    height: 200px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 13px 14.7px 2px #0000001F;
}

.fondo-testimonios .card-testimonio .cabecera{
    width: 90px;
    z-index: 3;
    height: 90px;
    position: relative;
    left: 126px;
    top: -35px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-testimonios .card-testimonio .cabecera .photo{
    width: 18.73px;
    height: 33.96px;
    background: url(../img/comillas.svg) no-repeat center;
    background-size: cover;
    margin-right: 2px;
    margin-left: 2px;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.fondo-portada .video-principal {
    width: 314px;
    height: 186px;
    top: 350px;
    left: 25px;
    border-radius: 5px;
    border: 10px solid #15AAFD;
    position: relative;
}

.fondo-informacion .video-informacion {
    width: 337px;
    height: 182px;
    /*top: 350px;*/
    /*left: 25px;*/
    border-radius: 5px;
    border: 10px solid #14FFE4;
    /*position: relative;*/
}

.fondo-portada .frase-secundaria{
    font-family: Knigqst;
    font-size: 150px;
    font-weight: 400;
    line-height: 123.52px;
    text-align: center;
    color: #15AAFD;
}

.fondo-portada .frase-secundaria-texto{
    width: 344px;
    height: 141px;
    top: 230px;
    left: -40px;
    position: absolute;
}

.fondo-portada .frase-secundaria-texto-h5{
    font-family: Causten Medium;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: center;
}

.btn-informacion{
    width: 442px;
    height: 60px;
    top: 250px;
    left: 225px;
    border-radius: 5px;
    border-color: transparent;
    background-color: #0067CE;
    background-size: cover;
    position: relative;
    font-family: Causten Black;
    font-size: 23px;
    font-weight: 400;
    line-height: 24.38px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espacio entre el icono y el texto */
    padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
    cursor: pointer; /* Cambia el cursor a un pointer */
}

.btn-informacion{
    width: 324px;
    height: 44px;
    top: 370px;
    left: 20px;
    border-radius: 5px;
    border-color: transparent;
    background-color: #0067CE;
    background-size: cover;
    position: relative;
    font-family: Causten Black;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espacio entre el icono y el texto */
    padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-informacion:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}

.btn-informacion-home{
    width: 324px;
    height: 44px;
    border-radius: 5px;
    border-color: transparent;
    background-color: #0067CE;
    background-size: cover;
    position: relative;
    font-family: Causten Black;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espacio entre el icono y el texto */
    padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-informacion-home:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}

.btn-informacion-icon{
    width: 30px;
    height: 30px;
    background: url(../img/info.png) no-repeat center;
    background-size: cover;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.btn-whatsapp{
    width: 152px;
    height: 26px;
    border-radius: 2.5px;
    border-color: transparent;
    background-color: #25D366;
    background-size: cover;
    position: relative;
    font-family: Causten Bold;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espacio entre el icono y el texto */
    padding: 10px 20px; /* Asegura que el contenido tenga espacio a los lados */
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-whatsapp:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}

.btn-whatsapp-icon{
    width: 10px;
    height: 10px;
    background: url(../img/icon-whatsapp.png) no-repeat center;
    background-size: cover;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.contacto-subtitulo-icon-uno{
    width: 29px;
    height: 29px;
    background: url(../img/uno.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    top: 3px;
    position: relative;
}

.contacto-subtitulo-icon-dos{
    width: 29px;
    height: 29px;
    background: url(../img/dos.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    top: 3px;
    position: relative;
}

.contacto-subtitulo-icon-right{
    width: 21px;
    height: 21px;
    background: url(../img/arrow-right.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    top: 3px;
    position: relative;
}

.contacto-subtitulo-icon-down{
    width: 21px;
    height: 21px;
    background: url(../img/arrow-down.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    top: 3px;
    position: relative;
}

.btn-informacion-icon{
    width: 30px;
    height: 30px;
    background: url(../img/info.png) no-repeat center;
    background-size: cover;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.fondo-informacion .informacion-principal .texto-principal {
    font-family: Causten Medium;
    font-size: 34.6px;
    font-weight: 400;
    line-height: 31.5px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #15AAFD;
}

.fondo-informacion .informacion-principal .texto-secundario {
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #003852;
}

.fondo-informacion .informacion-principal .texto-items {
    font-family: Causten Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #003852;
}

.btn-mejor{
    width: 158px;
    height: 26px;
    border-radius: 5px;
    border-color: transparent;
    background-color: #0067CE;
    background-size: cover;
    position: relative;
    font-family: Causten Black;
    font-size: 11px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espacio entre el icono y el texto */
    padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-mejor:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}

.btn-empezar{
    width: 280px;
    height: 44px;
    border-radius: 5px;
    border-color: transparent;
    background-color: #0067CE;
    background-size: cover;
    position: relative;
    font-family: Causten Black;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espacio entre el icono y el texto */
    padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-empezar:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}

.btn-mejor-icon{
    width: 12.5px;
    height: 11.18px;
    background: url(../img/corazon.png) no-repeat center;
    background-size: cover;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.btn-estrella-icon{
    width: 20px;
    height: 19px;
    background: url(../img/estrella.svg) no-repeat center;
    background-size: cover;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.btn-phone-icon{
    width: 10.44px;
    height: 10.44px;
    background: url(../img/icon-phone.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    flex-shrink: 0; /* Evita que el icono se redimensione */
}

.photo-familia{
    width: 75px;
    height: 72.5px;
    background-image: url( '../img/foto-familia.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
    position: relative;
    left: 0px;
}

.photo-mano{
    width: 55px;
    height: 50px;
    background-image: url( '../img/mano.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
    position: relative;
    left: 10px;
    top: 10px;
}
.photo-rezar{
    width: 176px;
    height: 195px;
    background-image: url( '../img/rezar.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
}

.photo-mujer{
    /*top: 110px;*/
    /*left: -100px;*/
    width: 110px;
    height: 130px;
    background-image: url( '../img/mujer-joven.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
    position: relative;
}
.photo-garantia{
    /*top: 80px;*/
    /*left: -200px;*/
    width: 115px;
    height: 116px;
    background-image: url( '../img/garantia.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
    position: relative;
}

.navbar-brand-24{
    width: 175px;
    height: 37px;
    background: url(../img/logo.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}
.navbar-brand-black{
    width: 175px;
    height: 37px;
    background: url(../img/logo-azul.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.navbar-brand-work-black{
    width: 70%;
    height: 37px;
    background: url(../img/logo-work.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.estar-mejor-titulo{
    font-family: Causten Medium;
    font-size: 34.63px;
    font-weight: 400;
    line-height: 31.55px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #15AAFD;
    width: 168px;
    height: 76px;
}

.estar-mejor-subtitulo{
    font-family: Causten Medium;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.20px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #003852;
    width: 143px;
    height: 52px;
}

.navbar-brand-footer-24{
    width: 175px;
    height: 37px;
    background: url(../img/logo.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.btn-mas-info{
    width: 240px;
    height: 46px;
    /*left: -125.05px;*/
    border-radius: 5px;
    background-color: #0067CE;
    position: relative;
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 10px; !* Espacio entre el icono y el texto *!*/
    /*padding: 0 20px; !* Asegura que el contenido tenga espacio a los lados *!*/
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-mas-info:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}



.btn-comprar{
    width: 255px;
    height: 47px;
    border-radius: 5.91px;
    /*left: -125.05px;*/
    border-radius: 5px;
    background-color: #003852;
    background-size: cover;
    position: relative;
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 10px; !* Espacio entre el icono y el texto *!*/
    /*padding: 0 20px; !* Asegura que el contenido tenga espacio a los lados *!*/
    cursor: pointer; /* Cambia el cursor a un pointer */
}

.btn-elegir{
    width: 255px;
    height: 47px;
    /*left: -125.05px;*/
    border-radius: 5px;
    background-color: #F1D532;
    background-size: cover;
    position: relative;
    font-family: 'Poppins Regular';
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: -0.01em;
    color: #122D5A;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 10px; !* Espacio entre el icono y el texto *!*/
    /*padding: 0 20px; !* Asegura que el contenido tenga espacio a los lados *!*/
    cursor: pointer; /* Cambia el cursor a un pointer */
}

.btn-elegir .resaltado{

    font-family: 'Poppins Bold';
    font-weight: 700;
}

.btn-elegir-25 {
    width: 255px;
    height: 47px;
    border-radius: 5px;
    background-size: cover;
    position: relative;
    font-family: 'Poppins Regular';
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: -0.01em;
    color: #122D5A;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; /* Cambia el cursor a un pointer */
}

/* Colores específicos */
.btn-elegir-profundiza {
    background-color: #C1FE72;
}

.btn-elegir-transformate {
    background-color: #FEBE59;
}

.btn-elegir-pareja {
    background-color: #DADADA;
}

/* Estilos para el texto resaltado */
.btn-elegir-25 .resaltado {
    font-family: 'Poppins Bold';
    font-weight: 700;
}

.fondo-como-funciona .photo-sistema{
    width: 334px;
    height: 190px;
    background-image: url( '../img/sistema-mobile.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
    position: relative;
    left: 0px;
}

.fondo-como-funciona .photo-sistema-descripcion{
    font-family: Causten Medium;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.19px;
    text-align: center;
    color: #15AAFD;
    position: relative;
}

.fondo-como-funciona .flecha{
    width: 74px;
    height: 290px;
    background-image: url( '../img/arrow-mobile.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen */
    overflow: hidden;
    position: relative;
    top: 110px;
    left: 20px;
}

.fondo-como-funciona .card-pasos1{
    width: 204.64px;
    height: 227px;
    top: 4261px;
    left: 341px;
    gap: 0px;
    border-radius: 5px;
    background: linear-gradient(207.65deg, #4FBBD9 6.11%, #6CD0CD 93.89%);
    box-shadow: 0px 13px 14.7px 2px #0000001F;
}

.fondo-como-funciona .card-pasos2{
    width: 204.64px;
    height: 227px;
    top: 4261px;
    left: 341px;
    gap: 0px;
    border-radius: 5px;
    background: linear-gradient(199.06deg, #70E8DB 7.38%, #38B5B1 92.62%);
    box-shadow: 0px 13px 14.7px 2px #0000001F;
}

.fondo-como-funciona .card-pasos3{
    width: 204.64px;
    height: 227px;
    top: 4261px;
    left: 341px;
    gap: 0px;
    border-radius: 5px;
    background: linear-gradient(21.68deg, #4FBBD9 7.27%, #9EEAFF 92.73%);
    box-shadow: 0px 13px 14.7px 2px #0000001F;
}

.fondo-como-funciona .card-caracteristicas{
    width: 188px;
    height: 145px;
    border-radius: 5px;
    background: linear-gradient(121.49deg, #194980 -1.53%, #196DCD 115.29%);
    box-shadow: 0px 19px 21px -3px #0000001A;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.fondo-como-funciona .numero{
    font-family: Causten Medium;
    font-size: 55px;
    font-weight: 400;
    line-height: 50.1px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #122D5A;
    opacity: 50%;
}

.fondo-como-funciona .icono-1{
    width: 100px;
    z-index: 3;
    height: 83px;
    background-image: url( '../img/icon1.png');
    position: relative;
    left: 85px;
    top: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-como-funciona .icono-2{
    width: 98px;
    z-index: 3;
    height: 91px;
    background-image: url( '../img/icon2.png');
    position: relative;
    left: 85px;
    top: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-como-funciona .icono-3{
    width: 120.78px;
    z-index: 3;
    height: 95px;
    background-image: url( '../img/icon3.png');
    position: relative;
    left: 85px;
    top: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-como-funciona .titulo-principal{
    font-family: Causten Medium;
    font-size: 35px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #0F3E52;
}

.fondo-como-funciona .titulo-caracteristicas{
    font-family: Causten Medium;
    font-size: 35px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #15AAFD;
}

.fondo-como-funciona .detalles-caracteristicas{
    font-family: Causten Black;
    font-size: 34.63px;
    font-weight: 400;
    line-height: 31.55px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    height: 100%;
    flex-direction: column; /* Asegura que las líneas se organicen una debajo de otra */
    justify-content: center; /* Centra verticalmente */
    align-items: center; /* Centra horizontalmente */
}

.fondo-como-funciona .detalles-caracteristicas .chico{
    font-family: Causten Black;
    font-size: 23px;
    font-weight: 400;
    line-height: 24.38px;
    letter-spacing: -0.01em;
    text-align: center;
}

.fondo-como-funciona .detalles-caracteristicas .grande{
    font-family: Causten Bold;
    font-size: 55px;
    font-weight: 400;
    line-height: 50.1px;
    letter-spacing: -0.01em;
    text-align: center;
}

.intro .connect-header{
    font-family: TTFirsNeue Bold;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.01em;
    /*text-align: right;*/
    color: #FFFFFF;
}
.intro .formulario-titulo{
    font-family: TTFirsNeue Regular;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #FFFFFF;
}

.fondo-como-funciona .titulo-secundario{
    font-family: Causten Medium;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.2px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #15AAFD;
}
.fondo-como-funciona .descripcion{
    font-family: Causten Medium;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #FFFFFF;
    margin-left: 15px;
    margin-right: 45px;
    position: relative;
    top: -20px;
}

.btn-llamar{
    width: 152px;
    height: 26px;
    border-radius: 2.5px;
    /*left: -125.05px;*/
    background-color: #003852;
    background-size: cover;
    position: relative;
    font-family: Causten Bold;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 10px; !* Espacio entre el icono y el texto *!*/
    /*padding: 0 20px; !* Asegura que el contenido tenga espacio a los lados *!*/
    cursor: pointer; /* Cambia el cursor a un pointer */
    text-decoration: none;
}
.btn-llamar:hover{
    color: #FFFFFF !important;
    text-decoration: underline #FFFFFF;
}

.btn-info{
    width: 206px;
    height: 50px;
    border-radius: 5px;
    border-color: transparent;
    font-family: Causten Bold;
    font-size: 15px;
    font-weight: 400;
    line-height: 15.75px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; /* Si también deseas centrar horizontalmente */
    background-color: #122D5A;
}

.btn-info:hover{
    color: #FFFFFF !important;
    background-color: #122D5A;
    text-decoration: underline #FFFFFF;
    border-radius: 5px;
    border-color: transparent;
}

@media (min-width: 576px) {
    .estar-mejor-titulo{
        font-family: Causten Medium;
        font-size: 45px;
        font-weight: 400;
        line-height: 40.99px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #15AAFD;
        width: 260px;
        height: 76px;
    }

    .estar-mejor-subtitulo{
        font-family: Causten Medium;
        font-size: 23px;
        font-weight: 400;
        line-height: 24.84px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #003852;
        width: 304px;
        height: 100px;
    }

    .fondo-contacto {
        width: 100%;
        /* height: 100vh; */
        /* background-image: url("../img/fondo-contacto.png"); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
    }

    .fondo-portada .frase-principal {
        width: 406px;
        height: 225px;
        top: 218px;
        left: 126px;
        position: relative;
    }

    .fondo-testimonios .frase-principal {
        font-family: Causten Medium;
        font-size: 45px;
        font-weight: 400;
        line-height: 40.99px;
        letter-spacing: -0.01em;
        text-align: center;
        color: #FFFFFF;
    }

    .fondo-portada{
        width: 100%;
        height: 800px;
        top: 108px;
        left: -50px;
        background-color: rgba(37, 211, 102, 0.1);
    }

    .fondo-portada-home{
        width: 100%;
        top: 80px;
        height: 500px;
        background-size: cover; /* Ajusta el tamaño para que cubra el área */
        background-position: center; /* Centra la imagen en el contenedor */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        overflow: hidden; /* Oculta cualquier parte desbordada */
        position: relative;
        background-image: url("../img/home-fondo.png");
    }

    .fondo-portada-regala{
        width: 100%;
        top: 80px;
        height: 500px;
        background-size: cover; /* Ajusta el tamaño para que cubra el área */
        background-position: center; /* Centra la imagen en el contenedor */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        overflow: hidden; /* Oculta cualquier parte desbordada */
        position: relative;
        background-image: url("../img/regala-bienestar.png");
    }

    .fondo-informacion .informacion-principal .texto-principal {
        font-family: Causten Medium;
        font-size: 45px;
        font-weight: 400;
        line-height: 40.99px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #15AAFD;
    }

    .fondo-informacion .informacion-principal .texto-secundario {
        font-family: Causten Black;
        font-size: 23px;
        font-weight: 400;
        line-height: 24.38px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #003852;
    }

    .fondo-informacion .informacion-principal .texto-items {
        font-family: Causten Medium;
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #003852;
    }

    .fondo-portada-home .frase-principal .texto-principal {
        color: #122D5A;
        font-family: Causten Bold;
        font-size: 55px;
        font-weight: 400;
        line-height: 50.1px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .fondo-testimonios{
        width: 100%;
        height: 400px;
        background: linear-gradient(178.11deg, #4AD6AB -10.68%, #0067CE 165.77%);
    }

    .fondo-portada-home .frase-principal .texto-secundario {
        color: #122D5A;
        font-family: Causten Medium;
        font-size: 34.63px;
        font-weight: 400;
        line-height: 31.55px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .fondo-portada-regala .frase-principal .texto-principal {
        color: #122D5A;
        font-family: Causten Bold;
        font-size: 55px;
        font-weight: 400;
        line-height: 50.1px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .fondo-portada-regala .frase-principal .texto-secundario {
        color: #122D5A;
        font-family: Causten Medium;
        font-size: 34.63px;
        font-weight: 400;
        line-height: 31.55px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .fondo-portada .frase-principal .texto-principal {
        font-family: Causten Bold;
        font-size: 85px;
        font-weight: 400;
        line-height: 69.99px;
        text-align: left;
        color: #15AAFD;
    }

    .fondo-portada .frase-principal .sanar{
        font-family: Causten Bold;
        font-size: 85px;
        font-weight: 400;
        line-height: 69.99px;
        text-align: center;
        color: #25D366;
    }

    .fondo-informacion .video-informacion {
        width: 605px;
        height: 408px;
        /*top: 350px;*/
        /*left: 25px;*/
        border-radius: 5px;
        border: 10px solid #14FFE4;
        /*position: relative;*/
    }

    .fondo-portada .firma{
        width: 127.47px;
        height: 86.27px;
        top: 30px;
        left: 330px;
        position: relative;
        background: url(../img/bascope-firma.png) no-repeat center!important;
    }

    .navbar-brand-work-black{
        width: 300px;
        height: 45px;
        background: url(../img/logo-work.png) no-repeat center center;
        background-size: cover;
        margin: 0 auto;
    }

    .btn-llamar{
        width: 255px;
        height: 47px;
        border-radius: 5.91px;
        /*left: -125.05px;*/
        border-radius: 5px;
        background-color: #003852;
        background-size: cover;
        position: relative;
        font-family: Causten Bold;
        font-size: 15px;
        font-weight: 400;
        line-height: 15.75px;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        border-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        /*gap: 10px; !* Espacio entre el icono y el texto *!*/
        /*padding: 0 20px; !* Asegura que el contenido tenga espacio a los lados *!*/
        cursor: pointer; /* Cambia el cursor a un pointer */
        text-decoration: none;
    }
    .btn-llamar:hover{
        color: #FFFFFF !important;
        text-decoration: underline #FFFFFF;
    }


    .carousel-control-next {
        right: 60px;
    }
    .carousel-control-prev {
        left: 60px;
    }

    .fondo-portada .video-principal {
        width: 605px;
        height: 358px;
        top: 205px;
        left: 140px;
        border-radius: 5px;
        border: 10px solid #15AAFD;
        position: relative;
    }

    .fondo-portada .frase-secundaria{
        font-family: Knigqst;
        font-size: 150px;
        font-weight: 400;
        line-height: 123.52px;
        text-align: left;
        color: #15AAFD;
    }

    .fondo-contacto .ventajas{
        width: 404px;
        height: 173px;
        top: 80px;
        left: 127px;
        position: relative;
    }

    .fondo-portada .frase-secundaria-texto{
        width: 389px;
        height: 148px;
        top: 230px;
        left: 60px;
        position: absolute;
    }

    .btn-estrella-icon{
        width: 28px;
        height: 26px;
        background: url(../img/estrella.svg) no-repeat center;
        background-size: cover;
        flex-shrink: 0; /* Evita que el icono se redimensione */
    }

    .btn-phone-icon{
        width: 20.69px;
        height: 20.68px;
        background: url(../img/icon-phone.png) no-repeat center;
        background-size: cover;
        display: inline-block;
        flex-shrink: 0; /* Evita que el icono se redimensione */
    }

    .fondo-portada .frase-secundaria-texto-h5{
        font-family: Causten Medium;
        font-size: 23px;
        font-weight: 400;
        line-height: 24.84px;
        letter-spacing: -0.01em;
        text-align: left;
    }
    .btn-informacion{
        width: 442px;
        height: 60px;
        top: 250px;
        left: 225px;
        border-radius: 5px;
        border-color: transparent;
        background-color: #0067CE;
        background-size: cover;
        position: relative;
        font-family: Causten Black;
        font-size: 23px;
        font-weight: 400;
        line-height: 24.38px;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Espacio entre el icono y el texto */
        padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
        cursor: pointer; /* Cambia el cursor a un pointer */
        text-decoration: none;
    }
    .btn-informacion:hover{
        color: #FFFFFF !important;
        text-decoration: underline #FFFFFF;
    }

    .btn-informacion-icon{
        width: 30px;
        height: 30px;
        background: url(../img/info.png) no-repeat center;
        background-size: cover;
        flex-shrink: 0; /* Evita que el icono se redimensione */
    }

    .fondo-contacto .ventajas .contacto-titulo{
        font-family: Causten Bold;
        font-size: 55px;
        font-weight: 400;
        line-height: 50.1px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .fondo-contacto .ventajas .contacto-subtitulo{
        font-family: Causten Medium;
        font-size: 23px;
        font-weight: 400;
        line-height: 24.84px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .fondo-contacto .ventajas .contacto-subtitulo .resaltado{
        font-family: Causten Black;
    }

    .btn-whatsapp{
        width: 215px;
        height: 47px;
        border-radius: 5px;
        border-color: transparent;
        background-color: #25D366;
        background-size: cover;
        position: relative;
        font-family: Causten Bold;
        font-size: 15px;
        font-weight: 400;
        line-height: 15.75px;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Espacio entre el icono y el texto */
        padding: 10px 20px; /* Asegura que el contenido tenga espacio a los lados */
        cursor: pointer; /* Cambia el cursor a un pointer */
        text-decoration: none;
    }
    .btn-whatsapp:hover{
        color: #FFFFFF !important;
        text-decoration: underline #FFFFFF;
    }

    .contacto-subtitulo-icon-uno{
        width: 21px;
        height: 21px;
        background: url(../img/uno.png) no-repeat center;
        background-size: cover;
        display: inline-block;
        top: 3px;
        position: relative;
    }

    .contacto-subtitulo-icon-dos{
        width: 21px;
        height: 21px;
        background: url(../img/dos.png) no-repeat center;
        background-size: cover;
        display: inline-block;
        top: 3px;
        position: relative;
    }


    .btn-mejor{
        width: 273px;
        height: 56px;
        border-radius: 5px;
        border-color: transparent;
        background-color: #0067CE;
        background-size: cover;
        position: relative;
        font-family: Causten Black;
        font-size: 20px;
        font-weight: 400;
        line-height: 21.6px;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Espacio entre el icono y el texto */
        padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
        cursor: pointer; /* Cambia el cursor a un pointer */
        text-decoration: none;
    }
    .btn-mejor:hover{
        color: #FFFFFF !important;
        text-decoration: underline #FFFFFF;
    }

    .btn-mas-info{
        width: 223px;
        height: 46px;
        /*left: -125.05px;*/
        border-radius: 5px;
        background-color: #0067CE;
        position: relative;
        font-family: Causten Bold;
        font-size: 15px;
        font-weight: 400;
        line-height: 15.75px;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        border-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Espacio entre el icono y el texto */
        padding: 0 20px; /* Asegura que el contenido tenga espacio a los lados */
        cursor: pointer; /* Cambia el cursor a un pointer */
        text-decoration: none;
    }
    .btn-mas-info:hover{
        color: #FFFFFF !important;
        text-decoration: underline #FFFFFF;
    }

    .btn-mejor-icon{
        width: 27px;
        height: 24px;
        background: url(../img/corazon.png) no-repeat center;
        background-size: cover;
        flex-shrink: 0; /* Evita que el icono se redimensione */
    }

    .btn-whatsapp-icon{
        width: 19px;
        height: 19px;
        background: url(../img/icon-whatsapp.png) no-repeat center;
        background-size: cover;
        flex-shrink: 0; /* Evita que el icono se redimensione */
    }

    .photo-familia{
        width: 100%;
        height: 30%;
        background-image: url( '../img/foto-familia.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
        position: relative;
        left: 0px;
    }

    .fondo-como-funciona .photo-sistema{
        width: 557px;
        height: 317px;
        background-image: url( '../img/sistema.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
        position: relative;
        left: 0px;
    }
    .fondo-como-funciona .flecha{
        width: 153px;
        height: 400px;
        background-image: url( '../img/arrow.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
        position: relative;
        top: -300px;
        left: -100px;
    }

    .fondo-como-funciona .card-pasos1{
        width: 204.64px;
        height: 227px;
        top: 4261px;
        left: 341px;
        gap: 0px;
        border-radius: 5px;
        background: linear-gradient(207.65deg, #4FBBD9 6.11%, #6CD0CD 93.89%);
        box-shadow: 0px 13px 14.7px 2px #0000001F;
    }

    .fondo-como-funciona .card-pasos2{
        width: 204.64px;
        height: 227px;
        top: 4261px;
        left: 341px;
        gap: 0px;
        border-radius: 5px;
        background: linear-gradient(199.06deg, #70E8DB 7.38%, #38B5B1 92.62%);
        box-shadow: 0px 13px 14.7px 2px #0000001F;
    }

    .fondo-como-funciona .card-pasos3{
        width: 204.64px;
        height: 227px;
        top: 4261px;
        left: 341px;
        gap: 0px;
        border-radius: 5px;
        background: linear-gradient(21.68deg, #4FBBD9 7.27%, #9EEAFF 92.73%);
        box-shadow: 0px 13px 14.7px 2px #0000001F;
    }

    .fondo-como-funciona .card-caracteristicas{
        width: 188px;
        height: 145px;
        border-radius: 5px;
        background: linear-gradient(121.49deg, #194980 -1.53%, #196DCD 115.29%);
        box-shadow: 0px 19px 21px -3px #0000001A;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .fondo-como-funciona .numero{
        font-family: Causten Medium;
        font-size: 55px;
        font-weight: 400;
        line-height: 50.1px;
        letter-spacing: -0.01em;
        text-align: center;
        color: #122D5A;
        opacity: 50%;
    }

    .fondo-como-funciona .icono-1{
        width: 100px;
        z-index: 3;
        height: 83px;
        background-image: url( '../img/icon1.png');
        position: relative;
        left: 85px;
        top: -25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fondo-como-funciona .icono-2{
        width: 98px;
        z-index: 3;
        height: 91px;
        background-image: url( '../img/icon2.png');
        position: relative;
        left: 85px;
        top: -25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fondo-como-funciona .icono-3{
        width: 120.78px;
        z-index: 3;
        height: 95px;
        background-image: url( '../img/icon3.png');
        position: relative;
        left: 85px;
        top: -25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fondo-como-funciona .titulo-principal{
        font-family: Causten Medium;
        font-size: 55px;
        font-weight: 400;
        line-height: 50.1px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #0F3E52;
    }

    .fondo-como-funciona .titulo-caracteristicas{
        font-family: Causten Medium;
        font-size: 45px;
        font-weight: 400;
        line-height: 40.99px;
        letter-spacing: -0.01em;
        text-align: center;
        color: #15AAFD;
    }

    .fondo-como-funciona .detalles-caracteristicas{
        font-family: Causten Black;
        font-size: 34.63px;
        font-weight: 400;
        line-height: 31.55px;
        letter-spacing: -0.01em;
        text-align: center;
        color: #FFFFFF;
        display: flex;
        height: 100%;
        flex-direction: column; /* Asegura que las líneas se organicen una debajo de otra */
        justify-content: center; /* Centra verticalmente */
        align-items: center; /* Centra horizontalmente */
    }

    .fondo-como-funciona .detalles-caracteristicas .chico{
        font-family: Causten Black;
        font-size: 23px;
        font-weight: 400;
        line-height: 24.38px;
        letter-spacing: -0.01em;
        text-align: center;
    }
    .fondo-como-funciona .detalles-caracteristicas .grande{
        font-family: Causten Bold;
        font-size: 55px;
        font-weight: 400;
        line-height: 50.1px;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .fondo-como-funciona .titulo-secundario{
        font-family: Causten Medium;
        font-size: 34.63px;
        font-weight: 400;
        line-height: 31.55px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #15AAFD;
    }
    .fondo-como-funciona .descripcion{
        font-family: Causten Medium;
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #FFFFFF;
        margin-left: 15px;
        margin-right: 45px;
        position: relative;
        top: -20px;
    }

    .photo-mano{
        width: 100%;
        height: 92px;
        background-image: url( '../img/mano.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
        position: relative;
        left: 0px;
    }
    .photo-rezar{
        width: 100%;
        height: 426px;
        background-image: url( '../img/rezar.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
    }

    .photo-mujer{
        top: 110px;
        /*left: -100px;*/
        width: 145.82px;
        height: 138.36px;
        background-image: url( '../img/mujer-joven.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
        position: relative;
    }
    .photo-garantia{
        top: 80px;
        left: -100px;
        width: 181px;
        height: 175px;
        background-image: url( '../img/garantia.png');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* Centra la imagen */
        overflow: hidden;
        position: relative;
    }

    .navbar-brand-24{
        width: 175px;
        height: 37px;
        background: url(../img/logo.png) no-repeat center center;
        background-size: cover;
        margin: 0 auto;
    }

    .navbar-brand-footer-24{
        width: 175px;
        height: 37px;
        background: url(../img/logo.png) no-repeat center center;
        background-size: cover;
        margin: 0 auto;
        display: inline-block;
    }

    .btn-info{
        width: 206px;
        height: 50px;
        border-radius: 5px;
        border-color: transparent;
        font-family: Causten Bold;
        font-size: 15px;
        font-weight: 400;
        line-height: 15.75px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; /* Si también deseas centrar horizontalmente */
        background-color: #122D5A;
    }

    .btn-info:hover{
        color: #FFFFFF !important;
        background-color: #122D5A;
        text-decoration: underline #FFFFFF;
        border-radius: 5px;
        border-color: transparent;
    }
    .btn-info:active{
        color: #FFFFFF !important;
        background-color: #122D5A;
        text-decoration: underline #FFFFFF;
        border-radius: 5px;
        border-color: transparent;
    }
    .btn:active{
        background-color: #122D5A !important;
        color: #FFFFFF !important;
        text-decoration: underline #FFFFFF;
        border-radius: 5px;
        border-color: transparent;
    }
}

.banderita{
    width: 18px;
    height: 18px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-flex;
    margin: -2px;
    background-position: center;
}
span.bandera b{
    color: #0067CE;
    font-size: 16px;
    line-height: 18px;
    font-family:'Now Regular';
    font-weight:normal;
}
span.bandera{
    color: #003366;
    font-size: 16px;
    line-height: 16px;
    font-family:'Now Regular';
    font-weight:normal;
}

.vector-1 {
    width: 312px;
    height: 311px;
    top: 481px;
    left: -118px;
    gap: 0; /* Ajusta este valor si realmente necesitas el espacio entre elementos hijos */
    opacity: 5%;
    background-image: url( '../img/vector-1.png');
    position: relative; /* o 'absolute' según lo que necesites */
    display: flex; /* Cambia el display a flex */
}

.recomiendan-fondo .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1200px; /* Puedes ajustar el ancho máximo según necesites */
}

.garantia .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1000px; /* Puedes ajustar el ancho máximo según necesites */
}

.recomiendas-frase{
    width: 252.19px;
    height: 103.06px;
    background-image: url( '../img/recomiendan.png');;
    /*top: 1500px;*/
    /*left: -137.05px;*/
    position: relative;
}

.item-podcast-1{
    background-image: url( '../img/podcast-1.png');
    width: 110px;
    height: 110px;
    border-radius: 5px;
}

.item-podcast-2{
    background-image: url( '../img/podcast-2.png');
    width: 110px;
    height: 110px;
    border-radius: 5px;
}

.item-podcast-3{
    background-image: url( '../img/podcast-3.png');
    width: 110px;
    height: 110px;
    border-radius: 5px;
}

.item-podcast-4{
    background-image: url( '../img/podcast-4.png');
    width: 110px;
    height: 110px;
    border-radius: 5px;
}

.item-podcast-5{
    background-image: url( '../img/podcast-5.png');
    width: 110px;
    height: 110px;
    border-radius: 5px;
}

.carousel-item .col-md-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}