/*
 * Estado inicial do motion v5 (forja23, fase 0). INATIVO ate o v5 ser ligado (inc/v5.php).
 *
 * REGRA DA CASA: NADA fica escondido por padrao. Todo estilo que esconde ou desloca algo exige `html.fw-js`, classe que o
 * motion.js so marca quando o navegador tem IntersectionObserver e Web Animations E o visitante NAO pediu movimento
 * reduzido. Sem JS, sem IntersectionObserver ou com `prefers-reduced-motion: reduce`, o conteudo aparece normal.
 */

/* Entrada ao rolar: o que ja esta na tela ao carregar nunca e escondido (o JS marca .fw-in na hora). */
html.fw-js [data-reveal]:not(.fw-in),
html.fw-js [data-reveal-stagger] > *:not(.fw-in) {
	opacity: 0;
}

/* Linha de progresso: enche (scaleY) conforme o scroll; a origem fica no topo. */
html.fw-js [data-progress-line] {
	transform-origin: top;
	transform: scaleY(0);
}

/* Faixa em loop (marquee): o JS embrulha o conteudo num trilho e duplica uma copia escondida da leitura. */
html.fw-js [data-marquee] {
	overflow: hidden;
}

html.fw-js .fw-marquee__trilho {
	display: flex;
	width: max-content;
}

html.fw-js .fw-marquee__trilho > * {
	flex: none;
}

/* Rolagem suave: so com preferencia de movimento. Com `prefers-reduced-motion: reduce` fica o padrao do navegador. */
@media (prefers-reduced-motion: no-preference) {
	html.fw-js {
		scroll-behavior: smooth;
	}
}