.container-menues{
    display:flex;
    flex-direction: row;
}
.container-menues ul {
    margin:5px;
    padding:0;
    border: thin solid #ccc;
    padding:5px;
    border-radius: 5px;
}





/* --- Contenedor Principal --- */
.menu-pop {
  position: relative !important;
  display: inline-block;
}

/* --- Botón --- */
.menu-pop-btn {
  background-color: #2c3e50;
  color: white;
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* --- Lista Desplegable (ul) --- */
.menu-pop-list {
  display: none; 
  position: absolute; /* Debe ser absolute, NUNCA fixed */
  top: 100%;
  right: 0; 
  background-color: #ffffff;
  min-width: 150px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  
  /* Esto asegura que flote por encima de todo */
  z-index: 9999 !important; 
  
  border: 1px solid #ddd;
  border-radius: 4px;
  list-style: none; 
  margin: 0; 
  padding: 0; 
}

/* --- Mostrar al pasar el mouse --- */
.menu-pop:hover .menu-pop-list {
  display: block;
}

/* --- Elementos de la lista (li) --- */
.menu-pop-list li {
  position: relative; /* Restaura su comportamiento normal */
  border-bottom: 1px solid #f1f1f1;
}

.menu-pop-list li:last-child {
  border-bottom: none; 
}

/* --- Enlaces dentro de la lista (a) --- */
.menu-pop-list li a {
  color: #333;
  padding: 10px 14px;
  text-decoration: none;
  display: block; 
  font-size: 13px;
  white-space: nowrap; /* Evita que el texto se rompa en dos líneas */
}

.menu-pop-list li a:hover {
  background-color: #f8f9fa;
  color: #2980b9;
}