/* ============================================================
   Onda 9 — Fase 204: widget flutuante de WhatsApp (suporte)
   ============================================================
   Botão flutuante discreto + bolha de diálogo: fica abaixo de modais
   (z-index 900), não cobre conteúdo essencial, é acessível por teclado
   e some quando o visitante fecha (sessionStorage, por sessão do nav).
   Fora do horário configurado a bolha avisa — o CTA continua vivo. */

.support-widget{position:fixed;right:18px;bottom:18px;z-index:900;
  display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.support-fab{width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:#25d366;color:#fff;font-size:1.4rem;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.25)}
.support-fab:focus-visible{outline:2px solid #111;outline-offset:2px}
.support-fab:hover{filter:brightness(1.05)}

/* Bolha: fechada por padrão; abre pelo botão (aria-expanded no fab). */
.support-bubble{display:none;width:280px;max-width:calc(100vw - 32px);
  background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);padding:12px;position:relative}
.support-bubble.open{display:block}
.support-close{position:absolute;top:6px;right:6px;background:transparent;
  border:0;font-size:.95rem;cursor:pointer;color:#6b7280;border-radius:6px;padding:4px}
.support-close:hover{background:#f3f4f6}
.support-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.support-head{display:flex;gap:10px;align-items:center;padding-right:26px}
.support-avatar{width:38px;height:38px;border-radius:50%;background:#e8f7ee;
  display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}
.support-sub{font-size:.75rem;color:#6b7280}
.support-msg{margin:10px 0;font-size:.85rem}
.support-cta{display:block;text-align:center;text-decoration:none;font-weight:800;
  background:#25d366;color:#fff;border-radius:10px;padding:10px;font-size:.85rem}
.support-cta:hover{filter:brightness(1.05)}
.support-cta:focus-visible{outline:2px solid #111;outline-offset:2px}

@media (max-width:640px){
  .support-widget{right:12px;bottom:12px}
  .support-fab{width:46px;height:46px;font-size:1.2rem}
}