/* WillEdTech · transición entre páginas y entre aplicaciones (Brand 3.1). Opcional.
   Solo para sitios de varias páginas del mismo origen (por ejemplo Learning y Studio
   bajo el mismo host). El navegador que no lo soporta navega como siempre.

   La cabecera corporativa se queda en su sitio y el contenido se funde. Al pasar de
   un producto a otro, la W permanece y el monograma cambia: esa es la continuidad.

   Cárgalo después de willedtech-motion.css en cada página que participe. */

@view-transition {
  navigation: auto;
}

.wt-header {
  view-transition-name: wt-header;
}

::view-transition-old(root) {
  animation: 120ms ease both wt-vt-out;
}
::view-transition-new(root) {
  animation: 220ms cubic-bezier(0.23, 1, 0.32, 1) both wt-vt-in;
}
::view-transition-group(wt-header) {
  animation-duration: 220ms;
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

@keyframes wt-vt-out {
  to {
    opacity: 0;
  }
}
@keyframes wt-vt-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}