/* 
 * Dropdown Fix para Firefox
 * Archivo temporal para corregir el problema de contraste
 * Se puede eliminar cuando se migre a framework
 */

/* Fix específico para Firefox - dropdown oscuro */
@-moz-document url-prefix() {
    .navbar-nav .dropdown-menu {
        background-color: #fff !important;
        color: #222 !important;
        border: 1px solid #e9ecef !important;
        box-shadow: 0 4px 24px rgba(0,0,0,0.15) !important;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item {
        color: #222 !important;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item:hover,
    .navbar-nav .dropdown-menu .dropdown-item:focus {
        color: #0dcaf0 !important;
        background-color: #f0f8ff !important;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item:active {
        color: #fff !important;
        background-color: #0dcaf0 !important;
    }
    
    .navbar-nav .dropdown-menu .dropdown-divider {
        border-color: #e9ecef !important;
    }
}

/* Fallback para otros navegadores si es necesario */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Chrome, Safari, Edge */
    .navbar-nav .dropdown-menu {
        background-color: #fff;
        color: #222;
        border: 1px solid #e9ecef;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item {
        color: #222;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #0dcaf0;
        background-color: #f0f8ff;
    }
}