/* Forzar fondo negro en el Menú Colapsable (Móvil) */
@media (max-width: 768px) {
    /* Ataca los contenedores principales del encabezado en SitioSimple */
    .header-custom, 
    .header-mobile, 
    .navbar-collapse, 
    .mobile-menu-wrapper,
    header {
        background-color: #000000 !important;
    }
    
    /* Asegurar que el texto del menú sea blanco sobre el fondo negro */
    .navbar-collapse a, 
    .mobile-menu-wrapper a {
        color: #ffffff !important;
    }

    /* Forzar fondo negro en el Pie de Página (Móvil) */
    footer, 
    .footer-custom,
    .site-footer {
        background-color: #000000 !important;
    }
}