/* =====================================================================
   Botão flutuante do WhatsApp — componente da família Galvão (R10b).
   O MESMO arquivo nos dois sites; a cor vem do --accent / --bg de cada um.
   Mantém a classe .fab (posição, some no celular por causa do dock, entra no fim
   da cortina, espaço reservado pelo banner de cookies — ajuste R7b).
   ===================================================================== */
@property --fab-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.fab.fab2{position:fixed;right:22px;bottom:22px;z-index:40;width:auto;min-width:60px;height:60px;padding:0 17px;
  display:flex;align-items:center;justify-content:center;gap:0;border-radius:999px;color:#fff;font-size:inherit;opacity:1;
  background:color-mix(in srgb,var(--bg,#04060c) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 0 30px -8px color-mix(in srgb,var(--accent,#00d9ff) 55%,transparent);
  transition:box-shadow .35s cubic-bezier(.16,1,.3,1)}
.fab.fab2:hover{opacity:1}
.fab2__anel{position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--fab-a),var(--accent,#00d9ff),var(--azul-profundo,#0a4fd8),var(--accent,#00d9ff));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:fab-gira 10s linear infinite}
@keyframes fab-gira{to{--fab-a:360deg}}
.fab2__ping{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;pointer-events:none;
  border:1.5px solid var(--accent,#00d9ff);opacity:0;animation:fab-ping 8s ease-out 2.6s infinite}
.fab2.is-visto .fab2__ping{animation:none;opacity:0}
@keyframes fab-ping{0%{transform:scale(1);opacity:.5}15%{transform:scale(1.6);opacity:0}100%{transform:scale(1.6);opacity:0}}
.fab2__ic{position:relative;width:26px;height:26px;flex:none;fill:currentColor}
.fab2__txt{position:relative;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;margin-left:0;
  font:400 14px/1 var(--mono,"Geist Mono",ui-monospace,monospace);letter-spacing:.01em;color:#fff;
  transition:max-width .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),margin-left .35s cubic-bezier(.16,1,.3,1)}
.fab2__dot{position:absolute;right:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#7b8794;
  box-shadow:0 0 0 2px var(--bg,#04060c)}
.fab2[data-status=aberto] .fab2__dot{background:#22c55e}
@media (hover:hover){
  .fab.fab2:hover .fab2__txt{max-width:180px;opacity:1;margin-left:10px}
  .fab.fab2:hover{box-shadow:0 0 38px -6px color-mix(in srgb,var(--accent,#00d9ff) 70%,transparent)}
}
.fab.fab2:focus-visible{outline:2px solid var(--accent,#00d9ff);outline-offset:4px}
.fab.fab2:focus-visible .fab2__txt{max-width:180px;opacity:1;margin-left:10px}
/* celular: o dock já tem o WhatsApp → o botão some (mesma regra de antes). Se um dia aparecer: 56px. */
@media (max-width:640px){.fab.fab2{display:none;min-width:56px;height:56px;padding:0 15px}.fab2__ping{width:56px;height:56px;margin:-28px 0 0 -28px}}
@media (prefers-reduced-motion:reduce){
  .fab2__anel,.fab2__ping{animation:none}
  .fab2__ping{display:none}
  .fab2__txt,.fab.fab2{transition:none}
}