/* Quita subrayado de todos los <a> y aplica estilos base */
a {
  text-decoration: none;
  color: white;
   text-decoration: none !important;
}

/* Cambia el color al pasar el cursor */
a:hover {
  color: #ffc107; /* Amarillo Bootstrap */ 
    text-decoration: none !important;
}

/* Opcional: mejora el espaciado entre enlaces en el header */
header a {
  margin: 0 0.5rem;
  font-weight: 500;
  transition: color 0.2s ease-in-out;
   text-decoration: none !important;
}