@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
@import url(./bootstrap.min.css);
@import url(./calculadora.css);
@import url(./form.css);

.background {
    background-image: url("../img/bg_portada.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 85vh;
}

.img-portada {
    background-color: rgba(232, 223, 223, 0.873);
    border-radius: 12px;
}

.portada-background {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.q-somos_title {
    border-radius: 12px;
    font-family: "Roboto", sans-serif;
    font-size: var(--font-size-xl);
}

.como-funciona_background {
    background-image: url("../img/bg_como-funciona.jpg");
}

.tipos-credito {
    background-color: #fff;
    border-radius: 8px;
}

.contactanos {
    background-color: #fff;
    border-radius: 8px;
}

.social-networks svg {
    color: whitesmoke;
    text-decoration: none;
}

.margin {
    border: solid #ff6700;
    margin: 3px auto;
}

.img-productos {
    filter: drop-shadow(8px 8px 8px #888);
}

.division {
    border: solid 1.5rem orange;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.bg__calculadora {
    background-color: #f5f5f5;
}

.background-preguntas {
    background-image: url("../img/bg-preguntas.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(25%);
}

.pasos svg {
    color: #f5f5f5;
    text-decoration: none;
}

.documentacion-lista {
    list-style: decimal;
}

.subtitle_como-funciona {
    background-color: rgba(119, 111, 111, 0.468);
    border-radius: 8px;
    color: #fff;
}

.card-pasos {
    background-color: rgba(119, 111, 111, 0.468);
    border-radius: 8px;
    color: #fff;
}

.background-confirmacion {
    background-image: url("../img/bg_confirmacion.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 85vh;
}

.img-confirmacion {
    background-color: rgba(232, 223, 223, 0.873);
    border-radius: 12px;
}

.calculadora {
    font-family: 'Roboto', sans-serif;
}

.calculadora .title {
    font-size: 45px !important;
}

.calculadora .montos {
    font-size: 30px !important;
}

.calculadora .monthly-payment {
    font-size: 25px !important;
}

.calculadora .monthly-charge {
    font-size: 18px !important;
}

form label,
form input[type="submit"] {
    font-size: 16px !important;
}

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form select,
form textarea {
    font-size: var(--font-size-sm) !important;
    height: 45px;
}

form textarea {
    height: 100px;
}