/* Botão flutuante do WhatsApp · o mesmo em todas as páginas da Labareda.
   Discreto (vidro escuro, ícone verde), canto inferior direito, respeita a
   área segura do celular. Fica abaixo de menus, gavetas e modais (z-index 80).
   --wa-fab-extra é preenchido pelo whatsapp-fab.js quando a página tem uma
   barra fixa embaixo (ex.: a barra de navegação do HUB no celular). */
.wa-fab {
  position: fixed; z-index: 80;
  right: calc(20px + env(safe-area-inset-right));
  bottom: calc(20px + env(safe-area-inset-bottom) + var(--wa-fab-extra, 0px));
  width: 52px; height: 52px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  color: #25D366;
  background: rgba(38,38,37,.72);
  -webkit-backdrop-filter: saturate(160%) blur(18px); backdrop-filter: saturate(160%) blur(18px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 10px 30px rgba(0,0,0,.35);
  text-decoration: none; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 160ms cubic-bezier(.2,.8,.2,1), opacity 240ms cubic-bezier(.2,.8,.2,1), background 160ms;
}
.wa-fab svg { width: 24px; height: 24px; display: block; }
.wa-fab:hover { background: rgba(52,52,50,.82); transform: translateY(-1px); }
.wa-fab:active { transform: scale(.96); }
.wa-fab:focus-visible { outline: 2px solid rgba(242,242,240,.9); outline-offset: 3px; }
.wa-fab.oculto { opacity: 0; pointer-events: none; transform: translateY(8px); }
@media (min-width: 768px) {
  .wa-fab { right: calc(28px + env(safe-area-inset-right)); bottom: calc(28px + env(safe-area-inset-bottom) + var(--wa-fab-extra, 0px)); width: 56px; height: 56px; }
  .wa-fab svg { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) { .wa-fab { transition: none; } .wa-fab:hover { transform: none; } }
/* Respiro no fim das áreas roláveis dos apps (HUB, OPS). */
.wa-fab-reserva { height: 96px; flex-shrink: 0; pointer-events: none; }
@media print { .wa-fab, .wa-fab-reserva { display: none; } }