/* ============================================================ MEDPULSE · MOTION (CSS de apoio) Desliga as keyframe-animations nativas do painel quando o GSAP (assets/motion.js) assume o controle da entrada/saída, evitando dupla animação. O backdrop (::before, fade+blur) continua 100% CSS — não é tocado pelo GSAP. ============================================================ */ .motion-panel { animation: none !important; } /* Reveal de entrada (fade+subida) e stagger dos filhos passam a ser controlados pelo GSAP (assets/motion.js) — a classe `js-motion-ready` no desliga a transição CSS nativa de `.reveal`/`[data-stagger]` para não animar em dobro. */ .js-motion-ready .reveal, .js-motion-ready [data-stagger] > * { transition: none !important; } /* Indicador deslizante criado dinamicamente pelo motion.js dentro de .view-switch / .record-tabs */ .tab-indicator { will-change: transform, width; } @media (prefers-reduced-motion: reduce) { .tab-indicator { display: none; } }