/* =========================================================
   ARENA UI — TEXT REVEAL & SHINE
   (alias di ar-shine / ar-reveal già presenti)
========================================================= */

/* Shine effect (copiato dal tuo .ar-shine) */
.shine {
  position: relative;
  background: linear-gradient(
    90deg,
    #fff,
    #a5f3fc 35%,
    #c7d2fe 55%,
    #fff 75%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 220% 100%;
  animation: arShineMove 3.8s ease-in-out infinite;
}

@keyframes arShineMove {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* =========================================================
   LEGACY REVEAL (per pagine non ancora migrate)
========================================================= */

.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .6s ease, transform .6s ease;
}

.reveal.is-visible,
.reveal.is-in {
  opacity: 1;
  transform: none;
}

/* Reveal effect (copiato da .ar-reveal) */
.ar-reveal {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}

.ar-reveal.is-in {
  opacity: 1;
  transform: none;
}

.ar-reveal-delay-2 {
  transition-delay: .16s;
}