/* ==========================================================================
   ANIMAÇÕES
   ========================================================================== */

@keyframes acdc-current-travel {
	0% { top: -100%; }
	60% { top: 100%; }
	100% { top: 100%; }
}

@keyframes acdc-spin {
	to { transform: rotate(360deg); }
}

@keyframes acdc-pulse {
	0% { transform: scale(1); }
	40% { transform: scale(1.35); }
	100% { transform: scale(1); }
}

/* Revelação ao rolar — aplicada via JS (IntersectionObserver) adicionando
   .is-visible em elementos com [data-reveal]. */
[data-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);
}

[data-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

.hero[data-reveal] {
	transform: none;
}

.hero[data-reveal].is-visible {
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	[data-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}