/* Transiciones entre paginas del mismo sitio, nativas del navegador. */
@media (prefers-reduced-motion: no-preference) {
	@view-transition { navigation: auto; }

	/* Header y footer con nombre propio: quedan quietos mientras cambia el contenido. */
	nav.navbar { view-transition-name: toha-header; }
	footer { view-transition-name: toha-footer; }

	::view-transition-old(root),
	::view-transition-new(root) { animation-duration: 250ms; animation-timing-function: ease; }
	::view-transition-group(toha-header),
	::view-transition-group(toha-footer) { animation-duration: 0s; }
}