/* Floating WhatsApp button for pages without it in their markup (wa-float.js), and the topics menu for every page */
.wa-float{position:fixed;bottom:26px;left:25px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;
  box-shadow:0 10px 26px #25d36659,0 2px 6px #0a234826;transition:transform .25s,background .25s,box-shadow .25s}
.wa-float:before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:0;animation:waPulse 2.8s ease-out infinite;pointer-events:none}
.wa-float:hover{background:#1ebe5b;transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px #25d36673}
.wa-float:focus-visible{outline:3px solid #7fd8ff;outline-offset:3px}
.wa-float svg{width:30px;height:30px}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(1.45);opacity:0}}
@media(max-width:600px){.wa-float{width:52px;height:52px;bottom:18px;left:16px}.wa-float svg{width:27px;height:27px}}
html.a11y-still .wa-float:before{animation:none}
@media(prefers-reduced-motion:reduce){.wa-float:before{animation:none}}

/* WhatsApp topics, opened from the floating button (wa-float.js) */
.wa-menu{position:fixed;left:95px;bottom:26px;z-index:61;width:250px;padding:12px;border-radius:16px;background:#fff;border:1px solid #cfe2f0;box-shadow:0 18px 46px #0a234838;direction:rtl;
  animation:waMenuIn .22s ease-out}
.wa-menu[hidden]{display:none}
.wa-menu-title{margin:2px 6px 8px;font:700 15px var(--font);color:#0a2348}
.wa-topic{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;font:500 14px/1.35 var(--font);color:#0a2348;text-decoration:none;transition:background .2s}
.wa-topic:before{content:'';flex:none;width:8px;height:8px;margin-left:10px;border-radius:50%;background:#25d366}
.wa-topic:hover{background:#eaf8ef}
.wa-topic:focus-visible{outline:2px solid #0b6fb3;outline-offset:1px}
@keyframes waMenuIn{from{opacity:0;transform:translateY(8px)}}
@media(max-width:600px){.wa-menu{left:78px;bottom:18px;width:min(250px,calc(100vw - 94px))}}
@media(prefers-reduced-motion:reduce){.wa-menu{animation:none}}
