/*!
 * oravio-wow.css — il vestito degli effetti di oravio-wow.js.
 * Nessun reset globale, nessun font imposto: si affianca allo stile della pagina
 * invece di sovrascriverlo. Tutto è pilotabile con variabili CSS.
 */
:root{
  --wow-1:#E65100; --wow-2:#F57C00; --wow-3:#7C3AED;
  --wow-vetro:rgba(255,255,255,.08); --wow-bordo:rgba(255,255,255,.16);
}

/* ── aurora ──────────────────────────────────────────────────────────────── */
.wow-aurora{position:relative;overflow:hidden;isolation:isolate}
.wow-aurora-b{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;
  will-change:transform;pointer-events:none;z-index:-1}
.wow-aurora-b1{width:58vmax;height:58vmax;left:-18vmax;top:-22vmax;background:var(--wow-1);
  animation:wow-fluttua 19s ease-in-out infinite alternate}
.wow-aurora-b2{width:46vmax;height:46vmax;right:-14vmax;top:-8vmax;background:var(--wow-3);
  animation:wow-fluttua 24s ease-in-out infinite alternate-reverse}
.wow-aurora-b3{width:52vmax;height:52vmax;left:22vmax;bottom:-28vmax;background:var(--wow-2);
  animation:wow-fluttua 29s ease-in-out infinite alternate}
@keyframes wow-fluttua{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(7vmax,5vmax,0) scale(1.18)}
}

/* ── comparsa allo scorrimento ───────────────────────────────────────────── */
.wow-reveal{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.wow-reveal.wow-in{opacity:1;transform:none}

/* ── macchina da scrivere ────────────────────────────────────────────────── */
.wow-type::after{content:'';display:inline-block;width:.08em;height:1em;
  background:currentColor;margin-left:.06em;vertical-align:-.12em;animation:wow-cursore 1s steps(2) infinite}
@keyframes wow-cursore{50%{opacity:0}}

/* ── card che si inclina ─────────────────────────────────────────────────── */
.wow-tilt{transition:transform .25s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}

/* ── alone di luce ───────────────────────────────────────────────────────── */
.wow-spot{position:relative;overflow:hidden}
.wow-spot::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.75;
  background:radial-gradient(340px circle at var(--wx,50%) var(--wy,50%),
             rgba(255,255,255,.14),transparent 65%)}

/* ── scorrimento infinito ────────────────────────────────────────────────── */
.wow-marquee{display:flex;overflow:hidden;gap:2rem;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.wow-marquee-t{display:flex;gap:2rem;flex:0 0 auto;animation:wow-scorri var(--wow-mq,26s) linear infinite}
.wow-marquee-fermo .wow-marquee-t{animation:none}
@keyframes wow-scorri{to{transform:translateX(calc(-100% - 2rem))}}

/* ── video di sfondo ─────────────────────────────────────────────────────── */
.wow-bgvideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}

/* ── utilità che si usano sempre ─────────────────────────────────────────── */
.wow-vetro{background:var(--wow-vetro);border:1px solid var(--wow-bordo);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  border-radius:20px}
.wow-grad{background:linear-gradient(92deg,var(--wow-1),var(--wow-2) 55%,var(--wow-3));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.wow-bordo-grad{position:relative;border-radius:20px;background-clip:padding-box;border:1px solid transparent}
.wow-bordo-grad::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(120deg,var(--wow-1),var(--wow-3));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.wow-glow{box-shadow:0 10px 40px -8px color-mix(in srgb,var(--wow-1) 55%,transparent)}
.wow-fluid{font-size:clamp(2rem,7vw,4.5rem);line-height:1.05;letter-spacing:-.02em}

/* ── accessibilità: non è un'opzione ─────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .wow-aurora-b,.wow-marquee-t{animation:none!important}
  .wow-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .wow-tilt{transition:none!important}
  .wow-type::after{animation:none}
}