html,
body {
    font-family: 'Open Sans', sans-serif;
}

body {
    /*height: calc(100vh - 0px);*/
    background: url(../imagen/background-calculadora.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.text-azul {
    color: #1e4676;
}

.bg-gris {
    background: linear-gradient(89deg,#6e6e6e 0,#c8c8c8 100%);
    padding: 0 20px;
}

    .bg-gris .logotipo-ine {
        max-width: 90px;
        padding: 15px 0;
    }

.bg-color {
    background: linear-gradient(89deg,#1e4676 0,#3a8bcc 100%);
    padding: 0 20px;
}

    .bg-color .logotipo-ine {
        max-width: 90px;
        padding: 15px 0;
    }

.bg-footer {
    background: #1057A2;
}

.bg-pie {
    background: #0d3a5e;
}

.lead {
    font-size: 1.35rem;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important;
}

.bt-cal {
    width: 80% !important;
}

.bt-ref {
    width: 20% !important;
}

.alert {
    font-size: 1.1rem;
}

button.accordion-button {
    background-color: transparent !important;
}

.fa-circle-info {
    margin-right: 1rem;
}

.fa-circle-question,
.btn-h {
    float: right;
}

.accordion-button .text-dark {
    font-size: 1.1rem;
}

p.va {
    font-weight: bold;
}

p.vl {
    margin-bottom: 2.3rem;
}

header div {
    width: auto !important;
}

header .lead {
    font-size: 1.8rem;
}

.res {
    height: 479px;
}

.border-bottom {
    border-bottom: 0 !important;
}

a.an {
    text-decoration: none;
}

.footer .fab {
    color: #fff;
    font-size: 1.7rem;
    margin-right: 14px;
}

.accordion-button p {
    font-size: 1.3rem;
}

a.btn-outline-primary {
    background-color: #ffffff;
}

.web {
    display: block;
}

.movil {
    display: none;
}

/*---------------------------------------
RESOLUCIONES
---------------------------------------*/
@media (max-width: 768px) {
    .top,
    .top .container {
        padding: 0 !important;
        margin: auto !important;
    }

    .cn {
        padding-top: 1.5rem !important;
    }

    header .logotipo-ine {
        max-width: 90px !important;
        padding: 15px 25px 15px 0 !important;
    }

    header .lead {
        font-size: 1.5rem;
        margin: 0.5rem 0 1rem !important;
        padding: 0 2rem;
        text-align: center;
    }

    .border-end {
        border-right: 0 !important;
    }

    .border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .res {
        height: auto;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
        margin-left: 1rem;
    }
}

@media (max-width: 430px) {
    .movil {
        display: block;
    }

    .web {
        display: none;
    }

    header .logotipo-ine {
        max-width: 75px !important;
        padding: 0 !important;
    }

    .mb-md-0 {
        margin-left: 0;
        margin-bottom: .5rem !important;
    }

    header .lead {
        font-size: 1.2rem;
    }
}
.calculoprecio {
    font-weight: bold;
}