header {
    background-color: #fff
}

.iframe-container {
    min-height: 820px;
    position: relative
}

.iframe-container iframe {
    position: absolute;
    height: 100%;
    width: 100%
}

.banner {
    background-color: #87d1ed;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #1c3158
}

@media (min-width: 768px) {
    .d-md-initial {
        display: initial !important
    }

    .banner {
        min-height: 500px;
        padding-top: 0;
        padding-bottom: 0
    }

    .banner .container-fluid,
    .banner .container-fluid .row {
        min-height: 500px
    }
}

@media (min-width: 768px) {
    .banner {
        background-position: bottom right;
        background-size: auto;
        background-repeat: no-repeat;
        background-image: url(/landings/images/actualizacion-de-datos/hero/hero-actualizacion-datos.webp)
    }
}

/* @media (min-resolution: 192dpi) and (min-width: 768px) {
    .banner {
        background-image: url(/landings/images/actualizacion-de-datos/hero/hero-actualizacion-datos-@2x.webp)
    }
} */

.bg-gray-1 {
    background: #F9F9F9;
    padding: 80px
}

.icono-promos,
.icono-notificaciones,
.icono-bancanet {
    width: 74px;
    height: 80px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat
}

.box-container {
    gap: 80px;
    display: flex;
    flex-direction: column
}

.icon-container {
    margin-right: 32px
}

.icono-promos {
    background-image: url(/landings/images/actualizacion-de-datos/icons/ICN_Compras.svg)
}

.icono-notificaciones {
    background-image: url(/landings/images/actualizacion-de-datos/icons/ICN_Correos.svg)
}

.icono-bancanet {
    background-image: url(/landings/images/actualizacion-de-datos/icons/ICN_Bancanet.svg)
}

.title {
    color: var(--bs-secundary)
}

.bg-form {
    background-color: #f4f4f4 !important
}