/* WhatsApp button, bottom right of every page. */

.wa-float {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 60;
  display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #0B1636;
}
.wa-text {
  background: #fff; color: #0B1636; padding: .8rem 1.1rem; border-radius: 16px; font-weight: 700; font-size: 1rem; line-height: 1.2;
  box-shadow: 0 6px 20px rgba(6, 18, 54, .22); border: 1px solid #D9E2F5;
}
.wa-circle {
  position: relative; display: grid; place-items: center; flex: none; width: 58px; height: 58px; border-radius: 50%;
  background: #12A150; color: #12A150; box-shadow: 0 6px 20px rgba(6, 18, 54, .3);
}
.wa-circle .wa-ico { width: 34px; height: 34px; color: #12A150; }
.wa-float:hover .wa-circle { background: #0E8A43; color: #0E8A43; }
.wa-float:hover .wa-circle .wa-ico { color: #0E8A43; }
.wa-float:focus-visible { outline: 3px solid var(--sun); outline-offset: 4px; border-radius: 999px; }
.wa-dot { position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; border-radius: 50%; background: #FFC93C; border: 2px solid #fff; }
.wa-float.is-open .wa-dot { background: #46D69F; }
@media (max-width: 479px) { .wa-text { display: none; } }