nav a {
  text-decoration: none !important;
  
  padding: 10px !important;
  transition: all 0.3s ease !important; /* Animación suave para el cambio de color */
}

nav a.active {
  color: black !important;
  background-color: lightblue !important;/* Color de fondo cuando está activo */
  border-radius: 4px !important; /* Un borde redondeado */

}

nav a:hover {
	border-radius: 4px;
  background-color: lightgray !important; /* Color al pasar el mouse por encima */
  color: black !important;
}