/* ── Componente: Botão flutuante de WhatsApp (FAB) ──
   Cor da marca WhatsApp (#25D366) — exceção intencional à paleta
   Ovenbird: canais de terceiros mantêm a cor oficial do canal para
   reconhecimento imediato. Tipografia/raio/sombra seguem os tokens. */
:root {
  --wa-green:       #25d366;   /* WhatsApp brand green        */
  --wa-green-hover: #1ebe5d;   /* hover (escurece ~6%)        */
}
.wa-fab { position: fixed; bottom: var(--space-24); right: var(--space-24); z-index: var(--z-toast); }
.wa-fab a {
  display: flex; align-items: center; gap: var(--space-12);
  min-height: var(--min-touch-target);
  background: var(--wa-green); color: #fff;
  font-family: var(--font-primary); font-size: var(--fs-sm); font-weight: var(--fw-bold);
  text-decoration: none;
  padding: 13px 18px; border-radius: var(--radius-full);
  box-shadow: 0 4px 24px rgba(37,211,102,0.3);
  transition: background var(--duration-fast) var(--easing-standard),
              transform var(--duration-fast) var(--easing-standard),
              box-shadow var(--duration-fast) var(--easing-standard);
}
.wa-fab a:hover {
  background: var(--wa-green-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 32px rgba(37,211,102,0.42);
}
.wa-fab a:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(37,211,102,0.45); }
.wa-fab svg { width: 22px; height: 22px; flex-shrink: 0; }
.wa-fab-label { display: none; }
@media(min-width: 560px) { .wa-fab-label { display: inline; } }