/* Animaciones de Control de gestión (otras áreas), Auditoría, Cajas, Liquidaciones, Inicio y pagos (UX-MOTION-02). Agente 2. Usa los tokens de motion.css.
   Las entradas, barras, cifras, fundidos y pliegues los da motion.css con los atributos data-mo-* de cada vista. Aquí solo se
   acomodan las tarjetas-enlace que ya traían su propia transición (de color o sombra), para que también acompañen la elevación
   de data-mo-hover="lift" sin perder la suya. Se usa `translate`, nunca `transform`. Con reducir movimiento, motion.css lo apaga. */

/* Control de gestión → Operación y agenda: indicadores que filtran su lista (Inasistencias sin reagendar, Pacientes sin próxima cita). */
.mgt a.mgt-move[data-mo-hover="lift"] {
  transition: translate var(--motion-hover) var(--motion-ease), box-shadow var(--motion-hover) var(--motion-ease),
    border-color var(--motion-hover) var(--motion-ease), background var(--motion-hover) var(--motion-ease);
}

/* Control de gestión → tarjetas de indicador que son enlace (gestion-kpis con href). */
.gi-kpi.linked[data-mo-hover="lift"] {
  transition: translate var(--motion-hover) var(--motion-ease), box-shadow var(--motion-hover) var(--motion-ease),
    border-color var(--motion-hover) var(--motion-ease);
}

/* Inicio: los indicadores llevan a su pantalla. */
.home-kpi[data-mo-hover="lift"] {
  transition: translate var(--motion-hover) var(--motion-ease), box-shadow var(--motion-hover) var(--motion-ease),
    border-color var(--motion-hover) var(--motion-ease);
}

@media (prefers-reduced-motion: reduce) {
  .mgt a.mgt-move[data-mo-hover], .gi-kpi.linked[data-mo-hover], .home-kpi[data-mo-hover] { transition: none; translate: none; }
}
.mo-reduced .mgt a.mgt-move[data-mo-hover], .mo-reduced .gi-kpi.linked[data-mo-hover], .mo-reduced .home-kpi[data-mo-hover] { transition: none; translate: none; }