/** * Animaciones globales del tema OZ — entrada de bloques al hacer scroll * + microinteracciones de botones. Profesional y sutil. * * Diseño: * - Los bloques empiezan ocultos SOLO cuando el JS añade `.oz-anim` al * (clase `oz-anim-ready`). Así, sin JS, nada queda invisible (fallback seguro). * - El IntersectionObserver añade `.oz-in` al entrar en viewport → dispara la * transición de entrada (una sola vez). * - Se respeta `prefers-reduced-motion`. */ /* ─────────────────────────────────────────────────────────── 1) ENTRADA DE BLOQUES AL HACER SCROLL El estado "oculto inicial" solo aplica cuando tiene `.oz-anim-ready` (lo pone el JS). Sin JS → visible normal. ─────────────────────────────────────────────────────────── */ .oz-anim-ready .oz-anim { opacity: 0; transform: translateY(24px); /* Curva suave tipo "ease-out" premium; duración corta para no entorpecer. */ transition: opacity 0.62s cubic-bezier(0.22, 1, 0.36, 1), transform 0.62s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--oz-anim-delay, 0ms); will-change: opacity, transform; } .oz-anim-ready .oz-anim.oz-in { opacity: 1; transform: none; } /* Una vez visible, soltar will-change para no consumir memoria de compositing. */ .oz-anim-ready .oz-anim.oz-anim-done { will-change: auto; } /* Variantes de dirección (el JS las puede asignar por tipo de bloque) */ .oz-anim-ready .oz-anim--left { transform: translateX(-28px); } .oz-anim-ready .oz-anim--right { transform: translateX(28px); } .oz-anim-ready .oz-anim--zoom { transform: scale(0.96); } .oz-anim-ready .oz-anim--left.oz-in, .oz-anim-ready .oz-anim--right.oz-in, .oz-anim-ready .oz-anim--zoom.oz-in { transform: none; } /* ─────────────────────────────────────────────────────────── 1b) MAQUETADOR — secciones de EXACTAMENTE 2 columnas: la columna 1 entra desde la izquierda y la 2 desde la derecha. No depende de que el JS marque las columnas: reutiliza el `.oz-in` que el observer ya pone sobre la `.oz-pb-section` al entrar al viewport. La detección de "2 columnas" usa `:nth-last-child(... of .oz-pb-col)`, que cuenta SOLO columnas y es inmune a los