/* ==========================================================================
    1. SECCIÓN BANNER PROMOCIONAL (FULL WIDTH)
========================================================================== */

.promo-banner-link {
    border-radius: 0; /* Bordes rectos para pegar a la pantalla */
    display: block;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* Sombra muy sutil */
}

.promo-banner-img {
    transition: transform 0.5s ease;
    object-fit: cover;
    width: 100%; /* Asegura que cubra todo el ancho */
}

/* Efecto Zoom solo en PC */
@media (min-width: 992px) {
    .promo-banner-link:hover .promo-banner-img {
        transform: scale(1.02); /* Zoom más suave para imágenes a pantalla completa */
    }
}