/* ==================================================================
   11. BANNER GRÁFICO DE PORTADA - ANCHO COMPLETO (De lado a lado)
   ================================================================== */
.clearfix.field__item .seccion-banner-impulsa-grafico {
    display: block !important;
    width: 100vw !important; /* Fuerza el ancho completo de la pantalla */
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important; /* Rompe el contenedor padre de Drupal */
    margin-right: -50vw !important;
    margin-top: 40px !important;   /* Separación con lo de arriba */
    margin-bottom: 40px !important;/* Separación con lo de abajo */
    padding: 0 !important;         /* Quitamos colchones laterales */
    box-sizing: border-box !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.clearfix.field__item .banner-impulsa-full {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 0 !important; /* Quitamos bordes redondeados para que muera limpio en los bordes de la pantalla */
    box-shadow: none !important; /* Opcional: quitamos sombra para un efecto lona pura, o déjala si quieres relieve */
}

/* --- AJUSTE DE MÁRGENES PARA PANTALLAS MÓVILES --- */
@media (max-width: 767px) {
    .clearfix.field__item .seccion-banner-impulsa-grafico {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}