/* Transición entre páginas del Estudio de Moda (#142): la del propio navegador, sin JavaScript y
   sin retrasar la navegación (si el navegador no la tiene, se navega como siempre). Solo la piden
   las páginas de lectura; las de aplicación (Estudio de diseño, Teselador, Cuaderno de bocetos) no
   enlazan esta hoja, así que al entrar o salir de ellas no hay transición. Con movimiento
   reducido, ninguna. Solo opacity y transform. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
}
::view-transition-old(root) { animation: .22s ease both transicion-sale; }
::view-transition-new(root) { animation: .45s cubic-bezier(.2, .7, .2, 1) both transicion-entra; }
@keyframes transicion-sale { to { opacity: 0; transform: translateY(-8px); } }
@keyframes transicion-entra { from { opacity: 0; transform: translateY(16px); } }