/* Forzar transparencia del menú */
.main-header {
    background-color: rgba(0, 0, 0, 0.6) !important; /* Ajustado a 0.6 de opacidad para un fondo más oscuro */
    -webkit-backdrop-filter: blur(8px); /* Para compatibilidad con Safari */
    backdrop-filter: blur(8px) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    transition: background-color 0.3s ease !important;
}

/* Asegurar que el menú desplegable también sea transparente */
.main-header .main-nav {
    background-color: transparent !important;
}

/* Asegurar que los elementos del menú sean visibles */
.main-header .main-nav ul li a,
.main-header .admin-button,
.main-header .btn-donate {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra para mejor legibilidad */
}

/* Ajustes para dispositivos móviles */
@media (max-width: 992px) {
    .main-header .main-nav {
        background-color: rgba(0, 0, 0, 0.7) !important; /* Un poco más oscuro en móviles para mejor legibilidad */
    }
    
    .main-header .main-nav ul {
        background-color: rgba(0, 0, 0, 0.8) !important;
    }
}