/* Landing Money Test*/

/* Seecion 1 */

.container-fluid {
    background-color: #FEF7DB;
}

.navbar .d-flex {
    justify-content: center;
    align-items: center;
    gap: 30rem; /* Espacio entre elementos */
    text-align: center;
    background-color: #fff8e7;
}

.navbar .nav-link,
.navbar .navbar-brand {
    font-size: 18px;
    text-decoration: none;
    color: #4C52A2;
    display: block;
}

.amarillo,
.amarillo-seccion2,
.amarillo-seccion3 {
    color: #EF9D25;
}

.py-5 {
    height: 44rem;
}

.txt-conoces {
    margin-top: 6rem;
    font-weight: bold;
    color: #4C52A2;
}

.txt-movil {
    display: none;
}


/* Imagenes */
.img-movible {
    margin-left: -31rem;
    margin-top: -19rem;
    position: absolute;
    /* width: 7%; */
}

.cara-movible {
    margin-left: -38rem;
    margin-top: -10rem;
    position: absolute;
    /* width: 4%; */
}

.exclamacion-movible {
    margin-top: -3rem;
    margin-left: -31rem;
    position: absolute;
    /* width: 4%; */
}

.estrella-movible {
    margin-top: 5rem;
    margin-left: -36rem;
    position: absolute;
    /* width: 2%; */
}

.miedo-movible {
    margin-top: 8rem;
    margin-left: -27rem;
    position: absolute;
    /* width: 5%; */
}

/* Imagenes lado derecho seccion 1 */

.estrella-derecha {
    position: absolute;
    margin-left: 23rem;
    margin-top: -18rem;
    /* width: 2%; */
}

.patrimonio-movible {
    position: absolute;
    margin-left: 65rem;
    margin-top: -12rem;
    /* width: 5%; */
}

.carafeliz-movible {
    position: absolute;
    margin-left: 76rem;
    margin-top: -8rem;
    /* width: 4%; */
}

.estrella-cara {
    position: absolute;
    margin-left: 75rem;
    margin-top: 2rem;
    /* width: 2%; */
}

.interrogacion-movible {
    position: absolute;
    margin-left: 22rem;
    margin-top: -1rem;
    /* width: 4%; */
}

.satisfaccion-movible {
    position: absolute;
    margin-left: 66rem;
    margin-top: 6rem;
    /* width: 6%; */
}


