Anillo girando que avisa al usuario que algo está pasando — pago en proceso,
pedido enviándose a la cocina. Úsalo para esperas cortas (menos de 5s);
para procesos largos prefiere una progress con feedback.
Tamaños
Tres tamaños base: sm (16px) para inline en botones,
default (24px) para feedback de área, lg (32px)
para overlays a pantalla completa.
sm · default · lg
Color
El arco activo cambia con la clase border-t-*. Mantén el resto
del anillo en muted-foreground/30 para preservar el contraste.
primary (aji)
foreground (tinta-900)
destructive
muted
Estado theme: ⚠ pendiente verificar.