/* ds-whatsapp (botão flutuante) */
.ds-whatsapp {
  position: fixed; z-index: 60;
  right: max(var(--ds-espaco-4), env(safe-area-inset-right));
  bottom: max(var(--ds-espaco-4), env(safe-area-inset-bottom));
  display: inline-flex; align-items: center; justify-content: center; gap: var(--ds-espaco-2);
  min-width: 56px; height: 56px; padding: 0 var(--ds-espaco-4);
  border-radius: var(--ds-raio-pilula);
  background: var(--ds-cor-destaque); color: var(--ds-cor-sobre-destaque);
  box-shadow: var(--ds-sombra-md);
  font-family: var(--ds-botao-fonte); text-decoration: none;
  transition: transform var(--ds-duracao) var(--ds-curva);
}
.ds-whatsapp:hover { transform: translateY(-2px); }
.ds-whatsapp:focus-visible { outline-color: var(--ds-cor-destaque); outline-offset: 4px; }
.ds-whatsapp__icone { width: 1.6rem; height: 1.6rem; }
.ds-whatsapp:not(.ds-whatsapp--com-texto) { padding: 0; width: 56px; }
.ds-whatsapp:not(.ds-whatsapp--com-texto) .ds-whatsapp__texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* No celular o texto some e fica só o círculo (o nome continua para leitor de tela) */
@media (max-width: 639px) {
  .ds-whatsapp--com-texto { padding: 0; width: 56px; }
  .ds-whatsapp--com-texto .ds-whatsapp__texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.ds-whatsapp--esquerda { right: auto; left: max(var(--ds-espaco-4), env(safe-area-inset-left)); }
@media print { .ds-whatsapp { display: none; } }