/* ====================================
   EFECTO LOGO NIARUX - DORADO ANIMADO + Hover Blanco
   ==================================== */
.logo-brillo a {
  display: inline-block;
  color: #fff; /* color base dorado */
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  position: relative;
  cursor: pointer; /* clic normal */

  /* Degradado tipo "metalizado" permanente */
  background: linear-gradient(90deg, #fff 0%, #f5d76e 50%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200%;
  animation: brilloSuave 6s linear infinite;

  /* Ligero brillo base */
  text-shadow: 0 0 2px rgba(255, 223, 0, 0.3);

  /* Evitar fondo gris heredado */
  background-color: transparent !important;
  transition: color 0.3s ease, text-shadow 0.3s ease;
  transform: none;
  filter: none;
}

/* Hover: cambia a blanco sólido y mantiene clicabilidad */
.logo-brillo a:hover {
  color: #fff !important; /* blanco sólido */
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  text-shadow: none; /* quita cualquier brillo de degradado */
  background: none;
  background-color: transparent;
  transform: none;
  filter: none;
  cursor: pointer;
}

/* Animación suave del degradado */
@keyframes brilloSuave {
  0% { background-position: 0%; }
  100% { background-position: 200%; }
}