/* Botão flutuante do WhatsApp — padrão dos sites medicinadotrabalhoN (27/10/2026).
   Redondo, verde oficial do WhatsApp, símbolo original e animação de pulso.
   Quem preferir menos movimento (prefers-reduced-motion) vê o botão parado. */
.wa-flutuante {
  position: fixed; right: 20px; bottom: 20px; z-index: 9999;
  width: 62px; height: 62px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #25d366; color: #fff; text-decoration: none;
  box-shadow: 0 8px 22px -6px rgba(0, 0, 0, .45);
  transition: transform .2s ease, background-color .2s ease;
}
.wa-flutuante:hover, .wa-flutuante:focus-visible { background: #1ebe5b; transform: scale(1.06); color: #fff; }
.wa-flutuante:focus-visible { outline: 3px solid #128c7e; outline-offset: 3px; }
.wa-flutuante svg { width: 34px; height: 34px; fill: currentColor; position: relative; z-index: 1; }
.wa-flutuante::before, .wa-flutuante::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: #25d366; z-index: 0; animation: wa-pulso 2s ease-out infinite;
}
.wa-flutuante::after { animation-delay: 1s; }
@keyframes wa-pulso {
  0% { transform: scale(1); opacity: .55; }
  100% { transform: scale(1.75); opacity: 0; }
}
@media (max-width: 560px) { .wa-flutuante { right: 14px; bottom: 14px; width: 56px; height: 56px; } .wa-flutuante svg { width: 30px; height: 30px; } }
@media (prefers-reduced-motion: reduce) { .wa-flutuante::before, .wa-flutuante::after { animation: none; opacity: 0; } }
@media print { .wa-flutuante { display: none; } }