/*0.contenedor-simulador {
    padding-top: 20px;
    padding-bottom:20px;
    background: #FF9900;
    width: 100%;
    height: auto;
}

.simulator {
    background-color: white;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    margin: 30px 15%;
}

.formulario-simulador {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:18px;
}

.input-group-simulador {
    flex: 1;
    margin-bottom: 15px;
}


.simulator h1 {
    font-family: 'Montserrat', sans-serif;
    color: #407C2D;
    margin-bottom: 20px;
}

label {
    font-family: 'Montserrat', sans-serif;
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #407C2D;
}

select {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    border: 1px solid #4CAF50;
    border-radius: 5px;
    text-align: center;
}

input {
    width: 100%;
    padding-top: 10px;
    padding-bottom:10px;
    font-size: 1rem;
    border: 1px solid #4CAF50;
    border-radius: 5px;
    padding-right:0px;
    padding-left:0px;
    text-align:center;
}
button {
    background-color: #ff9900; 
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 1.2rem;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif;
}

    button:hover {
        background-color: #e69500;
    }

@media (max-width: 768px) {
    .simulator {
        padding: 15px;
    }
    .input-group-simulador {
        width: 100%; 
    }

    .input-group-simulador label {
        font-size: 14px;
    }

    button[type="submit"] {
        font-size: 14px;
        padding: 8px;
    }
}

@media (max-width: 480px) {
    .simulator {
        padding: 10px;
    }

    .input-group-simulador {
        gap: 15px;
    }

    h1 {
        font-size: 24px;
    }

    button[type="submit"] {
        font-size: 12px;
        padding: 6px;
    }
}*/
/*banner prestamo */
.hero-section {
    width: 100%;
    position: relative;
    background-image: url('../img/prestamo/Group174.png'); /* Aquí debes reemplazar por la ruta de tu imagen */
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.mostrar-web {
    display: flex;
}

.mostrar-movil {
    display: none;
}

@media screen and (max-width: 480px) {
    .mostrar-web {
        display: none !important;
    }

    .mostrar-movil {
        display: flex !important;
    }
}

}

