/**
 * 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;
}

@media (min-width: 769px) {
    #banner-promocional .banners-dobles.banner-count-3 .banner-item:nth-child(3) {
        grid-column: 1 / -1;
        max-width: none !important;
    }

    #banner-promocional .banners-dobles.banner-count-3 .banner-item:nth-child(3) .banner-imagen {
        width: 100% !important;
        height: auto !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;
}