/* Botão flutuante de WhatsApp, em todas as páginas (o blog recebe pelo gerar.py) */
.wa-float{
  position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#00DBBB;color:#000;text-decoration:none;
  /* anel preto: separa o botão quando passa por cima de seção turquesa (#cta da home, botões) */
  box-shadow:0 0 0 2px #000,0 8px 28px rgba(0,0,0,.45);
  transition:transform .2s ease,box-shadow .2s ease;
}
.wa-float svg{width:28px;height:28px;fill:currentColor;display:block;}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #000,0 12px 36px rgba(0,219,187,.35);}
.wa-float:focus-visible{outline:2px solid #fff;outline-offset:3px;}
/* páginas com cursor customizado (#cur): esconde o cursor do sistema como no resto da página */
#cur ~ .wa-float{cursor:none;}
@media(max-width:768px){
  .wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:52px;height:52px;}
  .wa-float svg{width:26px;height:26px;}
  /* briefing: sobe o botão pra não cobrir o "Próximo →" do formulário */
  body:has(.btn-next) .wa-float{bottom:calc(96px + env(safe-area-inset-bottom));}
}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none;}.wa-float:hover{transform:none;}}
@media print{.wa-float{display:none;}}