@media (max-width: 480px) {
    .hero-section {
        background-image: url('../img/responsive/Group 218.jpg');
    }

    .hero-section-parrafo{
        display:none;
    }
    }

    .hero-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .hero-content {
        position: relative;
        z-index: 2;
        text-align: center;
    }

        .hero-content h1 {
            font-size: 50px;
            font-weight: bold;
            font-family: 'Montserrat', sans-serif;
        }

        .hero-content p {
            font-size: 25px;
            margin-top: 10px;
            font-family: 'Montserrat', sans-serif;
        }

    @media (max-width: 768px) {
        .hero-section {
            height: 300px; /* Reduced height for smaller screens */
        }

        .hero-content h1 {
            font-size: 30px; /* Adjust heading size for medium screens */
        }

        .hero-content p {
            font-size: 12px; /* Adjust paragraph size for medium screens */
        }
    }

    @media (max-width: 480px) {
        .hero-section {
            height: 250px; /* Further reduce height for mobile */
        }

        .hero-content h1 {
            font-size: 25px; /* Adjust heading size for small screens */
        }

        .hero-content p {
            font-size: 10px; /* Adjust paragraph size for small screens */
        }
    }
    /* seccion de datos */
    .features {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #407C2D1A;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .features-contenedor {
        display: flex;
        justify-content: space-between; /* Distribuye el espacio entre los ítems */
        width: 100%;
        max-width: 1300px;
        padding: 25px 0px;
    }

    .feature-item {
        display: flex; /* Alinea la imagen y el texto en fila */
        align-items: center; /* Centra verticalmente la imagen con el texto */
        width: 30%;
        padding: 10px;
    }

        .feature-item img {
            width: 80px; /* Tamaño de la imagen */
            height: auto;
            margin-right: 20px; /* Espacio entre la imagen y el texto */
        }

    .features-detalle {
        text-align: left; /* Alinea el texto a la izquierda */
    }

    .feature-item h3 {
        color: #ff8c00; /* Color del título */
        font-size: 24px;
        margin-top: 0; /* Elimina el margen superior */
        margin-bottom: 5px;
        font-family: 'Montserrat', sans-serif;
    }

    .feature-item p {
        font-size: 14px;
        color: #666;
        line-height: 1.5;
        font-family: 'Montserrat', sans-serif;
    }

    /*.left-feature-item,
    .center-feature-item,
    .right-feature-item {
        text-align: left;
    }*/


    .display-subtitle {
        display: none;
    }

    @media (max-width: 768px) {

        .features {
            padding-bottom: 10px;
            padding-top: 10px;
        }


        .feature-item img {
            width: 60px; /* Tamaño de la imagen */
            margin-right: 10px; /* Espacio entre la imagen y el contenido */
            align-self: flex-start; /* Alinea la imagen al inicio para que el texto quede en la parte superior */
        }

        .features-detalle {
            display: flex;
            flex-direction: column; /* Coloca el título encima de la descripción */
        }

        .feature-item h3 {
            font-size: 18px; /* Ajusta el tamaño del título */
            margin-bottom: 5px; /* Espacio entre el título y la descripción */
        }

        .feature-item p {
            font-size: 14px; /* Ajusta el tamaño del párrafo */
            margin: 0; /* Elimina el margen inferior */
        }
    }

    @media (max-width: 480px) {
        .display-feature {
            display: none !important;
        }

        .display-subtitle {
            display: block;
        }

        .features {
            padding-bottom: 0px;
            padding-top: 0px;
        }

        .features-contenedor {
            flex-direction: column; /* Apila los elementos verticalmente */
            align-items: center;
        }

        .feature-item {
            width: 100%; /* Ocupa todo el ancho de la pantalla */
            display: flex;
            align-items: center;
            margin-bottom: 20px; /* Espacio entre los elementos */
            padding: 10px;
            text-align: left;
            flex-direction: row;
            max-width: 280px;
        }

            .feature-item img {
                width: 60px; /* Tamaño de la imagen */
                margin-right: 10px; /* Espacio entre la imagen y el contenido */
                align-self: flex-start; /* Alinea la imagen al inicio para que el texto quede en la parte superior */
            }

        .features-detalle {
            display: flex;
            flex-direction: column; /* Coloca el título encima de la descripción */
        }

        .feature-item h3 {
            font-size: 18px; /* Ajusta el tamaño del título */
            margin-bottom: 5px; /* Espacio entre el título y la descripción */
            text-align: left;
        }

        .feature-item p {
            font-size: 14px; /* Ajusta el tamaño del párrafo */
            margin: 0; /* Elimina el margen inferior */
        }
    }

    /* seccion de video */
    .video-section {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 50px;
        padding-right: 0px;
        padding-left: 0px;
        background-color: #fff;

    }

    .contenedor-video {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 100px;
        margin-right: 100px;
    }

    .video-container {
        width: auto;
        background-color: #e9f0e8; /* Color de fondo detrás del video */
        padding: 20px;
        border-radius: 10px;
    }

    .steps-container {
        width: 60%;
        padding-left: 20px;
        display: block;
    }

    h2 {
        color: #3c8e32;
        font-size: 28px;
        margin-bottom: 20px;
        font-family: 'Montserrat', sans-serif;
    }

        h2 span {
            color: #ff8c00; /* Color naranja */
            font-family: 'Montserrat', sans-serif;
        }

    .steps-container .step {
        margin-bottom: 15px;
    }

    .steps-container h3 {
        color: #3c8e32; /* Color verde */
        font-size: 20px;
        margin-bottom: 5px;
        font-family: 'Montserrat', sans-serif;
    }

    .steps-container p {
        color: #666;
        font-size: 16px;
        line-height: 1.5;
        font-family: 'Montserrat', sans-serif;
    }

    .iframe-video {
        width: 560px;
        height: 315px;
    }

    .steps-container-res {
        display: none;
    }

    @media (max-width: 768px) {
        .iframe-video {
            width: 100%;
            height: 160px;
        }


        .contenedor-video {
            margin: 0 20px; /* Reduced margin for smaller screens */
            flex-direction: column; /* Stack video and steps vertically */
            align-items: center; /* Center items */
        }

        .video-container {
            width: 100%; /* Full width for video on small screens */
           
        }

        .steps-container {
            display: flex;
            width: 100%; /* Full width for steps on small screens */
            padding-left: 0; /* Remove left padding */
        }
    }

