/* NÃO EDITAR: _compartilhado/_elementos/d; sincronizar.cjs. */
/* Linha do tempo: pilhas, trilho com preenchimento, cursor e marcos. */
.cw-d-lt-cena{position:relative;height:270px;container-type:inline-size}
.cw-d-lt-svg{position:absolute;left:0;top:0;width:100%;height:170px;overflow:visible}
.cw-d-lt-pilha rect{fill:var(--d-alt);stroke:var(--d-linha);stroke-width:1.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.15);opacity:.45;transition:transform .5s var(--d-curva) calc(var(--b) * 60ms),opacity .4s,fill .4s}
.cw-d-lt-pilha.is-feito rect{transform:none;opacity:1;fill:var(--d-suave);stroke:var(--d-acento)}
.cw-d-lt-pilha.is-feito rect:last-child{fill:var(--d-acento)}
.cw-d-lt-trilho{position:absolute;left:5%;right:5%;top:190px;height:6px;margin-top:-3px;border-radius:6px;background:var(--d-alt);overflow:hidden}
.cw-d-lt-cheio{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--f));background:repeating-linear-gradient(90deg,var(--d-acento) 0 14px,var(--d-vivo) 14px 22px)}
.cw-d[data-cw-motion] .cw-d-lt-cheio{animation:cw-d-lt-corre 1.2s linear infinite}
@keyframes cw-d-lt-corre{to{background-position:22px 0}}
.cw-d-lt-cursor{position:absolute;left:5%;top:6px;width:90%;height:184px;transform:none;pointer-events:none;z-index:2}
.cw-d-lt-alca{position:absolute;left:calc(var(--f) * 100% - 18px);top:-10px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none;pointer-events:auto}.cw-d-lt-alca:focus-visible{outline:3px solid var(--d-acento);outline-offset:2px}.cw-d-lt-alca:active{cursor:grabbing}
.cw-d-lt-cursor::before{content:"";position:absolute;left:calc(var(--f) * 100% - 1px);top:0;bottom:0;border-left:2px dashed var(--d-acento)}
.cw-d-lt-cursor::after{content:"";position:absolute;left:calc(var(--f) * 100% - 7px);top:-4px;width:14px;height:14px;border-radius:50%;background:var(--d-acento);box-shadow:0 0 0 6px color-mix(in srgb,var(--d-vivo) 25%,transparent)}
.cw-d[data-cw-motion] .cw-d-lt-cursor::after{animation:cw-d-respira 1.8s ease-in-out infinite}
.cw-d-lt-marcos{position:absolute;inset:0;z-index:1;pointer-events:none}
.cw-d-lt-marco{position:absolute;pointer-events:auto;left:calc(var(--x) * 1%);top:190px;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;background:none;display:grid;place-items:center;color:var(--d-tinta)}
.cw-d-lt-ponto{width:22px;height:22px;border-radius:50%;background:var(--d-papel);border:3px solid var(--d-linha);transition:transform .35s var(--d-curva),background-color .3s,border-color .3s}
.cw-d-lt-q{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(14ch,13vw);font:600 12px/1.25 var(--d-mono);letter-spacing:.04em;text-align:center;text-transform:uppercase}
.cw-d-lt-marco:hover .cw-d-lt-ponto{transform:scale(1.2)}
.cw-d-lt-marco.is-feito .cw-d-lt-ponto{background:var(--d-suave);border-color:var(--d-acento)}
.cw-d-lt-marco.is-ativo .cw-d-lt-ponto{background:var(--d-acento);border-color:var(--d-acento);transform:scale(1.35)}
.cw-d-lt-marco.is-ativo .cw-d-lt-q{color:var(--d-acento)}
.cw-d-lt-marco::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;border:2px solid var(--d-vivo);opacity:0;pointer-events:none}
.cw-d[data-cw-motion] .cw-d-lt-marco.is-ativo::after{animation:cw-d-pulso 2.2s ease-out infinite}
.cw-d-lt-faixa{display:block;width:calc(90% + 44px);margin:0 0 18px calc(5% - 22px);height:44px;accent-color:var(--d-acento);cursor:ew-resize}
.cw-d-lt .cw-d-painel{padding:20px 24px;border-left:4px solid var(--d-acento);border-radius:var(--d-raio-p);background:var(--d-papel);box-shadow:var(--d-sombra-p)}
/* Agência: blocos chapados com contorno preto e cursor recortado. */
.cw-d[data-marca=agencia] .cw-d-lt-pilha rect{rx:0;stroke:#141414;stroke-width:2;fill:#fff}
.cw-d[data-marca=agencia] .cw-d-lt-pilha.is-feito rect{fill:#55db9c;stroke:#141414}
.cw-d[data-marca=agencia] .cw-d-lt-pilha.is-feito rect:nth-child(2n){fill:#e9ccff}
.cw-d[data-marca=agencia] .cw-d-lt-pilha.is-feito rect:last-child{fill:#ffd731}
.cw-d[data-marca=agencia] .cw-d-lt-trilho{height:12px;margin-top:-6px;border:3px solid #141414;border-radius:0;background:#fff}
.cw-d[data-marca=agencia] .cw-d-lt-cheio{background:repeating-linear-gradient(-45deg,#8d37b5 0 8px,#141414 8px 11px)}
.cw-d[data-marca=agencia] .cw-d-lt-ponto{border-radius:0;border:3px solid #141414;transform:rotate(45deg)}
.cw-d[data-marca=agencia] .cw-d-lt-marco.is-ativo .cw-d-lt-ponto{background:#55db9c;border-color:#141414;transform:rotate(45deg) scale(1.4)}
.cw-d[data-marca=agencia] .cw-d-lt-marco.is-feito .cw-d-lt-ponto{background:#e9ccff;border-color:#141414}
.cw-d[data-marca=agencia] .cw-d-lt-cursor::before{border-left:3px solid #141414}
.cw-d[data-marca=agencia] .cw-d-lt-cursor::after{border-radius:0;background:#ffd731;border:3px solid #141414;box-shadow:3px 3px 0 #141414;width:18px;height:18px;left:-9px}
.cw-d[data-marca=agencia] .cw-d-lt .cw-d-painel{border:3px solid #141414;border-radius:0;box-shadow:7px 7px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-lt-q{font-weight:700}
/* Corp: fichas empilhadas, linhas finas e ritmo contido. */
.cw-d[data-marca=corp] .cw-d-lt-pilha rect{rx:3;stroke-width:1}
.cw-d[data-marca=corp] .cw-d-lt-trilho{height:3px;margin-top:-1.5px}
.cw-d[data-marca=corp] .cw-d-lt-cheio{background:var(--d-acento)}
.cw-d[data-marca=corp] .cw-d-lt-ponto{border-width:2px;width:18px;height:18px}
@media (max-width:600px){.cw-d-lt-cena{height:224px}.cw-d-lt-svg{height:140px}.cw-d-lt-trilho,.cw-d-lt-marco{top:160px}.cw-d-lt-cursor{height:154px}.cw-d-lt-q{display:none}.cw-d-lt-marco.is-ativo .cw-d-lt-q{display:block;max-width:none;top:40px}.cw-d-lt .cw-d-painel{padding:16px 18px}}
@media (scripting:none){.cw-d-lt-q{display:block!important}.cw-d-lt-pilha rect{transform:none;opacity:1}}