/* Transiciones entre páginas (API de transiciones de vista entre documentos).
   Solo se enlaza en páginas informativas; las de reserva, contacto, cotización, pago y cancelación no la cargan, para no distraer en los formularios.
   Mejora progresiva: los navegadores sin soporte ignoran estas reglas y la navegación sigue instantánea como siempre.
   Con "reducir movimiento" no se activa nada. Solo se animan opacidad y transform. Los nombres de los elementos compartidos
   (svc-icono, post-titulo) los asigna js-activo.js solo al elemento pulsado y a su destino. */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  /* Cabecera y botón de WhatsApp quedan quietos mientras cambia el contenido. */
  header.site{view-transition-name:cabecera}
  .wa-float{view-transition-name:whatsapp}
  ::view-transition-group(cabecera),::view-transition-group(whatsapp){animation-duration:0s}
  /* Crossfade del contenido: breve. */
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease-out}
  /* Elemento compartido: se desplaza y cambia de tamaño en un poco más de tiempo. */
  ::view-transition-group(svc-icono),::view-transition-group(post-titulo){animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
}