/**
 * Fix para overlays y modales que no se ocultan correctamente
 */

/* Asegurar que modal-backdrop de Bootstrap se oculte cuando no hay modales abiertos */
.modal-backdrop:not(.show) {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Asegurar que cookie-modal-overlay se oculte cuando tiene clase hidden */
.cookie-modal-overlay.hidden {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Fix CRÍTICO: footer-menu-overlay debe estar oculto por defecto */
.footer-menu-overlay {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.footer-menu-overlay.show,
.footer-menu-overlay.visible {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.footer-menu-overlay.hidden {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Asegurar que cualquier overlay con fondo negro se oculte si no tiene clase visible/show */
[class*="overlay"]:not(.visible):not(.show):not(.footer-menu-overlay.show):not(.footer-menu-overlay.visible) {
    display: none !important;
}

/* Fix específico para elementos con z-index alto y fondo negro que no deberían estar visibles */
body > div[style*="position: fixed"][style*="background"][style*="rgba(0"]:not(.visible):not(.show) {
    display: none !important;
}

/* Asegurar que cualquier div con clase overlay y fondo oscuro esté oculto por defecto */
div[class*="overlay"][class*="menu"]:not(.show):not(.visible) {
    display: none !important;
}