/* ==========================================================================
   components.css: peças reutilizáveis (selo)
   ========================================================================== */

/* ---------- Selo "Em manutenção" ---------- */
.badge {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--orange); color: var(--ink);
  font: 600 0.875rem/1 var(--font-head);
  letter-spacing: 0.02em; text-transform: uppercase;
  padding: 9px 18px; border-radius: 999px;
}
.badge__dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--ink);
  animation: pulse 1.6s ease-in-out infinite;
}