/* ==========================================================================
   REDUCED MOTION — Lista CERRADA de selectores. Ver §4.1.
   Archivo 9 de 9. El ORDEN de los nueve importa: Docs/DESIGN-LANGUAGE.md.
   ========================================================================== */
/* Reduced motion — aditivo. Por que cada declaracion lleva !important, y por que
   NO se puede usar el selector universal: §4.1. */
@media (prefers-reduced-motion: reduce){
  .wrapper-container,
  .executiveDashboard-card,
  .executiveDashboard-Accordion {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transform: none !important;
  }

  /* Hover/state transitions that move or fade an element (body-injected,
     unscoped <style> blocks). */
  .metric-card,
  .metric-card:hover,
  .profile-avatar,
  .profile-avatar:hover,
  .avatarMenu,
  .profile-menu-list .mud-list-item,
  .menu-item :hover,
  .userNavbar,
  .permissionSideBar {
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    transform: none !important;
  }

  .prospect-timeline__item,
  .insured-items-panel__product-card,
  .insured-items-panel__create-option,
  .modules-main_container {
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    transform: none !important;
  }

  /* Lista CERRADA: lo que declare una transicion va nombrado aca. Ver §4.1. */
  .grid-hierarchy .mud-table-cell,
  .grid-hierarchy .mud-table-body > .mud-table-row > .mud-table-cell > button.mud-icon-button {
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  /* Scopeado al COMPONENTE y no a la pantalla, para que el reuso quede cubierto. Ver §4.1. */
  .dlg-form .obs__composer,
  .dlg-form .file-upload-panel__file-row,
  .dlg-form .file-upload-panel__file-row .mud-icon-button {
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }
}