/* ============================================================
   sc-motion.css — extracto de maquinaria del motor scrollcraft.
   SOLO las reglas que la animación necesita. El reset global del
   motor (body, fuentes, colores) se dejó fuera a propósito para
   no pisar los estilos propios del sitio.
   Fuente: scrollcraft.css v del build 2026-08-24.
   ============================================================ */

:root {
  --sc-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* aparición al entrar en pantalla (dispara una sola vez) */
[data-sc-in],
[data-sc-stagger] > * {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 850ms var(--sc-ease-out), transform 850ms var(--sc-ease-out);
}
[data-sc-in].sc-in,
[data-sc-stagger] > .sc-in { opacity: 1; transform: none; }

/* el fondo del body lee --sc-canvas, que el motor interpola entre
   los data-sc-drift de cada seccion mientras se scrollea */

@media (prefers-reduced-motion: reduce) {
  [data-sc-in],
  [data-sc-stagger] > * { transform: none; transition-duration: 220ms; }
}

/* parallax: el motor lo mueve con --sc-p */
[data-sc-parallax] { will-change: transform; }