/**
 * scroll-reveal.css — Transições do motor genérico de entrada ao
 * rolar (ver assets/js/modules/scroll-reveal.js). Classes aplicadas
 * via JS; aqui só a transição. Carregado globalmente — vale para
 * qualquer página que enfileire o script (ver inc/enqueue.php).
 *
 * O <section> (fundo/tarja de cor) nunca anima — só o wrapper interno
 * — para não riscar a costura visual com a tarja de cor seguinte
 * durante a transição. Curva lenta e fluida (ease-out-quart).
 */
:root {
	--fbb-reveal-duration: 0.95s;
	--fbb-reveal-duration-item: 0.8s;
	--fbb-reveal-ease: cubic-bezier( 0.22, 1, 0.36, 1 );
}

.fbb-reveal-block {
	opacity: 0;
	transform: translateY( 46px );
	transition: opacity var( --fbb-reveal-duration ) var( --fbb-reveal-ease ),
		transform var( --fbb-reveal-duration ) var( --fbb-reveal-ease );
}

.fbb-reveal-block--left {
	transform: translateX( -56px );
}

.fbb-reveal-block--zoom {
	transform: scale( 0.93 );
	transition-duration: 1.05s;
}

.fbb-reveal-trigger.is-visible .fbb-reveal-block,
.fbb-reveal-trigger.is-visible.fbb-reveal-block {
	opacity: 1;
	transform: none;
}

.fbb-reveal-item {
	opacity: 0;
	transform: translateY( 30px );
	transition: opacity var( --fbb-reveal-duration-item ) var( --fbb-reveal-ease ),
		transform var( --fbb-reveal-duration-item ) var( --fbb-reveal-ease );
	transition-delay: var( --fbb-reveal-delay, 0ms );
}

.fbb-reveal-item--pop {
	transform: translateY( 18px ) scale( 0.85 );
}

.fbb-reveal-trigger.is-visible .fbb-reveal-item {
	opacity: 1;
	transform: none;
}

@media ( prefers-reduced-motion: reduce ) {
	.fbb-reveal-block,
	.fbb-reveal-item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}