.balao{position:absolute;z-index:50;width:min(360px,calc(100vw - 32px));background:#fff;border:1.5px solid #1F4D2E;border-radius:14px;box-shadow:0 14px 34px rgba(19,38,26,.22);padding:14px 16px 12px;font:400 13.5px/1.5 "Lexend",system-ui,sans-serif;color:#13261A;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;pointer-events:none}
.balao.vis{opacity:1;transform:none;pointer-events:auto}
.balao::after{content:"";position:absolute;left:var(--sx,50%);width:14px;height:14px;background:#fff;border:1.5px solid #1F4D2E;transform:translateX(-50%) rotate(45deg)}
.balao.cima::after{bottom:-8.5px;border-top:0;border-left:0}
.balao.baixo::after{top:-8.5px;border-bottom:0;border-right:0}
.balao .k{font:600 10.5px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B8460B}
.balao h5{margin:3px 28px 6px 0;font:700 1.02rem/1.25 "Lexend",system-ui,sans-serif;color:#1F4D2E}
.balao p{margin:0 0 8px}.balao:has(ul.it){width:min(440px,calc(100vw - 32px))}.balao ul.it{margin:0 0 9px;padding:0;list-style:none}.balao ul.it li{position:relative;padding-left:16px;margin:0 0 4px;font-size:13px}.balao ul.it li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:#E8711A}
.balao .pr{background:#F2F7F1;border-left:3px solid #2E8B67;border-radius:0 8px 8px 0;padding:6px 10px;margin:0 0 8px;font-size:12.8px}
.balao .pr b,.balao .fo b{display:block;font:700 10.5px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:#2E8B67;margin-bottom:2px}
.balao .fo{font-size:12px;color:#4B5E51}
.balao .fo ul{margin:2px 0 0;padding-left:16px}
.balao .fo a{color:#1F7A4F}
.balao .fechar{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid #D3DED5;background:#fff;cursor:pointer;font:600 14px/1 "Lexend",system-ui,sans-serif;color:#4B5E51}
.balao .fix{font:600 10.5px "Lexend",system-ui,sans-serif;color:#8a958d;margin-top:6px}
[data-tip]{cursor:pointer}
svg [data-tip]:hover,svg [data-tip].ativo{filter:drop-shadow(0 0 5px rgba(232,113,26,.55))}
.tipdica{font:600 12px "Lexend",system-ui,sans-serif;color:#9A3F0C;margin:0 0 10px;display:flex;gap:6px;align-items:center}
.visao{display:grid;gap:14px}
.citacao{margin:0;padding:18px 22px;background:#1F4D2E;color:#EAF4EC;border-radius:14px;font:600 1.35rem/1.35 "Lexend",system-ui,sans-serif;letter-spacing:-.01em}
.citacao small{display:block;margin-top:8px;font:400 .85rem "Lexend",system-ui,sans-serif;color:#BFE8C9}
.opcoes3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.op{border:1.5px solid #D3DED5;border-radius:12px;padding:12px 14px;background:#fff}
.op .k{font:600 10.5px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B8460B}
.op p{margin:6px 0 0;font-size:.95rem;line-height:1.45;color:#13261A}
.op small{display:block;margin-top:6px;color:#6b7a70;font-size:.8rem}
.onde{margin:0;padding-left:18px;color:#3d4e43;font-size:.93rem;line-height:1.55}
.onde b{color:#1F4D2E}
@media (max-width:820px){.opcoes3{grid-template-columns:1fr}}
.sec{margin:0 0 44px}
.sec>h2{font:700 1.7rem/1.15 "Lexend",system-ui;margin:0 0 8px;color:#1F4D2E}
.palco{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:18px;align-items:center;background:#F6F8F3;border-radius:14px;padding:18px}
.lucas{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.lucas img{width:120px;height:auto}
.acao .quem{font:600 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:#B8460B}
.acao h3{font:700 1.35rem/1.15 "Lexend",system-ui;margin:6px 0;color:#9A3F0C}
.acao p{margin:0;color:#3d4e43;font-size:.95rem;line-height:1.45}
.passos{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:4px;position:relative}
.passos li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;font-size:.86rem;color:#6b7a70;cursor:pointer;padding:4px 6px;border-radius:8px}
.passos li b{width:22px;height:22px;border-radius:50%;display:grid;place-content:center;font:700 11px "Lexend",system-ui,sans-serif;background:#E4EAE3;color:#4B5E51}
.passos li.feito b{background:#E8711A;color:#fff}
.passos li.ativo{background:#fff;color:#13261A;box-shadow:0 1px 0 #D3DED5}
.passos li.ativo b{background:#1F4D2E;color:#fff}
.loopnota{font:600 12px "Lexend",system-ui,sans-serif;color:#2E8B67;margin-top:8px;display:flex;gap:6px;align-items:center}
.cliente{position:relative}
.cliente canvas{width:100%;height:auto;display:block;transform:scaleX(-1)}
.feixe{position:absolute;left:-6%;top:44%;width:22%;height:6px;background:repeating-linear-gradient(90deg,#E8711A 0 6px,transparent 6px 14px);border-radius:3px;animation:feixe 1s linear infinite;opacity:.7}
@keyframes feixe{to{background-position:14px 0}}
@media (prefers-reduced-motion:reduce){.feixe{animation:none}}
.estado{position:absolute;right:8px;bottom:8px;font:600 11px ui-monospace,monospace;letter-spacing:.08em;color:#1F4D2E;background:#ffffffcc;padding:4px 8px;border-radius:999px}
.controles{display:flex;gap:10px;align-items:center;margin-top:12px}
.controles button{font:600 13px "Lexend",system-ui,sans-serif;padding:8px 14px;border-radius:999px;border:1.5px solid #1F4D2E;background:#1F4D2E;color:#fff;cursor:pointer;min-width:92px}
.controles input{flex:1;accent-color:#E8711A}
.quadros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.quadro{background:#F6F8F3;border-radius:10px;padding:8px;cursor:pointer;border:1.5px solid transparent}
.quadro:hover{border-color:#D3DED5}
.quadro canvas{width:100%;height:auto;display:block;transform:scaleX(-1)}
.quadro span{display:block;font:600 12px/1.3 "Lexend",system-ui,sans-serif;color:#1F4D2E;margin-top:4px}
.quadro span i{font-style:normal;color:#B8460B;margin-right:4px}
.toggles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.toggles button{font:600 12.5px "Lexend",system-ui,sans-serif;padding:7px 12px;border-radius:999px;border:1.5px solid #1F4D2E;background:#fff;color:#1F4D2E;cursor:pointer}
.toggles button[aria-pressed="true"]{background:#1F4D2E;color:#fff}
.hero2{background:#F6F8F3;border-radius:12px;overflow:hidden}
.hero2 svg{display:block;width:100%;height:auto}
.dg2 .rot{font:700 13px "Lexend",system-ui}
.dg2 .rotp{font:600 11.5px ui-monospace,Consolas,monospace;letter-spacing:.1em}
.dg2 .tp{font:600 12.5px "Lexend",system-ui}
.dg2 .peq{font:600 11px "Lexend",system-ui}
svg.off-seg .cam-seg,svg.off-infra .cam-infra,svg.off-agentes .cam-agentes,svg.off-fonte .cam-fonte,svg.off-controle .cam-controle,svg.off-comunica .cam-comunica{display:none}
.legenda{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.leg{border:1.5px solid #D3DED5;border-radius:12px;padding:12px 14px;background:#fff}
.leg h4{margin:0 0 4px;font:700 1rem "Lexend",system-ui,sans-serif;color:#1F4D2E;display:flex;gap:8px;align-items:center}
.leg h4 svg{flex:none}
.leg p{margin:0 0 8px;color:#4B5E51;font-size:.88rem;line-height:1.45}
.leg q{display:block;font-size:.88rem;color:#13261A;background:#F6F8F3;border-left:3px solid #E8711A;padding:6px 10px;border-radius:0 8px 8px 0;quotes:none}
@media (max-width:820px){.palco{grid-template-columns:1fr}.feixe{display:none}.legenda{grid-template-columns:1fr}.quadros{grid-template-columns:repeat(2,minmax(0,1fr))}}