/* 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 Labs: superfícies claras, teal, peças que se encaixam, cantos arredondados, traço de circuito. */
.cw-d[data-marca=labs]{--d-papel:#fff;--d-fundo:#fbfdfc;--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:22px;--d-raio-p:12px;--d-sombra:0 24px 60px #153b3d14,0 2px 0 #b2e2e0;--d-fonte:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;--d-mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;--d-ritmo:7s;background-image:radial-gradient(circle,#153b3d1c 1.2px,transparent 1.4px);background-size:22px 22px;background-position:11px 11px}
.cw-d[data-marca=labs]::before{content:"";position:absolute;z-index:-1;right:-70px;top:-70px;width:220px;height:220px;border:18px solid #def0ef;border-radius:50%;pointer-events:none}
.cw-d[data-marca=labs] .cw-d-tipo::before{width:10px;height:10px;border-radius:50%;background:var(--d-acento);box-shadow:0 0 0 5px var(--d-suave)}
.cw-d[data-marca=labs] .cw-d-btn{border-color:var(--d-linha);border-radius:14px}