/**
 * M¨®dulo Banner Promocional - Villa del Totoral (Override CSS)
 * 
 * Override espec¨ªfico para Villa del Totoral.
 * Agrega padding de 5rem al wrapper del banner-promocional.
 * Fuerza layout grid horizontal en desktop y vertical en m¨®vil.
 * 
 * @version 1.2.0
 * @date 2026-05-18
 */

/* Padding de 5rem al wrapper */
.modulo-banner-promocional.banner-promocional-wrapper {
    padding: 4rem;
}

/* Layout grid horizontal en desktop */
.modulo-banner-promocional .banners-dobles {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem !important;
}

/* Layout vertical en m¨®vil */
@media (max-width: 768px) {
    .modulo-banner-promocional .banners-dobles {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
    
    .modulo-banner-promocional .banner-item {
        max-width: 100% !important;
    }
}

#banner-promocional .banners-dobles.banner-count-1 {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
}

#banner-promocional .banners-dobles.banner-count-1 .banner-item,
#banner-promocional .banners-dobles.banner-count-1 .banner-link,
#banner-promocional .banners-dobles.banner-count-1 .banner-imagen {
    width: 100% !important;
    max-width: none !important;
}

#banner-promocional .banners-dobles.banner-count-1 .banner-imagen {
    height: auto !important;
}