/* Scroll reveal — paridad con WEBMENTE */

.reveal {
	opacity: 0;
	transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal.active {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

/* Especificidad 0,1,0 — .reveal.active (0,2,0) debe ganar al activarse */
.fade-up { transform: translateY(50px); }
.fade-left { transform: translateX(50px); }
.zoom-in { transform: scale(0.95); }

.reveal.delay-1 {
	transition-delay: 0.2s;
}

.reveal.delay-2 {
	transition-delay: 0.4s;
}

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