/**
 * Revelado por palabras controlado por scroll.
 * La tipografía y el color siguen procediendo de Elementor.
 */

.text-scroll-appear .p4-scroll-word {
	display: inline-block;
}

.text-scroll-appear .p4-scroll-character {
	display: inline-block;
	opacity: calc(0.12 + (var(--p4-character-progress, 0) * 0.88));
	will-change: opacity;
}

@media (prefers-reduced-motion: reduce) {
	.text-scroll-appear .p4-scroll-character {
		opacity: 1;
	}
}