/**
 * Transição entre páginas full-page (rápida).
 * Anima só #main-container — não o <body> — para não partir sticky/fixed do Blocksy.
 */

html.cmd-pt {
	background: #ffffff;
}

html.cmd-pt #main-container {
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition:
		opacity 0.22s ease,
		transform 0.22s ease;
	will-change: opacity, transform;
}

html.cmd-pt.cmd-pt-enter #main-container {
	opacity: 1;
	transform: none;
	will-change: auto;
}

html.cmd-pt.cmd-pt-leave #main-container {
	opacity: 0;
	transform: translate3d(0, -6px, 0);
	pointer-events: none;
	transition-duration: 0.1s;
}

@media (prefers-reduced-motion: reduce) {
	html.cmd-pt #main-container {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
