/* ==========================================================================
   ANIMATIONS — keyframes e sistema de reveal ao rolar a página
   Depende de variables.css já carregado antes deste arquivo.
   ========================================================================== */

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    .rc-track{transition:none;}
    .reveal{transition:none;}
  }

@media (prefers-reduced-motion:no-preference){
    .hero-video-card-play{animation:heroVidPulse 2.6s ease-in-out infinite;}
  }

@keyframes heroVidPulse{
    0%,100%{box-shadow:0 8px 20px rgba(16,40,75,.35),0 0 0 0 rgba(255,255,255,.35);}
    50%{box-shadow:0 8px 20px rgba(16,40,75,.35),0 0 0 8px rgba(255,255,255,0);}
  }

@media (prefers-reduced-motion:no-preference){
    .vs-card-play{animation:vsPulse 3.2s ease-in-out infinite;}
  }

@keyframes vsPulse{
    0%,100%{box-shadow:0 12px 30px rgba(16,40,75,.38),0 0 0 0 rgba(255,255,255,.3);}
    50%{box-shadow:0 12px 30px rgba(16,40,75,.38),0 0 0 10px rgba(255,255,255,0);}
  }

.reveal{opacity:0;transform:translateY(14px) scale(.99);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);}
.reveal.visible{opacity:1;transform:none;filter:blur(0);}
.rd1.visible{transition-delay:.1s;}
.rd2.visible{transition-delay:.2s;}