/* NÃO EDITAR: _compartilhado/_elementos/d; sincronizar.cjs. */
/* Diagnóstico: perguntas marcáveis, faixa de leitura, medidor e resultado. */
.cw-d-dg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.cw-d-dg-lista{position:relative;display:grid;gap:10px;border:0;min-width:0}
.cw-d-dg-lista legend{float:left;width:100%;margin-bottom:12px;font:600 12px/1.3 var(--d-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-acento)}
.cw-d-dg-faixa{position:absolute;left:-8px;right:-8px;top:0;height:var(--fh,60px);border-radius:var(--d-raio-p);background:color-mix(in srgb,var(--d-suave) 55%,transparent);transform:translateY(var(--fy,0));transition:transform .45s var(--d-curva),height .45s var(--d-curva);pointer-events:none;z-index:0}
.cw-d-dg-q{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;min-height:52px;padding:12px 14px;border-radius:var(--d-raio-p);background:var(--d-papel);border:1.5px solid color-mix(in srgb,var(--d-linha) 70%,transparent);cursor:pointer;transition:border-color .3s,background-color .3s,transform .3s var(--d-curva)}
.cw-d-dg-q:hover{border-color:var(--d-acento)}
.cw-d-dg-q input{position:absolute;opacity:0;width:28px;height:28px;margin:0;left:14px;top:12px;cursor:pointer}
.cw-d-dg-caixa{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:2px solid var(--d-linha);background:var(--d-papel);transition:background-color .25s,border-color .25s}
.cw-d-dg-caixa svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .35s var(--d-curva) .05s}
.cw-d-dg-q input:checked+.cw-d-dg-caixa{background:var(--d-acento);border-color:var(--d-acento)}
.cw-d-dg-q input:checked+.cw-d-dg-caixa svg{stroke-dashoffset:0}
.cw-d-dg-q input:focus-visible+.cw-d-dg-caixa{outline:3px solid var(--d-acento);outline-offset:3px}
.cw-d-dg-q:has(input:checked){background:var(--d-alt);border-color:var(--d-acento)}
.cw-d-dg-txt{font-size:15px;font-weight:600;line-height:1.4}
.cw-d-dg-txt small{display:block;margin-top:3px;font-size:14px;font-weight:400;opacity:.85}
.cw-d-dg-q.is-lida{border-color:var(--d-acento)}
.cw-d-dg-lado{display:grid;gap:14px;padding:22px;border-radius:var(--d-raio-p);background:var(--d-papel);box-shadow:var(--d-sombra-p)}
.cw-d-dg-medidor{position:relative;width:min(100%,190px);aspect-ratio:1;justify-self:center}
.cw-d-dg-medidor svg{width:100%;height:100%;transform:rotate(-90deg)}
.cw-d-dg-medidor circle{fill:none}
.cw-d-dg-anel{stroke:var(--d-alt);stroke-width:11}
.cw-d-dg-arco{stroke:var(--d-acento);stroke-width:11;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--pct));transition:stroke-dashoffset .6s var(--d-curva)}
.cw-d-dg-orbita{stroke:var(--d-linha);stroke-width:1.5;stroke-dasharray:2 7;transform-origin:60px 60px}
.cw-d[data-cw-motion] .cw-d-dg-orbita{animation:cw-d-girar 24s linear infinite}
.cw-d-dg-num{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.cw-d-dg-num b{font:800 54px/1 var(--d-fonte);font-variant-numeric:tabular-nums}
.cw-d-dg-num small{font:600 13px/1.4 var(--d-mono);letter-spacing:.06em}
.cw-d-dg-conta{text-align:center;font-size:14px;font-weight:600}
.cw-d-dg .cw-d-painel{padding-top:12px;border-top:1px dashed var(--d-linha)}
/* Agência: carimbo e caixas recortadas. */
.cw-d[data-marca=agencia] .cw-d-dg-q{border:3px solid #141414;border-radius:0}
.cw-d[data-marca=agencia] .cw-d-dg-q:has(input:checked){background:#55db9c;box-shadow:5px 5px 0 #141414;transform:translate(-2px,-2px)}
.cw-d[data-marca=agencia] .cw-d-dg-caixa{border:3px solid #141414;border-radius:0}
.cw-d[data-marca=agencia] .cw-d-dg-q input:checked+.cw-d-dg-caixa{background:#141414;border-color:#141414}
.cw-d[data-marca=agencia] .cw-d-dg-faixa{background:#e9ccff;border:2px solid #141414;border-radius:0}
.cw-d[data-marca=agencia] .cw-d-dg-lado{border:3px solid #141414;border-radius:0;box-shadow:7px 7px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-dg-anel{stroke:#fff;stroke-width:14}
.cw-d[data-marca=agencia] .cw-d-dg-arco{stroke:#8d37b5;stroke-width:14;stroke-linecap:butt}
.cw-d[data-marca=agencia] .cw-d-dg-orbita{stroke:#141414;stroke-width:3;stroke-dasharray:4 4}
.cw-d[data-marca=agencia] .cw-d-dg-num b{font-weight:400;font-size:64px}
/* Corp: dossiê com marcação discreta. */
.cw-d[data-marca=corp] .cw-d-dg-q{border-width:1px;border-radius:8px}
.cw-d[data-marca=corp] .cw-d-dg-caixa{border-radius:5px;border-width:1.5px}
.cw-d[data-marca=corp] .cw-d-dg-anel{stroke-width:8}
.cw-d[data-marca=corp] .cw-d-dg-arco{stroke-width:8}
.cw-d[data-marca=corp] .cw-d-dg-num b{font-weight:500}
@media (max-width:760px){.cw-d-dg{grid-template-columns:1fr}.cw-d-dg-lado{grid-row:1;grid-template-columns:110px 1fr;align-items:center;padding:16px}.cw-d-dg-medidor{width:110px}.cw-d-dg-num b{font-size:34px}.cw-d-dg-conta{text-align:left}.cw-d-dg .cw-d-paineis{grid-column:1/-1}}
@media (scripting:none){.cw-d-dg-lado{grid-template-columns:1fr}}