/* Movimiento */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

@keyframes ring{0%{box-shadow:0 0 0 0 rgba(20,35,74,.55)}70%{box-shadow:0 0 0 10px rgba(20,35,74,0)}100%{box-shadow:0 0 0 0 rgba(20,35,74,0)}}
@keyframes shine{0%{transform:translateX(-160%) skewX(-20deg)}55%,100%{transform:translateX(2400%) skewX(-20deg)}}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes kenburns{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes bell{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(8deg)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal,.msg,.chips,.slots{opacity:1!important;transform:none!important}
}