@media (max-width: 480px) {

    .video-section {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .iframe-video {
        width: 100%;
        height: 160px;
    }


    h2 {
        font-size: 24px; /* Adjust heading size for small screens */
    }

        h2 span {
            font-size: 20px; /* Adjust span size */
        }

    .steps-container {
        display: none;
    }


    .steps-container-res {
        background-color: #f0f4f8;
        display: flex;
        /*justify-content: center;*/

        margin-left: -20px;
        margin-right: -20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .img-step{
        width:100%
    }

    .steps-container-res {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 500px; /* Ajusta según necesites */
        color: white;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .step {
        position: relative;
        display: flex;
        align-items: center;
        padding: 15px 20px;
        border-radius: 8px;
        color: white;
        font-weight: 500;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

        .step::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 10px;
            background: linear-gradient(45deg, transparent 33.333%, currentColor 33.333%, currentColor 66.667%, transparent 66.667%);
            background-size: 20px 10px;
            background-position: 0 0;
        }

       
    .step-number {
        background-color: white;
        color: #333;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        margin-right: 15px;
        z-index: 1;
    }

    .step-text {
        z-index: 1;
        text-align: center;
        max-width:180px;
        width:100%;
    }
    .step:last-child::after {
        display: none;
    }

    /* Step colors */
    .step-1 {
        background-color: #FF9800; /* Orange */
    }

        .step-1::after {
            color: #F0C14B; /* Yellow (next step color) */
        }

    .step-2 {
        background-color: #F0C14B; /* Yellow/Gold */
    }

        .step-2::after {
            color: #8BC34A; /* Light Green (next step color) */
        }
    .step-3 {
        background-color: #8BC34A; /* Light Green */
    }

        .step-3::after {
            color: #4CAF50; /* Dark Green (next step color) */
        }

    .step-4 {
        background-color: #4CAF50; /* Dark Green */
    }

        .step-4::after {
            color: #00796B; /* Teal (next step color) */
        }

    .step-5 {
        background-color: #00796B; /* Teal */
    }

}

@media (max-width: 600px) {
    .step {
        padding: 15px;
    }

    .step-number {
        font-size: 20px;
        margin-right: 15px;
        width: 40px;
    }

}

       
    


    /* seccion de requisitos */

    .requisitos-section {
        padding-top: 20px;
        padding-bottom: 50px;
        text-align: center;
        width: 100%;
    }

.display-feature-movil{
    display:none;
}

.requisitos-section h1 {
    color: #407C2D;
    margin-bottom: 30px;
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
    margin-left: 8px;
    margin-right: 8px;
}


    .subtitle-requisitos {
        color: #FF9900;
    }


    .requisitos-container {
        display: flex;
        justify-content: space-around;
        gap: 20px;
    }

    .requisitos-item-uno {
        background-color: rgba(232, 238, 230, 1);
        border-radius: 20px;
        padding: 20px;
        flex: 1;
        font-family: 'Montserrat', sans-serif;
        margin-left: 10%
    }

    .requisitos-item-dos {
        background-color: rgba(232, 238, 230, 1);
        border-radius: 20px;
        padding: 20px;
        flex: 1;
        font-family: 'Montserrat', sans-serif;
        margin-right: 10%
    }

        .requisitos-item-dos h2, .requisitos-item-uno h2 {
            color: #407C2D;
            font-size: 1.5rem;
            margin-bottom: 15px;
            font-family: 'Montserrat', sans-serif;
        }

        .requisitos-item-dos ul, .requisitos-item-uno ul {
            list-style: none;
        }

            .requisitos-item-dos ul li, .requisitos-item-uno ul li {
                font-size: 14px;
                margin-bottom: 10px;
                display: flex;
                text-align: left;
                font-family: 'Montserrat', sans-serif;
            }

                .requisitos-item-dos ul li::before, .requisitos-item-uno ul li::before {
                    content: "✔";
                    color: #ffa500; /* Color naranja */
                    margin-right: 10px;
                    font-size: 15px;
                    padding-bottom: 15px;
                }

.display-inv-res-pres{
    display:none;
}

@media (max-width: 768px) {
    .requisitos-container {
            flex-direction: column; /* Stack items vertically */
            margin: 0 5%; /* Adjust side margin */
        }

        .requisitos-item-uno,
        .requisitos-item-dos {
            width: 100%; /* Full width for each item */
            margin: 0; /* Adjust bottom margin for spacing */
            padding: 0px;
        }

        .requisitos-section h1 {
            font-size: 24px; /* Smaller font for the title */
        }
    }

    @media (max-width: 480px) {

        .display-feature-movil{
            display: block;
        }
        .display-web {
            display: none;
        }
        .display-inv-res-pres {
            margin-left: 0; /* Elimina el margen a la izquierda */
            margin-right: 5px; /* Agrega margen a la derecha para separarlos */
            display: inline;
        }

        .display-subtitle {
            display: inline-block; /* Asegura que la parte del subtítulo se mantenga en línea */
        }
        .requisitos-section h1 {
            font-size: 20px; /* Further reduce title size on small screens */
        }

        .requisitos-item-uno h2,
        .requisitos-item-dos h2 {
            font-size: 1.2rem; /* Reduce h2 size */
            padding: 0px;
        }

        .requisitos-item-uno ul li,
        .requisitos-item-dos ul li {
            font-size: 12px; /* Smaller text for list items */
            width:85%;
        }
    }
    /*seccion de fondo de prestamo*/
    .cta-section-prestamo {
        position: relative;
        background-image: url('../img/prestamo/Group213.png'); /* Aquí puedes cambiar la URL de la imagen de fondo */
        background-size: cover;
        background-position: center;
        height: 400px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cta-content {
        text-align: center;
        color: white;
        display: flex;
        gap: 20px;
        font-family: 'Montserrat', sans-serif;
    }

        .cta-content h1 {
            font-size: 1.8rem;
            margin: 0;
            font-weight: bold;
        }

        .cta-content p {
            font-size: 1rem;
        }

    .cta-button {
        background-color: #ffa500; /* Color del botón */
        color: white;
        padding: 15px 30px;
        text-decoration: none;
        font-size: 1.5rem;
        border-radius: 5px;
        transition: background-color 0.3s;
        /*margin-top:10%;*/
        border: none;
    }

        .cta-button:hover {
            background-color: #e69500;
        }

    .cta-column {
        flex: 1;
    }

    .column-button {
        text-align: center;
        align-content: center;
        align-items: center;
    }

    @media (max-width: 768px) {
        .cta-content {
            flex-direction: column; /* Stack columns vertically */
            gap: 15px;
            padding: 10px;
        }

            .cta-content h1 {
                font-size: 1.5rem; /* Smaller font for smaller screens */
            }

            .cta-content p {
                font-size: 0.9rem;
            }

        .cta-button {
            font-size: 1rem;
            padding: 8px 16px;
        }

        .cta-section-prestamo {
            height: auto; /* Adjust height to content */
            padding: 20px 0px;
        }
    }

    @media (max-width: 480px) {
        .cta-content h1 {
            font-size: 1.3rem; /* Further reduce font size on small screens */
        }

        .cta-content p {
            font-size: 0.8rem;
        }

        .cta-button {
            font-size: 0.9rem;
            padding: 6px 12px;
        }
    }
    /* contenedor de preguntas */
    /*.seccion-preguntas {
    width: 100%;
    background-color: #ECF2EA;
    align-items: center;
    align-content: center;
}
.faq-container {
    background-color:#ECF2EA;
    margin-top:40px;
    margin-bottom:40px;
    width: 50%;
    margin-left:25%;
}

h2 {
    text-align: center;
    color: #4b8b3b;
    margin-bottom: 20px;
}

.accordion-prestamo {
    background-color: #ffffff;
    color: #ff9900;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size:17px;
}

.accordion-prestamo img{
    height:18px;
    width:18px;
}

    .accordion-prestamo .icon {
        font-size: 18px;
        margin-right: 10px;
        color: #f79c42;
    }

    .accordion-prestamo:hover {
        background-color: #f1f1f1;
    }

.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 5px;
}

    .panel p {
        margin: 10px 0;
        font-family: 'Montserrat', sans-serif;
    }

    .panel ul {
        font-family: 'Montserrat', sans-serif;
    }*/

    .seccion-preguntas-prestamo {
        width: 100%;
        background-color: #ECF2EA;
        align-items: center;
        align-content: center;
        justify-content: center;
        display: flex;
    }

    .faq-container-prestamo {
        background-color: #ECF2EA;
        margin-top: 40px;
        margin-bottom: 40px;
        width: 80%;
        max-width: 1000px;
    }

    h2 {
        text-align: center;
        color: #4b8b3b;
        margin-bottom: 20px;
        font-family: 'Montserrat', sans-serif;
    }

    .faq-item {
        background-color: #ffffff;
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

    .faq-question {
        display: flex;
        align-items: center;
        cursor: pointer;
        color: #ff9900;
        font-size: 17px;
        font-family: 'Montserrat', sans-serif;
    }

    .question-icon {
        width: 24px;
        margin-right: 8px;
    }

    .arrow-icon {
        width: 24px;
        margin-left: auto;
        transition: transform 0.3s ease;
    }

    .faq-answer {
        margin-top: 12px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        font-family: 'Montserrat', sans-serif;
        font-size: 17px;
        margin-left: 30px;
        margin-right: 30px;
        text-align: justify;
    }

        .faq-answer.show {
            max-height: 200px; /* Ajusta este valor dependiendo de la cantidad de texto */
            transition: max-height 0.3s ease;
        }

        .faq-answer p, .faq-answer ol {
            margin: 0;
            padding: 0;
            color: #000;
            font-family: 'Montserrat', sans-serif;
            font-size: 17px;
            line-height: 1.5;
        }

        .faq-answer ol {
            list-style: none; /* Quita el estilo de lista predeterminado */
            counter-reset: list-counter; /* Inicia el contador personalizado */
            padding-left: 50px; /* Espacio a la izquierda */
        }

            .faq-answer ol li {
                counter-increment: list-counter; /* Incrementa el contador en cada elemento */
                margin-bottom: 8px; /* Espacio entre elementos */
                position: relative;
            }

                .faq-answer ol li::before {
                    content: counter(list-counter) ") "; /* Muestra el número seguido de ")" */
                    font-weight: bold;
                    color: #333;
                    position: absolute;
                    left: -25px; /* Ajusta el espacio del número */
                }

    @media (max-width: 768px) {
        .faq-container-prestamo {
            width: 90%; /* Ajusta el ancho en tablets */
        }

        .faq-question {
            font-size: 16px; /* Reduce el tamaño del texto de la pregunta */
        }

        .faq-answer {
            margin-left: 20px; /* Reduce el margen lateral en pantallas más pequeñas */
            margin-right: 20px;
        }

            .faq-answer ol li {
                font-size: 12px; /* Reduce el tamaño del texto de la respuesta */
            }

            .faq-answer p {
                font-size: 15px; /* Reduce el tamaño del texto de la respuesta */
            }

        .question-icon, .arrow-icon {
            width: 20px; /* Ajusta el tamaño de los iconos */
        }
    }

    /* Responsivo para dispositivos móviles */
    @media (max-width: 480px) {
        .faq-container-prestamo {
            width: 95%; /* Ajusta el ancho en dispositivos móviles */
        }

        h2 {
            font-size: 1.5rem; /* Reduce el tamaño del título */
        }

        .faq-question {
            font-size: 16px; /* Ajusta el tamaño del texto de la pregunta */
        }

        .faq-answer {
            margin-left: 10px;
            margin-right: 10px;
        }

            .faq-answer p {
                font-size: 13px; /* Reduce el tamaño del texto de la respuesta */
            }

            .faq-answer ol li {
                font-size: 12px; /* Reduce el tamaño del texto de la respuesta */
            }

        .faq-item {
            padding: 12px; /* Reduce el padding de cada ítem */
        }

        .question-icon, .arrow-icon {
            width: 18px; /* Ajusta el tamaño de los iconos para móviles */
        }

        .span-cel {
            max-width: 220px;
        }
    }


    /* estilos de modal inversiones*/
    /* Estilos para el modal */
    .modal-inversiones {
        display: none; /* Oculto por defecto */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
    }

    .modal-content-inversiones {
        background-color: #fff;
        margin: 5% auto;
        padding: 20px;
        border-radius: 8px;
        width: 40%;
        max-height: 80vh; /* Limita la altura máxima del contenido del modal */
        overflow-y: auto; /* Agrega una barra de desplazamiento vertical si el contenido es más alto que el modal */
    }

    .close-inversiones {
        color: #aaa;
        float: right;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
    }

        .close-inversiones:hover,
        .close-inversiones:focus {
            color: #000;
            text-decoration: none;
        }



    .form-container {
        background-color: white;
        padding: 20px;
        border-radius: 10px;
        width: auto;
    }

    h2 {
        color: #407C2D;
        margin-bottom: 20px;
        font-family: 'Montserrat', sans-serif;
    }

    .form-group {
        display: flex;
        gap: 10px;
        margin-bottom: 15px;
    }

    .input-formulario-text,
    .input-formulario-tel,
    .input-formulario-select,
    .input-formulario-textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #407C2D;
        border-radius: 5px;
        box-sizing: border-box;
        background-color: #EFEFEF;
        text-align: initial;
        font-family: 'Montserrat', sans-serif;
    }

    textarea {
        resize: vertical;
        height: 100px;
    }

    .option-estilo {
        background-color: white;
    }

    .privacy-formulario {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        font-size: 16px;
        font-family: 'Montserrat', sans-serif;
    }

        .privacy-formulario input {
            margin: 5px;
            margin-right: 10px;
            width: auto;
        }

    .fomulario-label-segundo {
        color: #000000;
    }

    .privacy-formulario a {
        color: #ff9800;
        text-decoration: none;
    }

        .privacy-formulario a:hover {
            text-decoration: underline;
        }

    .submit-button {
        background-color: #FFA500;
        color: white;
        padding: 10px 60px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s;
        display: block;
        margin: 0 auto;
    }

        .submit-button:hover {
            background-color: #e69500;
        }


    @media (max-width: 768px) {
        .modal-content-inversiones {
            width: 80%; /* Increase width on smaller screens */
            padding: 15px;
        }

        h2 {
            font-size: 1.3rem;
        }

        .submit-button {
            padding: 10px 40px;
            font-size: 1rem;
        }
    }

    @media (max-width: 480px) {
        .modal-content-inversiones {
            width: 90%; /* Full width for mobile */
        }

        h2 {
            font-size: 20px;
        }

        .form-group {
            flex-direction: column; /* Stack inputs vertically on mobile */
            gap: 0px;
            margin-bottom: 5px;
        }

        .submit-button {
            padding: 8px 30px;
            font-size: 0.9rem;
        }

        .close-inversiones {
            font-size: 20px;
        }
    }

    /* Estilos para el modal de confirmación */

    .modal-confirmacion {
        display: none; /* Oculto por defecto */
        position: fixed;
        z-index: 9999;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
    }

    .modal-content-confirmacion {
        background-color: #fff;
        margin: 5% auto;
        padding: 20px;
        border-radius: 8px;
        width: 40%;
        height: 30%;
    }

    .close-confirmacion {
        color: #aaa;
        float: right;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
    }

        .close-confirmacion:hover,
        .close-confirmacion:focus {
            color: #000;
            text-decoration: none;
        }

    .confirmation-content {
        text-align: center;
        font-family: 'Montserrat', sans-serif;
    }

    .check-icon {
        font-size: 50px;
        color: #2E7D32;
        margin-bottom: 10px;
    }

    @media (max-width: 768px) {
        .modal-content-confirmacion {
            width: 80%; /* Increase width on smaller screens */
            padding: 15px; /* Reduce padding for smaller devices */
        }

        .check-icon {
            font-size: 40px; /* Slightly reduce icon size */
        }

        .close-confirmacion {
            font-size: 20px; /* Smaller close button */
        }
    }

    @media (max-width: 480px) {
        .modal-content-confirmacion {
            width: 90%; /* Make the modal nearly full-width on mobile */
            padding: 10px; /* Further reduce padding */
        }

        .check-icon {
            font-size: 30px; /* Reduce icon size further for very small screens */
        }

        .close-confirmacion {
            font-size: 18px; /* Smaller close button for mobile */
        }

        .confirmation-content h2 {
            font-size: 1.5em; /* Adjust heading size */
        }

        .confirmation-content p {
            font-size: 0.9em; /* Adjust paragraph size */
        }
    }

/* Por defecto: solo se muestran preguntas para PC */
.pregunta-movil {
    display: none;
}

/* Si la pantalla es móvil (menos de 768px), se ocultan las de web y se muestran las de móvil */
@media (max-width: 768px) {
    .pregunta-web {
        display: none;
    }

    .pregunta-movil {
        display: block;
    }
}