/* M15: entrada discreta. Só é armada pelo JS, então o conteúdo nunca depende dela para aparecer. */
.clmr-reveal { opacity: 0; transform: translateY(14px); }
.clmr-reveal.clmr-in {
	opacity: 1;
	transform: none;
	transition: opacity .6s ease, transform .6s cubic-bezier(.25, .8, .25, 1) !important;
	transition-delay: calc(var(--clmr-i, 0) * 80ms) !important;
}
/* As setinhas abaixo dos títulos respiram devagar. */
.clmr-anim .instagramFeed .fa-sort-down, .clmr-anim .oMotelColiseum .fa-sort-down, .clmr-anim .suitesSlider .fa-sort-down { animation: clmr-seta 2.4s ease-in-out infinite; }
@keyframes clmr-seta {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 5px; }
}
.clmr-anim .hero.clmr-hero h1, .clmr-anim .hero.clmr-hero .fraseApresentacao { animation: clmr-rise .6s ease both; }
.clmr-anim .hero.clmr-hero .fraseApresentacao { animation-delay: .12s; }
@keyframes clmr-rise {
	from { opacity: 0; transform: translateY(26px); }
	to { opacity: 1; transform: none; }
}
@media (hover: hover) {
	.cardSuite { transition: border-color .2s ease; }
	.cardSuite:hover { border-color: #c9a24b; }
}
@media (prefers-reduced-motion: reduce) {
	.clmr-reveal { opacity: 1; transform: none; }
	.clmr-anim .instagramFeed .fa-sort-down, .clmr-anim .oMotelColiseum .fa-sort-down, .clmr-anim .suitesSlider .fa-sort-down { animation: none; }
	.clmr-anim .hero.clmr-hero h1, .clmr-anim .hero.clmr-hero .fraseApresentacao { animation: none; }
}