/* ============================================================
   BlueArk Banner — estilos públicos
   Prefijo: bab-
   ============================================================ */

/* Wrapper: ancho completo, sin márgenes laterales */
.bab-banner {
    display: block;
    width: 100%;
    line-height: 0; /* elimina espacio extra bajo la imagen inline */
    overflow: hidden;
}

/* Enlace ocupa todo el banner */
.bab-banner__link {
    display: block;
    width: 100%;
    line-height: 0;
}

/* Picture y imagen: ancho completo, altura automática */
.bab-banner__picture {
    display: block;
    width: 100%;
}

.bab-banner__img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
}

/* Hover suave cuando hay enlace */
.bab-banner__link .bab-banner__img {
    transition: opacity 0.2s ease;
}

.bab-banner__link:hover .bab-banner__img {
    opacity: 0.95;
}