/* Transição entre seções: Profundidade (aprovada pelo Adriano em 2026-11-08 15h07).
   Cada seção depois da capa fica position:sticky com top = 100vh - altura: rola normal até o pé dela encostar
   no pé da tela e ali estaciona, enquanto a seguinte sobe por cima como folha. A que sai encolhe e escurece.
   Sticky não acrescenta altura: a distância de rolagem é a mesma da v1.8 e nada prende.
   Só existe com html.fx (JS ligado e sem reduzir movimento); sem isso a página é a v1.8. */

/* overflow-x:hidden no body faz dele um contêiner de rolagem e o sticky morre; clip corta igual sem isso */
html.fx body{overflow-x:clip}
html.fx main>section.fx-s{position:sticky}
/* seção sem fundo próprio (depoimentos) ganha o branco da página, senão a estacionada aparece através dela */
html.fx main>section.fx-s:not(.escuro):not(.perg){background-color:var(--canvas)}
/* seção que já sumiu inteira debaixo da seguinte: some, para não pintar pilha de seções escondidas */
html.fx main>section.fx-coberta{opacity:0}
/* medição (padrao-v3.js e trilha do menu): por um instante as seções voltam para o lugar delas no documento */
html.medindo main>section{position:relative!important;top:auto!important;transform:none!important}

/* a seção que entra vem como folha, com o canto e a sombra da .folha da casa */
html.fx main>section.fx-e{border-radius:28px 28px 0 0;box-shadow:0 -22px 40px -30px rgba(0,0,0,.35)}
/* atrás das seções fica o grafite da casa; a que sai encolhe e o véu grafite a escurece (força no JS, menor na clara) */
html.fx main{background:var(--dark-bg) content-box}
.fx-veu{position:absolute;inset:0;z-index:9;background:var(--dark-bg);opacity:0;pointer-events:none}
/* topo opaco: translúcido, ele deixava ver o grafite das laterais da seção encolhida (o estado travado da capa continua escuro) */
html.fx .topo{background:var(--canvas)}