/* ============================================================================
 * DESIGN SYSTEM AUAS — ICONOS
 * ----------------------------------------------------------------------------
 * Sistema de iconos canonico del repositorio: la fuente "feather" via
 * feather.css. No se usan iconos FontAwesome (fas fa-*) ni data-feather.
 *
 * Uso base:
 *   <i class="feather icon-<nombre>" aria-hidden="true"></i>
 *
 * Los nombres validos son las clases .icon-<nombre> definidas en feather.css.
 * No inventar nombres: un icono inexistente no dibuja nada y el fallo es
 * silencioso, por eso hay una tabla de equivalencias usada en la migracion
 * de FontAwesome a feather en docs/design-system/components/icons.md.
 *
 * ANIMACION: feather es una fuente de texto y no trae animaciones propias.
 * Para el indicador de carga usar el spinner de abajo (no fa-spin).
 * ========================================================================= */

/* ----------------------------------------------------------------------------
 * Spinner de carga. Reemplaza al antiguo "fa fa-spinner fa-spin".
 * Uso: <i class="feather icon-loader ui-feather-spinner"></i>
 * -------------------------------------------------------------------------- */
.ui-feather-spinner {
  display: inline-block;
  animation: ui-feather-spin 0.9s linear infinite;
  vertical-align: -0.125em;
}

@keyframes ui-feather-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Respeta la preferencia de movimiento reducido del sistema operativo. */
@media (prefers-reduced-motion: reduce) {
  .ui-feather-spinner {
    animation-duration: 3s;
  }
}