/* Botão flutuante único. Verde NS com ícone azul-noite (branco sobre o verde não passa em contraste). */
.ns-wa-float {
  position: fixed; inset-inline-end: clamp(1rem, 2.5vw, 1.75rem); inset-block-end: clamp(1rem, 2.5vw, 1.75rem);
  z-index: var(--ns-z-float, 90);
  display: inline-flex; align-items: center; gap: 0.625rem;
  block-size: 3.5rem; min-inline-size: 3.5rem; padding: 0 1rem;
  border-radius: 999px; background: var(--ns-green, #00bda7); color: var(--ns-night, #0a1e3d);
  font: 600 0.9375rem/1 var(--ns-font-text, system-ui, sans-serif); text-decoration: none;
  box-shadow: 0 14px 30px -12px rgba(10, 30, 61, 0.45), 0 0 0 1px rgba(10, 30, 61, 0.06);
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 200ms;
}
.ns-wa-float svg { inline-size: 1.625rem; block-size: 1.625rem; flex: none; }
.ns-wa-float:focus-visible { outline: 2px solid var(--ns-blue, #0141a5); outline-offset: 4px; }

/* Celular: só o ícone (círculo). Desktop: ícone + texto. */
@media (max-width: 767px) {
  .ns-wa-float { padding: 0; justify-content: center; }
  .ns-wa-float__label { display: none; }
}
@media (hover: hover) and (pointer: fine) {
  .ns-wa-float:hover { transform: translateY(-2px); background: var(--ns-green-hover, #00a893); }
}