/* Seccion boton e imagen grande */
.btn-test {
    background-color: transparent;
    border-radius: 6px;
    color: #4C52A2;
    padding: 7px 46px;
    margin-top: 14px;
    border: 2px solid;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-test:hover {
    background-color: #DB4516;
}



.grande-movible {
    margin-top: 0rem;
    margin-left: 2rem;
}

/* Seccion 2 */

.fondo-color {
    --bs-bg-opacity: 1;
    background-color: #4C52A2;
}

.txt-izquierda {
    margin-left: 2rem;
    font-weight: bold;
    font-size: 3rem;
    text-align: left;
    margin-top: 4rem;
}

.titulo-movil {
    display: none;
}

.linea-img {
    margin-top: 2rem;
    margin-left: -31rem;
    height: 5px;
    width: 45rem;
}

.parrafo {
    text-align: left;
    margin-left: 3rem;
    margin-top: 2rem;
    font-size: 24px;
    line-height: 2.5rem;

}

.parrafo-movil {
    display: none;
}

.parrafo-pwc {
    text-align: left;
    margin-left: 3rem;
    margin-top: -1rem;
    font-size: 16px;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.btn-light {
    background-color: transparent;
    color: #FEF7DB;
    margin-left: -65.4rem;
    border-radius: 10px;
    padding: 7px 21px;
    font-size: 24px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 2px solid;
    text-decoration: none;
}

.btn-light:hover {
    background-color: #EF9D25;
}

.derecha-img {
    margin-left: 54rem;
    margin-top: -21rem;
    display: block;
}

.formulario {
    margin-left: 0rem;
    margin-bottom: 18rem;
    width: 100%;
    height: 800px;
}

/* Seccion 3 */

.txt-semaforo {
    margin-top: 1rem;
    font-weight: bold;
    color: #4C52A2;
    font-size: 2.8rem;
}

.semaforo-img {
    margin-top: 2rem;
}

.linea-semaforo {
    border: none;
    height: 10px;
    background-color: #4C52A2;
    display: block;
    margin-top: -22.6rem;
    margin-left: -10.4rem;
    opacity: 3;
    width: 36rem;
}

/* Contenedor de las columnas */
.info-columns {
    display: flex;
    justify-content: center;
    gap: 13rem;
    text-align: center;
    margin-top: 5rem;
}

/* Cada columna */
.info-column {
    flex: 1;
    max-width: 300px; /* Limita el ancho de cada columna */
}

/* Números */
.numero {
    font-size: 4rem;
    font-weight: bold;
    color: #4C52A2; /* Morado */
    margin-bottom: 10px;
}

/* Texto */
.info-column p {
    font-size: 25px;
    color: #4C52A2;
    line-height: 1.5;
}


/* Seccion 4 */
.txt-cartera {
    margin-top: 4rem;
    font-weight: bold;
    color: #FEF7DB;
    font-size: 2.8rem;
    line-height: 3.9rem;
    position: absolute;
    margin-bottom: 3rem;
    margin-left: 24rem;
}

.txt-medicina-movil {
    font-weight: bold;
    color: #FEF7DB;
    font-size: 2.8rem;
    line-height: 3.9rem;
    
}

.morado {
    color: #4C52A2;
}

.medicina-img {
    margin-left: 7rem;
    margin-top: 16rem;
}

.lineas-medicina-img {
    margin-top: 1rem;
}

.cursos-movible {
    display: block;
    margin-top: -20rem;
    margin-left: 12rem;

}

.mentorias-movible {
    display: block;
    margin-top: 8rem;
    margin-left: 12rem;
}

.talleres-movible {
    display: block;
    margin-top: -21rem;
    margin-left: 64rem;
}

.paquetes-movible {
    display: block;
    margin-left: 59rem;
    margin-top: 4rem;
}

.estrella-morada-movible {
    margin-top: -12rem;
    margin-right: 23rem;
}

.bg-ultima-seccion {
    background-color: #EF9D25;
    margin-bottom: 4rem;
}

.marca {
    color: #4C52A2;
    margin-top: 1rem;
    position: absolute;
    margin-left: 34rem;
}


/*********************** Contacto MoneyTest ********************/

/* Primera sección */

.txt-test {
    margin-top: 1rem;
    font-weight: bold;
    color: #FEF7DB;
    font-size: 2.8rem;
    line-height: 3.9rem;
}

.parrafo-test {
    margin-left: -1rem;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 4rem;
}

.test-img {
    margin-left: 28rem;
    margin-top: 2.4rem;
    display: block;
} 

.linea-contacto-img {
    margin-left: 18rem;
    margin-top: 0.9rem;
}

.estrella-contacto {
    margin-top: -12rem;
    margin-left: 12rem;
    position: absolute;
    width: 2%;
    display: block;
}

.bienestar {
    margin-top: -34rem;
    position: absolute;
    margin-left: 12rem;
    display: block;
}

.estrella-derecha-cont {
    margin-top: -31rem;
    margin-left: 65rem;
    position: absolute;
    width: 2%;
    display: block;
}

.Finanzas {
    margin-top: -16rem;
    position: absolute;
    margin-left: 57rem;
    display: block;
}

/* Seccion imagenes formulario */

.interrogacion-contacto {
    margin-top: -53rem;
    margin-left: -30rem;
    position: absolute;
}

.estrella-formulario {
    margin-top: -16rem;
    margin-left: -33rem;
    position: absolute;
    width: 2%;
}

.estrella-formulario-der {
    margin-top: -51rem;
    margin-left: 25rem;
    position: absolute;
    width: 2%;
}

.arroba-contacto {
    margin-top: -19rem; 
    margin-left: 24rem;
    position: absolute;
}



/* Seccion 2 - contacto - formulario */

.txt-contacto {
    margin-top: 6rem;
    font-weight: bold;
    color: #4C52A2;
    font-size: 3rem;
    margin-left: -2rem;
}

/* seccion de formulario */

.form-container {
    width: 100%;
    padding: 20rem;
    margin-top: -16rem;
}

.form-container input {
    width: 110%;
    padding: 15px;
    margin-bottom: 27px;
    border: 0px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    text-align: left;
    height: 3.1rem;
    margin-left: -3rem;
}

/* .form-container input:focus {
    outline: none;
    border-color: #7D7CF1;
    box-shadow: 0 0 5px rgba(125, 124, 241, 0.5);
} */


.form-container input::placeholder {
    color: #4C52A2;
}


/* Boton */
.btn-contacto {
    background-color: transparent;
    border-radius: 6px;
    color: #4C52A2;
    border-color: #4C52A2;
    padding: 7px 65px;
    margin-top: -19rem;
    border-width: 2px;
    display: block;
    margin-left: 29rem;
    font-weight: bold;
}

.marca-contacto {
    color: #4C52A2;
    margin-top: 2rem;
    font-size: 1.2rem;
    margin-left: 0rem;
    margin-top: 1rem;
    
}



/* Ajustar iframe */
.formulario {
    margin-bottom: 20px;  /* Ajusta el margen inferior del iframe */
}

.franja-color {
    background-color: #EF9D25;  /* Color de fondo */
    text-align: center;         /* Centra el texto */
    padding: 3px 0;            /* Añade espacio arriba y abajo */
    margin-top: 39px;           /* Separación con el contenido anterior */
}