@charset "utf-8";
/* CSS Document */

/* Estilo base del menú */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

/* Menú flotante oculto por defecto */
.hidden {
  display: none;
}

/* Menú visible cuando se muestra */
.visible {
  display: block;
  position: absolute;
  top: 50px; /* Ajusta según la posición del botón */
  right: 20px; /* Ajusta según la posición del botón */
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Estilo de los elementos del menú */
ul li {
  margin-bottom: 10px;
}

ul li:last-child {
  margin-bottom: 0;
}

ul li a {
  text-decoration: none;
  color: #333;
  //font-weight: bold;
  display: block;
  padding: 8px 16px;
}

ul li a:hover {
  background-color: #f2f2f2;
  /*border-radius: 8px; */
}


/* Estilo para el enlace activo */
ul li a.active {
	background-color:#0d6efd;
  color: #ffffff; /* Color azul para el enlace activo */
}

ul li a.active:hover {
  background-color: #e6f0ff; /* Cambio de color al pasar el ratón sobre el enlace activo */
}