/* NÃO EDITAR: _compartilhado/_elementos/d; sincronizar.cjs. */
/* Elementos D — moldura comum. Tokens de marca em temas/*.css. */
.cw-d{--d-papel:#fff;--d-fundo:#f5f8f8;--d-tinta:#153b3d;--d-suave:#b2e2e0;--d-alt:#def0ef;--d-acento:#004d53;--d-vivo:#00858a;--d-linha:#9ebbb8;--d-alerta:#8a4b0f;--d-alerta-fundo:#fbecd6;--d-borda:1.5px;--d-raio:18px;--d-raio-p:12px;--d-sombra:0 20px 48px #153b3d17;--d-sombra-p:0 8px 22px #153b3d14;--d-fonte:inherit;--d-mono:ui-monospace,Menlo,Consolas,monospace;--d-ritmo:7s;--d-curva:cubic-bezier(.2,.8,.2,1);--d-caixa:none;--d-p:0;position:relative;box-sizing:border-box;margin:44px 0;padding:clamp(18px,3.2vw,34px);background:var(--d-fundo);color:var(--d-tinta);border:var(--d-borda) solid var(--d-linha);border-radius:var(--d-raio);box-shadow:var(--d-sombra);isolation:isolate;overflow:hidden;font-size:16px;line-height:1.5;text-align:left}
.cw-d *,.cw-d *::before,.cw-d *::after{box-sizing:border-box}
.cw-d :where(p,ol,ul,li,fieldset,legend,figure,h3,h4){margin:0;padding:0}
.cw-d :where(ol,ul){list-style:none}
:where(.cw-d) :where(button,input,output){font:inherit;color:inherit}
.cw-d button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cw-d :focus-visible{outline:3px solid var(--d-acento);outline-offset:3px}
.cw-d-cab{display:grid;gap:6px;margin:0 0 22px;padding:0;max-width:680px}
.cw-d-tipo{display:flex;align-items:center;gap:10px;font:600 12px/1.2 var(--d-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-acento)}
.cw-d-tipo::before{content:"";width:28px;height:2px;background:currentColor}
.cw-d-titulo{display:block;font:700 clamp(22px,2.7vw,30px)/1.12 var(--d-fonte);letter-spacing:-.015em;text-transform:var(--d-caixa)}
.cw-d-desc{font-size:16px;line-height:1.5;opacity:.86}
.cw-d-palco{position:relative;min-width:0}
.cw-d-rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:24px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--d-linha) 60%,transparent)}
.cw-d-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;line-height:1.45}
.cw-d-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cw-d-selo{display:inline-block;padding:2px 9px;border-radius:var(--d-raio-p);background:var(--d-alt);font-weight:600}
.cw-d-selo--exemplo{background:var(--d-alerta-fundo);color:var(--d-alerta)}
.cw-d-dica{font-size:13px;font-weight:600;color:var(--d-acento)}
.cw-d .cw-d-pausa{margin:0}
.cw-d .cw-d-pausa[hidden]{display:inline-flex!important;visibility:hidden}
/* Painéis empilhados: altura fixa do maior; troca sem mover a página. */
.cw-d-paineis{display:grid;min-width:0}
.cw-d-painel{grid-area:1/1;min-width:0;display:grid;align-content:start;gap:8px}
.cw-d-painel:not(.is-ativo){visibility:hidden}
.cw-d-kicker{font:600 12px/1.3 var(--d-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-acento)}
.cw-d-h{font:700 clamp(19px,2.2vw,23px)/1.2 var(--d-fonte);text-transform:var(--d-caixa);letter-spacing:-.01em}
.cw-d-painel p{font-size:16px;line-height:1.55}
.cw-d-chip{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--d-alt);font-size:14px;font-weight:600}
.cw-d-chip--alerta{background:var(--d-alerta-fundo);color:var(--d-alerta)}
.cw-d-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cw-d-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:8px 16px;border:var(--d-borda) solid var(--d-tinta);border-radius:999px;background:var(--d-papel);font-size:15px;font-weight:600;transition:transform .2s var(--d-curva),background .2s}
.cw-d-btn:hover{background:var(--d-alt)}
.cw-d-btn:active{transform:scale(.97)}
.cw-d-btn:disabled{opacity:.45;cursor:default}
.cw-d-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cw-d-painel.is-ativo{animation:none}
.cw-d[data-cw-motion=running] .cw-d-painel.is-ativo{animation:cw-d-entra .5s var(--d-curva) both}
@keyframes cw-d-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cw-d-fluir{to{stroke-dashoffset:-240}}
@keyframes cw-d-pulso{0%{transform:scale(.7);opacity:.75}100%{transform:scale(1.9);opacity:0}}
@keyframes cw-d-girar{to{transform:rotate(360deg)}}
@keyframes cw-d-respira{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
/* Loops: regras dos tipos usam .cw-d[data-cw-motion]; pausa preserva a fase; static e sem JS não animam. */
.cw-d[data-cw-motion=paused] *,.cw-d[data-cw-motion=paused] *::before,.cw-d[data-cw-motion=paused] *::after{animation-play-state:paused!important}
.cw-d[data-cw-motion=static] *,.cw-d[data-cw-motion=static] *::before,.cw-d[data-cw-motion=static] *::after{animation:none!important}
@media (scripting:none){
  .cw-d-dica,.cw-d-so-js,.cw-d .cw-d-pausa{display:none!important}
  .cw-d-paineis{gap:18px}
  .cw-d-paineis>.cw-d-painel{grid-area:auto;visibility:visible!important;padding-top:14px;border-top:1px dashed var(--d-linha)}
  .cw-d-painel:first-child{border-top:0;padding-top:0}
}
@media (max-width:600px){.cw-d{margin:32px 0;padding:18px 16px}.cw-d-titulo{font-size:22px}.cw-d-rodape{gap:8px}}
@media (prefers-reduced-motion:reduce){.cw-d *,.cw-d *::before,.cw-d *::after{animation:none!important;transition:none!important}}
@media print{.cw-d{box-shadow:none;break-inside:avoid}.cw-d-paineis{gap:12px}.cw-d-paineis>.cw-d-painel{grid-area:auto;visibility:visible!important}.cw-d-dica,.cw-d-so-js,.cw-d .cw-d-pausa{display:none!important}}
/* Tema Agência: cartaz editorial, contraste preto, recortes e cores chapadas. */
.cw-d[data-marca=agencia]{--d-papel:#fff;--d-fundo:#fffdf5;--d-tinta:#141414;--d-suave:#55db9c;--d-alt:#e9ccff;--d-amarelo:#ffd731;--d-acento:#141414;--d-vivo:#8d37b5;--d-linha:#141414;--d-alerta:#141414;--d-alerta-fundo:#ffd731;--d-borda:3px;--d-raio:0px;--d-raio-p:0px;--d-sombra:9px 9px 0 #141414;--d-sombra-p:5px 5px 0 #141414;--d-fonte:"CW Display","Anton",Impact,"Arial Narrow",sans-serif;--d-mono:"General Sans",Arial,sans-serif;--d-caixa:uppercase;--d-ritmo:5.2s;--d-curva:cubic-bezier(.65,.05,0,1)}
.cw-d[data-marca=agencia]::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:10px;background:linear-gradient(90deg,#55db9c 0 33%,#e9ccff 0 66%,#ffd731 0)}
.cw-d[data-marca=agencia] .cw-d-titulo{font-weight:400;letter-spacing:.005em;font-size:clamp(26px,3.4vw,38px);line-height:1}
.cw-d[data-marca=agencia] .cw-d-h{font-weight:400;letter-spacing:.01em;font-size:clamp(22px,2.6vw,28px);line-height:1.02}
.cw-d[data-marca=agencia] .cw-d-tipo,.cw-d[data-marca=agencia] .cw-d-kicker{font-weight:700;letter-spacing:.08em;color:var(--d-vivo)}
.cw-d[data-marca=agencia] .cw-d-tipo::before{height:12px;width:12px;background:#55db9c;border:2px solid #141414}
.cw-d[data-marca=agencia] .cw-d-selo,.cw-d[data-marca=agencia] .cw-d-chip{border:2px solid #141414;border-radius:0;background:#55db9c}
.cw-d[data-marca=agencia] .cw-d-selo--exemplo,.cw-d[data-marca=agencia] .cw-d-chip--alerta{background:#ffd731;color:#141414}
.cw-d[data-marca=agencia] .cw-d-btn{border-width:3px;border-radius:0;box-shadow:4px 4px 0 #141414;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.04em}
.cw-d[data-marca=agencia] .cw-d-btn:hover{background:#55db9c}
.cw-d[data-marca=agencia] .cw-d-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-dica{color:#141414;background:#e9ccff;padding:2px 8px;border:2px solid #141414}
.cw-d[data-marca=agencia] .cw-d-rodape{border-top:3px solid #141414}
.cw-d[data-marca=agencia] :focus-visible{outline-color:#8d37b5}
