/**
 * swup-nav.css — Transición de la navegación swup (M8a · app-feel).
 *
 * Fundido corto del contenedor `#tv-main` al navegar (patrón canónico de swup: swup agrega
 * `is-animating` a <html> durante la animación de salida y el arranque de la de entrada;
 * `animationSelector: '#tv-main'` hace que swup espere esta transición). Inerte sin swup: las
 * clases `html.is-*` solo existen cuando swup está activo. Se encola SOLO con el flag activo.
 */
#tv-main,
.tv-app__viewport {
	transition: opacity .2s ease-out;
}

html.is-animating #tv-main,
html.is-animating .tv-app__viewport {
	opacity: 0;
}

/* Cursor "cargando" mientras swup hace fetch de la página destino. */
html.is-changing {
	cursor: progress;
}
