/* NÃO EDITAR: _compartilhado/_elementos/d; sincronizar.cjs. */
/* Percurso: rota, estações, marcador e painel da etapa. */
.cw-d-rota{position:relative;height:250px;margin:6px 0 28px}
.cw-d-rota-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cw-d-rota path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.cw-d-trilho{stroke:var(--d-linha);stroke-width:2;stroke-dasharray:4 8}
.cw-d-fluxo{stroke:var(--d-vivo);stroke-width:5;stroke-dasharray:1 23;opacity:.6}
.cw-d[data-cw-motion] .cw-d-fluxo{animation:cw-d-fluir calc(var(--d-ritmo) * .9) linear infinite}
.cw-d-feito{stroke:var(--d-acento);stroke-width:5}
.cw-d-estacoes{position:absolute;inset:0}
.cw-d-est{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:52px;height:52px;margin:-26px 0 0 -26px;padding:0;border:0;background:none;display:grid;place-items:center;color:var(--d-tinta)}
.cw-d-est-n{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--d-papel);border:2px solid var(--d-linha);font:700 14px/1 var(--d-mono);box-shadow:var(--d-sombra-p);transition:transform .45s var(--d-curva),background-color .3s,border-color .3s,color .3s}
.cw-d-est-rot{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);width:max-content;max-width:min(17ch,15vw);font-size:13px;font-weight:600;line-height:1.25;text-align:center;transition:color .3s}
.cw-d-est.is-baixo .cw-d-est-rot{bottom:auto;top:calc(100% + 4px)}
.cw-d-est:hover .cw-d-est-n{transform:translateY(-3px)}
.cw-d-est.is-feito .cw-d-est-n{background:var(--d-suave);border-color:var(--d-acento)}
.cw-d-est.is-ativo .cw-d-est-n{background:var(--d-acento);border-color:var(--d-acento);color:#fff;transform:scale(1.14)}
.cw-d-est.is-ativo .cw-d-est-rot{color:var(--d-acento)}
.cw-d-est::after{content:"";position:absolute;inset:-2px;border-radius:18px;border:2px solid var(--d-vivo);opacity:0;pointer-events:none}
.cw-d[data-cw-motion] .cw-d-est.is-ativo::after{animation:cw-d-pulso 2.4s ease-out infinite}
.cw-d-token{position:absolute;left:0;top:0;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--d-acento);box-shadow:0 0 0 6px color-mix(in srgb,var(--d-vivo) 28%,transparent),0 0 24px var(--d-vivo);opacity:0;pointer-events:none;z-index:2}
.cw-d-token::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px dashed var(--d-vivo)}
.cw-d[data-cw-motion] .cw-d-token::after{animation:cw-d-girar 6s linear infinite}
.cw-d-perc.is-pronto .cw-d-token{opacity:1}
.cw-d-perc .cw-d-painel{grid-template-columns:auto minmax(0,1fr);column-gap:24px;padding:22px 24px;border-radius:var(--d-raio-p);background:var(--d-papel);border:1px solid color-mix(in srgb,var(--d-linha) 70%,transparent);box-shadow:var(--d-sombra-p)}
.cw-d-perc .cw-d-painel>*{grid-column:2}
.cw-d-perc-num{grid-column:1!important;grid-row:1/span 4;font:800 clamp(54px,8vw,92px)/.84 var(--d-fonte);color:transparent;-webkit-text-stroke:2px var(--d-acento)}
.cw-d-perc-nav{justify-content:space-between;margin-top:18px}
.cw-d-perc-barra{flex:1;min-width:60px;height:6px;border-radius:9px;background:var(--d-alt);overflow:hidden}
.cw-d-perc-barra span{display:block;height:100%;background:var(--d-acento);transform-origin:left;transform:scaleX(calc((var(--d-i,0) + 1) / var(--n)));transition:transform .5s var(--d-curva)}
/* Agência: cartaz, faixa chapada, marcador recortado. */
.cw-d[data-marca=agencia] .cw-d-rota{background:linear-gradient(transparent 33%,#e9ccff 33% 67%,transparent 67%)}
.cw-d[data-marca=agencia] .cw-d-trilho{stroke:#141414;stroke-width:3;stroke-dasharray:none}
.cw-d[data-marca=agencia] .cw-d-feito{stroke:#8d37b5;stroke-width:8;stroke-linecap:square}
.cw-d[data-marca=agencia] .cw-d-fluxo{stroke:#fffdf5;stroke-width:3;stroke-dasharray:6 18;opacity:1}
.cw-d[data-marca=agencia] .cw-d-est-n{border:3px solid #141414;border-radius:0;box-shadow:4px 4px 0 #141414;font:400 22px/1 var(--d-fonte)}
.cw-d[data-marca=agencia] .cw-d-est.is-feito .cw-d-est-n{background:#e9ccff;border-color:#141414}
.cw-d[data-marca=agencia] .cw-d-est.is-ativo .cw-d-est-n{background:#55db9c;color:#141414;border-color:#141414;transform:rotate(-6deg) scale(1.16)}
.cw-d[data-marca=agencia] .cw-d-est::after{border-radius:0;border-color:#141414}
.cw-d[data-marca=agencia] .cw-d-est-rot{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.03em;background:#fffdf5;padding:1px 4px}
.cw-d[data-marca=agencia] .cw-d-token{border-radius:0;background:#ffd731;border:3px solid #141414;box-shadow:4px 4px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-token::after{border-radius:0;border:2px solid #141414;inset:-9px}
.cw-d[data-marca=agencia] .cw-d-perc .cw-d-painel{border:3px solid #141414;border-radius:0;box-shadow:7px 7px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-perc-num{font-weight:400;-webkit-text-stroke:0;color:#55db9c;text-shadow:3px 3px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-perc-barra{border:2px solid #141414;border-radius:0;height:12px;background:#fff}
.cw-d[data-marca=agencia] .cw-d-perc-barra span{background:#8d37b5}
/* Corp: linha de atendimento calma, fichas e mono. */
.cw-d[data-marca=corp] .cw-d-trilho{stroke-width:1.5;stroke-dasharray:none}
.cw-d[data-marca=corp] .cw-d-feito{stroke-width:3}
.cw-d[data-marca=corp] .cw-d-fluxo{stroke-width:4;opacity:.35}
.cw-d[data-marca=corp] .cw-d-est-n{border-radius:50%;width:42px;height:42px;border-width:1.5px}
.cw-d[data-marca=corp] .cw-d-est::after{border-radius:50%;inset:3px}
.cw-d[data-marca=corp] .cw-d-token{width:30px;height:22px;margin:-11px 0 0 -15px;border-radius:5px;background:#fffdf8;border:1.5px solid #174b84;box-shadow:0 6px 16px #172c3926}
.cw-d[data-marca=corp] .cw-d-token::after{inset:6px 6px auto 6px;height:2px;border:0;border-radius:2px;background:#174b84;box-shadow:0 5px 0 #c8d6e4}
.cw-d[data-marca=corp] .cw-d-perc-num{font-weight:300;-webkit-text-stroke:1px var(--d-acento)}
@media (max-width:600px){.cw-d-rota{height:180px;margin-bottom:18px}.cw-d-est-rot{display:none}.cw-d-est-n{width:40px;height:40px;font-size:13px}.cw-d[data-marca=agencia] .cw-d-est-n{font-size:18px}.cw-d-perc .cw-d-painel{grid-template-columns:1fr;padding:18px}.cw-d-perc .cw-d-painel>*{grid-column:1}.cw-d-perc-num{grid-row:auto;font-size:46px}.cw-d-perc-nav .cw-d-btn{padding:8px 12px}}
.cw-d[data-marca=corp] .cw-d-token::after{animation:none!important}