/* Herrera Inmobiliaria — Sistema de movimiento (inspirado en AnimatiSS, adaptado a mano) animations.css: SOLO tokens, clase base, keyframes, stagger y utilidades de movimiento. No contiene layout ni estilos de componentes — esos viven en layout.css / components.css / home.css. Sin dependencias externas, sin CDN. */ :root { --motion-duration-fast: 500ms; --motion-duration-base: 750ms; --motion-duration-slow: 900ms; --motion-ease: cubic-bezier(0.22, 1, 0.36, 1); --motion-distance-y: 64px; --motion-distance-x: 72px; --motion-stagger-scale: 1; } @media (max-width: 599px) { :root { --motion-distance-y: 44px; --motion-distance-x: 36px; --motion-stagger-scale: 0.5; } } /* ---------- Base: visible por defecto ---------- .motion-item es siempre visible. Solo se oculta cuando tiene .motion-enabled (agregada por motion.js únicamente si el observer va a funcionar de verdad) y se revela al agregarse .is-animated. Sin JS, o si motion.js no llega a correr, el contenido nunca queda oculto: esto es la red de seguridad, no el