/* Fluxo de atendimento (hero) */
.wcf{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 50px 90px -40px rgba(10,19,48,.6),0 0 0 1px rgba(255,255,255,.06);font-family:'Geist',system-ui,sans-serif}
.wcf .wcf-cap{font:500 10px 'Geist Mono',ui-monospace,monospace;letter-spacing:2.4px;fill:#8EA6FF}
.wcf .wcf-live{fill:#7FE0B0;animation:wcfLive 1.8s ease-in-out infinite}
.wcf .wcf-line{fill:none;stroke:#2A3A78;stroke-width:1.3;stroke-dasharray:3 5;opacity:.85}
.wcf .wcf-node{fill:#0E1533;stroke:rgba(142,166,255,.28);stroke-width:1.2}
.wcf .wcf-ring{fill:none;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.wcf .wcf-ch.hot .wcf-ring{animation:wcfRing .7s ease-out}
.wcf .wcf-lbl{font:500 10.5px 'Geist',sans-serif;fill:#A9B4D4}
.wcf .wcf-ok{transform-box:fill-box;transform-origin:center}
.wcf .wcf-ok.show{animation:wcfOk 1.6s ease-out}
.wcf .wcf-orbit{fill:none;stroke:#3A63F2;stroke-opacity:.35;stroke-width:1;stroke-dasharray:2 7;transform-box:fill-box;transform-origin:center;animation:wcfSpin 30s linear infinite}
.wcf .wcf-hubt{font:600 12px 'Geist',sans-serif;fill:#F4F6FB;letter-spacing:-.2px}
.wcf .wcf-hubflash.go{animation:wcfFlash .7s ease-out}
.wcf .wcf-step{font:500 9.5px 'Geist Mono',ui-monospace,monospace;letter-spacing:1.6px;fill:#4A5A8F;transition:fill .3s}
.wcf .wcf-step.on{fill:#B7C6FF}
.wcf .wcf-ini{font:600 12px 'Geist',sans-serif;fill:#C9D3F5}
.wcf .wcf-dot{fill:#3A4A80;stroke:#0E1533;stroke-width:2;transition:fill .3s}
.wcf .wcf-ag.talk .wcf-dot{fill:#2BC46A}
.wcf .wcf-ag.talk .wcf-agring{stroke:#2BC46A;opacity:.9;animation:wcfTalk 1.2s ease-in-out infinite}
.wcf .wcf-ag.done .wcf-dot{fill:#8EA6FF}
.wcf .wcf-ag.talk .wcf-st{fill:#7FE0B0}
.wcf .wcf-ag.done .wcf-st{fill:#B7C6FF}
.wcf .wcf-ben{font:500 14px 'Geist',sans-serif;fill:#F4F6FB;letter-spacing:-.2px}
.wcf .wcf-ben.in{animation:wcfBen .6s ease-out}
@keyframes wcfBen{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wcf .wcf-hubs{font:500 7.5px 'Geist Mono',ui-monospace,monospace;letter-spacing:1.8px;fill:#8EA6FF}
.wcf .wcf-mbox{fill:#0B1230;stroke:rgba(142,166,255,.22)}
.wcf .wcf-mind{fill:#1F4FD8;transition:x .5s cubic-bezier(.6,0,.2,1)}
.wcf .wcf-mode{font:600 8.5px 'Geist Mono',ui-monospace,monospace;letter-spacing:1.4px;fill:#6A79AD;transition:fill .3s}
.wcf .wcf-mode.on{fill:#fff}
.wcf .wcf-lbl.out{fill:#FFB45C}.wcf .wcf-lbl.ok{fill:#7FE0B0}.wcf .wcf-lbl.no{fill:#8A91A0}
.wcf.paused *{animation-play-state:paused!important}
@keyframes wcfLive{50%{opacity:.35}}
@keyframes wcfRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}
@keyframes wcfOk{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}80%{opacity:1}100%{opacity:0}}
@keyframes wcfSpin{to{transform:rotate(360deg)}}
@keyframes wcfFlash{0%{opacity:.9}100%{opacity:0}}
@keyframes wcfTalk{0%,100%{opacity:.9}50%{opacity:.35}}
.wcf.is-static .wcf-step{fill:#B7C6FF}
@media (prefers-reduced-motion:reduce){.wcf *{animation:none!important}}