/* Botón negro puro */
.btn-dark {
	background-color: #000 !important;
	border: none !important;
	color: #fff !important;
}

.btn-dark:focus, .btn-dark:active {
	background-color: #000 
	color: #fff !important;
}

/* Menú negro con letras blancas */
.dropdown-menu {
	background-color: #000 
	color: #fff !important;
}

.dropdown-menu .dropdown-item {
	color: #fff !important;
}

.dropdown-menu .dropdown-item:hover {
	background-color: #725224 !important;
	color: #fff !important;
}

/* pequeño helper para el contenido actual del botón */
.dropdown-toggle .current { display:inline-flex; align-items:center; gap:.4rem; }

/* Fuerza la visibilidad del padre */
#menuPagina {
    overflow: visible
    position: relative; /* Asegura que el absolute del ul tenga referencia */
}

/* Asegura el display cuando tiene la clase .show */
.dropdown-menu.show {
    display: block 
    opacity: 1 !important;
    visibility: visible !important;
    min-width: 150px; /* Para asegurar que tenga cuerpo */
}


.dropdown-menu {
    background-color: #000 !important;
    min-height: 50px; /* Temporal: para ver si aparece el bloque negro */
}


/* Esto fuerza al menú a salir de cualquier 'escondite' */
.dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 99999 !important; /* Por encima de todo */
    position: fixed !important;
    
}