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

  /* Degradado tipo "metalizado" permanente, dorado reemplazado por celeste */
  background: linear-gradient(90deg, #fff 0%, #00c8f8 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(0, 200, 248, 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%; }
}