/* Home — efeito de aparecer ao rolar (as classes são postas pelo animacoes.js,
   só nos elementos que ainda estão abaixo da tela). */

.mtr-revelar {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	transition:
		opacity .7s cubic-bezier(.2, .7, .2, 1) var(--mtr-atraso, 0s),
		transform .8s cubic-bezier(.2, .7, .2, 1) var(--mtr-atraso, 0s);
}
.mtr-revelar--zoom {
	transform: translate3d(0, 14px, 0) scale(.88);
}
.mtr-revelar.mtr-revelado {
	opacity: 1;
	transform: none;
}

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