/* =========================================================
   RIGHT NOW — Micro-interações visuais
   Camada puramente aditiva (aurora de fundo, glow de spotlight
   nos cards, botões magnéticos, revelação do título do hero).
   Não substitui nem sobrescreve nenhuma regra de style.css.
   ========================================================= */

/* ---------- Aurora animada no fundo dos heróis ---------- */
.rn-aurora{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;}
.rn-aurora span{
  position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;
  animation:rnAuroraDrift 22s ease-in-out infinite alternate;
}
.rn-aurora span:nth-child(1){width:380px;height:380px;background:var(--orange-500);top:-120px;left:6%;}
.rn-aurora span:nth-child(2){width:320px;height:320px;background:var(--purple-500);bottom:-140px;right:8%;animation-duration:27s;animation-delay:-6s;}
.rn-aurora span:nth-child(3){width:220px;height:220px;background:var(--orange-400);top:35%;right:26%;opacity:.3;animation-duration:19s;animation-delay:-3s;}
@keyframes rnAuroraDrift{
  0%{transform:translate(0,0) scale(1);}
  100%{transform:translate(36px,-26px) scale(1.15);}
}

/* ---------- Glow de spotlight ao passar o mouse nos cards ---------- */
.rn-spot{position:relative;}
.rn-spot>*{position:relative;z-index:1;}
.rn-spot::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle 220px at var(--sx,50%) var(--sy,50%), rgba(255,122,41,.16), transparent 70%);
  opacity:0;transition:opacity .35s ease;z-index:0;
}
.rn-spot:hover::after{opacity:1;}

/* ---------- Revelação do título do hero ---------- */
.rn-reveal{
  clip-path:inset(0 0 100% 0);
  animation:rnReveal 900ms cubic-bezier(.25,.8,.3,1) forwards;
  animation-delay:.15s;
}
@keyframes rnReveal{to{clip-path:inset(0 0 0 0);}}

/* ---------- Botões magnéticos ---------- */
[data-magnetic]{transition:transform .25s cubic-bezier(.25,.8,.3,1);will-change:transform;}

@media (prefers-reduced-motion: reduce){
  .rn-aurora span{animation:none;}
  .rn-reveal{animation:none;clip-path:none;}
  [data-magnetic]{transition:none;}
}