/* Mega Imóveis – animações leves.
   Entrada ao rolar: só vale com html.mega-anim (definido no <head>; nunca no editor nem
   com "reduzir movimento"). Sem JS, nada fica escondido. */

.mega-anim [data-mega-reveal] {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 0.7s ease var(--mega-atraso, 0ms),
		transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) var(--mega-atraso, 0ms),
		translate 0.25s ease,
		box-shadow 0.25s ease;
}

.mega-anim [data-mega-reveal="esquerda"] { transform: translateX(-36px); }
.mega-anim [data-mega-reveal="fade"] { transform: none; }
.mega-anim [data-mega-reveal="linha"] { opacity: 1; transform: scaleX(0); }

.mega-anim [data-mega-reveal].is-visivel {
	opacity: 1;
	transform: none;
}

/* Hover (usa "translate"/"scale" separados para não brigar com o transform da entrada) */

@media (hover: hover) {
	.mega-card { transition: translate 0.25s ease, box-shadow 0.25s ease; }
	.mega-card:hover {
		translate: 0 -6px;
		box-shadow: 0 14px 32px rgba(8, 20, 31, 0.14);
	}

	.mega-slider__slide img { transition: scale 0.6s ease; }
	.mega-card:hover .mega-slider__slide img { scale: 1.04; }

	.mega-hero__pill { transition: translate 0.25s ease, box-shadow 0.25s ease; }
	.mega-hero__passo:hover .mega-hero__pill {
		translate: 6px 0;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
	}

	.mega-tl__icone,
	.mega-dif__icone { transition: translate 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; }
	.mega-tl__passo:hover .mega-tl__icone {
		translate: 0 -6px;
		box-shadow: 0 18px 28px rgba(0, 0, 0, 0.28);
	}
	.mega-dif__item:hover .mega-dif__icone {
		translate: 0 -4px;
		background-color: #111;
		color: var(--mega-yellow, #f7b623);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mega-anim [data-mega-reveal] { opacity: 1; transform: none; transition: none; }
	.mega-card,
	.mega-slider__slide img,
	.mega-hero__pill,
	.mega-tl__icone,
	.mega-dif__icone { transition: none; }
}