/* ------------------------------------------------------------------
A página sem movimento.
Carregado em duas situações que pedem exatamente o mesmo resultado:
1. quem configurou o sistema pra reduzir animação
()
O caso 2 não era coberto e a página abria PRETA: sem o inicio.js a tela
de carregamento nunca recebe .no-loader nem .is-done, então o overlay
ficava cobrindo tudo. Achado na auditoria de 2026-08-30.
Na repaginada de 2026-08-30 esta folha encolheu muito, porque o que ela
consertava deixou de existir: o surgir-no-scroll saiu do
IntersectionObserver e virou animação por rolagem em CSS nativo, dentro
de `prefers-reduced-motion: no-preference` e de `@supports`. Sem suporte,
sem JavaScript ou em movimento reduzido, o elemento fica no estado final,
ou seja, visível, sem precisar de regra nenhuma aqui.
Precisa vir DEPOIS do style.css no : as regras
aqui existem pra vencer as de lá.
------------------------------------------------------------------ */
html { scroll-behavior: auto; }
/* a trilha de exemplos também rola sozinha: o encaixe e o deslize valem
como movimento e saem junto */
.trilha-cerca { scroll-behavior: auto; }
/* a tela de carregamento só sai pelo script: sem ele, ela não entra */
.loader,
.loader-bar,
.loader-mark { display: none; }
.faq-item p { animation: none; }
/* a luz que segue o cursor não existe sem cursor nem sem movimento */
.spotlight { display: none; }
.btn:hover, .btn:active,
.btn-secondary:hover, .btn-secondary:active,
.nav-cta:hover, .nav-cta:active,
.whatsapp-float:hover { transform: none; }
.btn-secondary,
.btn-secondary::before { transition-duration: 0.001s; }
/* nada se move ao passar o cursor nem ao entrar na tela */
.porta,
.mcaso,
.caso { transition: none; }
.mcaso:hover,
.caso:hover { transform: none; }
/* a espinha é estática desde 2026-08-31, igual nos dois modos: nada a esconder */
/* a abertura encadeada da dobra não existe em movimento reduzido nem sem
script: aqui as duas classes são anuladas, e o conteúdo fica visível e
parado. Defesa em profundidade — o inicio.js já não arma a abertura nesses
casos, mas conteúdo escondido por script merece dois cintos. */
.vr-abrindo .dobra-grade > div > *,
.vr-abrindo .vitais-grade > *,
.vr-aberto .dobra-grade > div > *,
.vr-aberto .vitais-grade > * {
opacity: 1;
transform: none;
transition: none;
transition-delay: 0s;
}