/* =========================================================
   BANNER SNBF
   ========================================================= */

#banner-2263 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;

    background: #ffffff !important;
}


/* =========================================================
   ORDEN DE LOS ELEMENTOS
   ========================================================= */

/*
 * HTML original:
 *
 * 1. banner-contenido
 * 2. banner-imagen
 * 3. banner-contenido vacío
 *
 * Lo convertimos visualmente en:
 *
 * 1. imagen
 * 2. contenido
 * 3. contenido vacío
 */

#banner-2263 > .banner-imagen {
    order: 1 !important;
}

#banner-2263 > .banner-contenido:first-child {
    order: 2 !important;
}

#banner-2263 > .banner-contenido:last-child {
    order: 3 !important;
}


/* =========================================================
   IMAGEN
   ========================================================= */

#banner-2263 > .banner-imagen {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    display: block !important;

    overflow: hidden !important;
}

#banner-2263 > .banner-imagen img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: cover !important;
}


/* =========================================================
   CONTENIDO
   ========================================================= */

#banner-2263 > .banner-contenido {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
}


/* =========================================================
   CONTENEDOR SNFB
   ========================================================= */

#banner-2263 .snfb-contenido {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* =========================================================
   PRIMER BLOQUE
   FONDO GRIS
   ========================================================= */

#banner-2263 .snfb-descripcion {
    width: 100% !important;

    min-height: 171px !important;

    margin: 0 !important;

    padding: 38px 20px 32px !important;

    background: #f1f1f1 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PRIMER TEXTO
   ========================================================= */

#banner-2263 .snfb-descripcion p {
    width: 100% !important;

    max-width: 680px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 20px !important;

    font-weight: 400 !important;

    line-height: 1.3 !important;

    text-align: center !important;

    color: #111111 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SEGUNDO BLOQUE
   FONDO BLANCO
   ========================================================= */

#banner-2263 .snfb-informacion {
    width: 100% !important;

    min-height: 154px !important;

    margin: 0 !important;

    padding: 35px 20px 40px !important;

    background: #ffffff !important;

    display: flex !important;

    align-items: flex-start !important;

    justify-content: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SEGUNDO TEXTO
   ========================================================= */

#banner-2263 .snfb-informacion p {
    width: 100% !important;

    max-width: 680px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.35 !important;

    text-align: left !important;

    color: #111111 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   OCULTAR EL BANNER-CONTENIDO VACÍO
   ========================================================= */

#banner-2263 > .banner-contenido:last-child {
    display: none !important;
}


/* =========================================================
   LIMPIEZA DE ESTILOS DEL TEMA
   ========================================================= */

#banner-2263 .snfb-contenido::before,
#banner-2263 .snfb-contenido::after,

#banner-2263 .snfb-descripcion::before,
#banner-2263 .snfb-descripcion::after,

#banner-2263 .snfb-informacion::before,
#banner-2263 .snfb-informacion::after {
    display: none !important;
}

#banner-2263 p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 992px) {

    #banner-2263 .snfb-descripcion {
        min-height: 160px !important;

        padding: 35px 25px !important;
    }

    #banner-2263 .snfb-descripcion p {
        max-width: 700px !important;

        font-size: 18px !important;
    }

    #banner-2263 .snfb-informacion {
        min-height: 140px !important;

        padding: 30px 25px 35px !important;
    }

    #banner-2263 .snfb-informacion p {
        max-width: 700px !important;

        font-size: 14px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 768px) {

    #banner-2263 .snfb-descripcion {
        min-height: auto !important;

        padding: 30px 20px !important;
    }

    #banner-2263 .snfb-descripcion p {
        max-width: 100% !important;

        font-size: 17px !important;

        line-height: 1.4 !important;
    }

    #banner-2263 .snfb-informacion {
        min-height: auto !important;

        padding: 25px 20px 30px !important;
    }

    #banner-2263 .snfb-informacion p {
        max-width: 100% !important;

        font-size: 14px !important;

        line-height: 1.45 !important;
    }
}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 480px) {

    #banner-2263 .snfb-descripcion {
        padding: 25px 15px !important;
    }

    #banner-2263 .snfb-descripcion p {
        font-size: 15px !important;
    }

    #banner-2263 .snfb-informacion {
        padding: 22px 15px 28px !important;
    }

    #banner-2263 .snfb-informacion p {
        font-size: 13px !important;
    }
}