/**
 * MME Hoteis - Scroll Reveal
 * -------------------------------------------------------------------------
 * Animacoes de entrada minimalistas, baseadas em transicoes CSS puras.
 * Ativadas via IntersectionObserver (assets/js/mme-scroll-reveal.js).
 * Sem dependencias externas (nao usa AOS, GSAP, etc.).
 *
 * Uso: adicione a classe `.mme-reveal` a qualquer elemento.
 * Variacoes de direcao: `.mme-reveal--up` (padrao), `.mme-reveal--left`,
 * `.mme-reveal--right`, `.mme-reveal--fade` (sem deslocamento).
 * Delay em cascata: `.mme-reveal-delay-1` ate `.mme-reveal-delay-4`.
 */

.mme-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	will-change: opacity, transform;
}

.mme-reveal--left {
	transform: translateX(-24px);
}

.mme-reveal--right {
	transform: translateX(24px);
}

.mme-reveal--fade {
	transform: none;
}

.mme-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* Delay em cascata, util para grids/repeaters (cards, destinos, itens...) */
.mme-reveal-delay-1 {
	transition-delay: 0.1s;
}
.mme-reveal-delay-2 {
	transition-delay: 0.2s;
}
.mme-reveal-delay-3 {
	transition-delay: 0.3s;
}
.mme-reveal-delay-4 {
	transition-delay: 0.4s;
}

/* Acessibilidade: respeita a preferencia do usuario por menos movimento */
@media (prefers-reduced-motion: reduce) {
	.mme-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}