/* ========================================================================== ANIMATIONS Progressive enhancement: sem a classe .js na tag (JS não carregou ou está desativado), todo conteúdo já nasce visível — a revelação nunca bloqueia leitura (princípio R.8 do documento de voz). ========================================================================== */ .js [data-reveal] { opacity: 0; transform: translateY(16px); } .js [data-reveal].is-visible { opacity: 1; transform: none; transition: opacity .65s var(--ease-out), transform .65s var(--ease-out); transition-delay: var(--reveal-delay, 0s); } .js .rupture-list li { opacity: 0; transform: translateY(14px); } .js .rupture-list li.is-revealed { opacity: 1; transform: none; } /* ---------- Pulso sutil de fundo (batidas emocionais) ---------- */ @keyframes bgPulse { 0%, 100% { opacity: 1; } 50% { opacity: .97; } } .pulse-once { animation: bgPulse 1.2s var(--ease-in-out) 1; } /* ---------- Indicador de rolagem (capa) ---------- */ @keyframes bob { 0%, 100% { transform: translateY(0); opacity: .6; } 50% { transform: translateY(6px); opacity: 1; } } /* ---------- Logotipo — traçado na capa ---------- */ .logo-draw path { fill-opacity: 0; stroke-opacity: 0; } .js .logo-draw.is-ready path { transition: fill-opacity .6s var(--ease-out), stroke-opacity .6s var(--ease-out); } .js .logo-draw.is-ready path[data-fill] { fill-opacity: 1; transition-delay: 1.5s; } .js .logo-draw.is-ready path[data-stroke] { stroke-opacity: 1; } .logo-draw path { fill-opacity: 1; stroke-opacity: 1; } /* fallback sem JS */ /* ---------- Fade simples para troca de estado de imagem ---------- */ .fade-in { animation: fadeIn .5s var(--ease-out) both; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* ---------- Halo do primeiro plano (capa / fechamento) ---------- */ .ambient-glow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(560px circle at 18% 20%, rgba(15,76,117,.35), transparent 60%), radial-gradient(480px circle at 82% 78%, rgba(15,76,117,.22), transparent 60%); z-index: 0; } @media (prefers-reduced-motion: reduce) { .scroll-cue svg { animation: none; } }