@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;500;600&display=swap');

/*
    ********************************  SECCION Titulo
*/
.quieroinvertir-seccionTitulo,
.quieroinvertir-seccion1,
.quieroinvertir-seccion2,
.quieroinvertir-seccion3,
.quieroinvertir-seccion4 {
    background: #FFFFFF;
}

    /*
    ********************************  Botón y texto en sección 1
*/
    .quieroinvertir-seccion1 a.btn {
        background: #3564FC;
        color: #fff;
        border: 1px solid #FFF;
        border-radius: 20px;
        text-decoration: none;
    }

        .quieroinvertir-seccion1 a.btn:hover {
            background-color: #FFFFFF;
            color: #487FFF;
            box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
        }

    .quieroinvertir-seccion1 p {
        color: #000;
    }

/*
    ********************************  Fondo azul (última sección)
*/
.bg-light-blue {
    background-color: #D6E6FB;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* Responsive directo */
.web-quiero {
    display: block !important;
}

.mobile-quiero {
    display: none !important;
}

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

    .mobile-quiero {
        display: block !important;
    }
}