/* Botão flutuante de WhatsApp (canto inferior direito). O JS (whatsapp.js) escreve --wa-b para subir
   acima da barra fixa de compra e da faixa de cookies; sem barra, fica a 16 px da borda. */
.wa-flutuante { position: fixed; right: 14px; bottom: var(--wa-b, calc(16px + env(safe-area-inset-bottom))); z-index: 45; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #1FA855; color: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.25); transition: bottom .25s ease, transform .15s ease; -webkit-tap-highlight-color: transparent; }
.wa-flutuante:hover { transform: scale(1.06); }
.wa-flutuante:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px #1B7F44; }
.wa-flutuante .wa-ic { width: 30px; height: 30px; fill: currentColor; }
@media (prefers-reduced-motion: reduce) { .wa-flutuante { transition: none; } .wa-flutuante:hover { transform: none; } }
@media print { .wa-flutuante { display: none; } }