/* NÃO EDITAR: _compartilhado/_elementos/d; sincronizar.cjs. */
/* Simulador: controles à esquerda, gráfico vivo à direita, resultado em destaque. */
.cw-d-sim{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-template-areas:"ctl graf" "res res" "nota nota";gap:20px 28px}
.cw-d-sim-ctl{grid-area:ctl;display:grid;gap:18px;align-content:start;padding:20px;border-radius:var(--d-raio-p);background:var(--d-papel);box-shadow:var(--d-sombra-p)}
.cw-d-sim-c{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline}
.cw-d-sim-c label{font-size:14px;font-weight:600;line-height:1.3}
.cw-d-sim-c output{font:700 16px/1.2 var(--d-mono);color:var(--d-acento);white-space:nowrap}
.cw-d-sim-c input{grid-column:1/-1;width:100%;height:36px;margin:0;accent-color:var(--d-acento);cursor:pointer}
.cw-d-sim-graf{grid-area:graf;position:relative;min-height:300px;padding:20px 18px;border-radius:var(--d-raio-p);background:var(--d-alt);overflow:hidden}
.cw-d-sim-fluxo{position:absolute;left:50%;top:0;bottom:0;width:12px;margin-left:-6px;background:radial-gradient(circle,var(--d-vivo) 3px,transparent 3.6px) 0 0/12px 30px repeat-y;opacity:.45}
.cw-d[data-cw-motion] .cw-d-sim-fluxo{animation:cw-d-sim-cai 1.3s linear infinite}
@keyframes cw-d-sim-cai{to{background-position:0 30px}}
.cw-d-sim-funil{position:relative;display:grid;gap:14px}
.cw-d-sim-funil li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.cw-d-sim-rot{font-size:13px;font-weight:600;line-height:1.25}
.cw-d-sim-val{font:700 16px/1 var(--d-mono)}
.cw-d-sim-barra{grid-column:1/-1;display:block;height:30px;border-radius:9px;background:color-mix(in srgb,var(--d-papel) 70%,transparent);overflow:hidden}
.cw-d-sim-barra span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--d-acento),var(--d-vivo));transform:scaleX(calc(var(--w) * clamp(0,var(--g) * 1.5 - var(--k) * .12,1)));transform-origin:50% 50%;transition:transform .55s var(--d-curva)}
.cw-d-sim-funil li:last-child .cw-d-sim-barra span{background:var(--d-tinta)}
.cw-d-sim-cols{position:relative;display:flex;align-items:flex-end;gap:10px;height:230px;padding-top:10px}
.cw-d-sim-cols li{flex:1;min-width:0;height:100%;display:grid;grid-template-rows:1fr auto;gap:6px;text-align:center}
.cw-d-sim-col{position:relative;display:block;border-radius:8px 8px 3px 3px;background:color-mix(in srgb,var(--d-papel) 60%,transparent);overflow:hidden}
.cw-d-sim-col span{position:absolute;inset:0;transform-origin:50% 100%;transition:transform .55s var(--d-curva)}
.cw-d-sim-col .at{background:var(--d-acento);transform:scaleY(calc(var(--a) * clamp(0,var(--g) * 1.5 - var(--k) * .1,1)))}
.cw-d-sim-col .fi{background:repeating-linear-gradient(-45deg,var(--d-alerta) 0 5px,var(--d-alerta-fundo) 5px 10px);background-size:14px 14px;transform:translateY(calc(var(--a) * -100% * clamp(0,var(--g) * 1.5 - var(--k) * .1,1))) scaleY(calc(var(--fi) * clamp(0,var(--g) * 1.5 - var(--k) * .1,1)))}
.cw-d[data-cw-motion] .cw-d-sim-col .fi{animation:cw-d-sim-hachura 1s linear infinite}
@keyframes cw-d-sim-hachura{to{background-position:14px 0}}
.cw-d-sim-cols b{font:600 12px/1.2 var(--d-mono);overflow-wrap:anywhere}
.cw-d-sim-cap{position:absolute;left:18px;right:18px;top:30px;bottom:52px;transform:translateY(calc((1 - var(--cap)) * 100%));border-top:2px dashed var(--d-tinta);pointer-events:none;z-index:2;transition:transform .55s var(--d-curva)}
.cw-d-sim-cap span{position:absolute;right:0;top:-22px;font:600 11px/1 var(--d-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--d-alt);padding:3px 5px}
.cw-d-sim-leg{display:flex;align-items:center;gap:6px 10px;margin-top:10px!important;font-size:13px}
.cw-d-sim-leg span{width:14px;height:14px;border-radius:3px;background:var(--d-acento)}
.cw-d-sim-leg .fi{background:repeating-linear-gradient(-45deg,var(--d-alerta) 0 3px,var(--d-alerta-fundo) 3px 6px);margin-left:8px}
.cw-d-sim[data-modelo=fila] .cw-d-sim-fluxo{display:none}
.cw-d-sim-res{grid-area:res;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:16px 20px;border-radius:var(--d-raio-p);background:var(--d-tinta);color:var(--d-papel)}
.cw-d-sim-res b{font:800 clamp(40px,6vw,60px)/1 var(--d-fonte);font-variant-numeric:tabular-nums}
.cw-d-sim-res span{font-size:17px;font-weight:600}
.cw-d-sim.is-mudou .cw-d-sim-res b{animation:cw-d-sim-pula .5s var(--d-curva)}
@keyframes cw-d-sim-pula{40%{transform:translateY(-4px)}}
.cw-d-sim-nota{grid-area:nota;font-size:14px;opacity:.85}
/* Agência: barras chapadas com contorno, resultado em cartaz. */
.cw-d[data-marca=agencia] .cw-d-sim-ctl{border:3px solid #141414;border-radius:0;box-shadow:6px 6px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-sim-graf{border:3px solid #141414;border-radius:0;background:#e9ccff}
.cw-d[data-marca=agencia] .cw-d-sim-barra{border:2px solid #141414;border-radius:0;background:#fff}
.cw-d[data-marca=agencia] .cw-d-sim-barra span{border-radius:0;background:#55db9c}
.cw-d[data-marca=agencia] .cw-d-sim-funil li:last-child .cw-d-sim-barra span{background:#ffd731}
.cw-d[data-marca=agencia] .cw-d-sim-col{border:2px solid #141414;border-radius:0;background:#fff}
.cw-d[data-marca=agencia] .cw-d-sim-col .at{background:#55db9c}
.cw-d[data-marca=agencia] .cw-d-sim-fluxo{background-image:radial-gradient(circle,#141414 3px,transparent 3.6px)}
.cw-d[data-marca=agencia] .cw-d-sim-res{border-radius:0;background:#141414;box-shadow:6px 6px 0 #8d37b5}
.cw-d[data-marca=agencia] .cw-d-sim-res b{font-weight:400;color:#55db9c}
.cw-d[data-marca=agencia] .cw-d-sim-cap span{background:#e9ccff}
.cw-d[data-marca=agencia] .cw-d-sim-c output{color:#8d37b5}
/* Corp: painel calmo, papel e azul. */
.cw-d[data-marca=corp] .cw-d-sim-graf{background:#e9eef3}
.cw-d[data-marca=corp] .cw-d-sim-barra span{background:var(--d-acento)}
.cw-d[data-marca=corp] .cw-d-sim-cap span{background:#e9eef3}
@media (max-width:760px){.cw-d-sim{grid-template-columns:1fr;grid-template-areas:"ctl" "graf" "res" "nota"}.cw-d-sim-graf{min-height:0}.cw-d-sim-cols{height:200px;gap:6px}}
@media (scripting:none){.cw-d-sim-c output{grid-column:2}}