/* Waack On — animaciones de la app (guía de marca · 08 Movimiento). */
@keyframes goldEdge{0%,100%{box-shadow:var(--lg-edge),0 0 0 1px rgba(228,185,77,0.20),0 0 18px -6px rgba(228,185,77,0.28)}50%{box-shadow:var(--lg-edge),0 0 0 1px rgba(244,211,116,0.80),0 0 30px -4px rgba(228,185,77,0.55)}}
@keyframes goldSweep{0%{transform:translateX(-140%)}100%{transform:translateX(420%)}}
@keyframes bgDrift{0%{transform:scale(1.12) translate3d(0,0,0);opacity:.1}50%{transform:scale(1.2) translate3d(-2.5%,-1.5%,0);opacity:.18}100%{transform:scale(1.12) translate3d(0,0,0);opacity:.1}}
@keyframes metroBeat{0%{transform:scale(1)}18%{transform:scale(1.16)}100%{transform:scale(1)}}
@keyframes navShine{from{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}
@keyframes navGlow{0%{box-shadow:0 0 0 0 currentColor}60%{box-shadow:0 0 12px 4px currentColor}100%{box-shadow:0 0 0 0 transparent}}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}
@keyframes rise3d{0%{opacity:0;transform:perspective(1200px) rotateX(-22deg) translateZ(-140px) translateY(46px)}60%{opacity:1}100%{opacity:1;transform:perspective(1200px) rotateX(0deg) translateZ(0) translateY(0)}}
@keyframes tilt3d{0%,100%{transform:perspective(1200px) rotateX(0deg) rotateY(0deg)}25%{transform:perspective(1200px) rotateX(1.6deg) rotateY(-2.2deg)}75%{transform:perspective(1200px) rotateX(-1.4deg) rotateY(2deg)}}
@keyframes gridDrift3d{0%{background-position:0 0,0 0}100%{background-position:0 88px,88px 0}}
@keyframes woSpin{to{transform:rotate(360deg)}}
@keyframes wo-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}