/*
 * Transición suave entre páginas del área de cliente (myaccount).
 * WHMCS navega con páginas completas; las View Transitions del navegador hacen que el cambio sea un
 * desvanecido corto y la página nueva entre subiendo un poco. Solo aplica a páginas del mismo sitio:
 * al ir a arhosting.es o a otro dominio, el cambio es el de siempre.
 * Donde el navegador no tiene View Transitions (p. ej. Firefox), no pasa nada y la navegación es instantánea.
 */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: 160ms ease-in both arh-account-out;
}

::view-transition-new(root) {
  animation: 300ms cubic-bezier(0.23, 1, 0.32, 1) both arh-account-in;
}

@keyframes arh-account-out {
  to {
    opacity: 0;
  }
}

@keyframes arh-account-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

/* Con «reducir movimiento» el cambio es instantáneo, sin desvanecido */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}