/* NÃO EDITAR: _compartilhado/_elementos; sincronizar.cjs. */
/* Tema Agência: tokens exclusivos dos elementos. */
.cw-el{--el-papel:#fffdf5;--el-tinta:#141414;--el-linha:#141414;--el-acento:#141414;--el-suave:#55db9c;--el-alternativo:#e9ccff;--el-destaque:#ffd731;--el-borda:3px;--el-raio:0px;--el-titulo-fonte:inherit}

.cw-el{--el-sombra:7px 7px 0 #141414;--el-ritmo:5.2s;--el-flutuar:cw-el-adesivo;--el-entrada:var(--slush,cubic-bezier(.65,.05,0,1))}

/* HTML final é a base; só marcadores e linhas ganham movimento. */
.cw-el{box-sizing:border-box;max-width:100%;min-width:0;margin:2.5rem 0;padding:clamp(18px,3vw,32px);border:var(--el-borda) solid var(--el-linha);border-radius:var(--el-raio);background:var(--el-papel);color:var(--el-tinta);font-family:inherit;overflow-wrap:anywhere}
.cw-el *{box-sizing:border-box;min-width:0}
.cw-el figcaption{display:grid;gap:8px;margin:0 0 24px;color:var(--el-tinta);font:inherit;text-align:left}
.cw-el figcaption>strong{font-family:var(--el-titulo-fonte);font-size:clamp(20px,2.5vw,27px);line-height:1.2;letter-spacing:-.025em}
.cw-el figcaption>span{font-size:14px;line-height:1.55}
.cw-el figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--el-acento);text-decoration:underline;text-underline-offset:3px}
.cw-el .cw-el-selo{width:fit-content;padding:5px 9px;background:var(--el-suave);font-size:12px;font-weight:600;border:1px solid var(--el-linha)}
.cw-el .cw-el-lista{list-style:none;padding:0;margin:0;display:grid;gap:0}
.cw-el .cw-el-lista>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;margin:0;padding:18px 0;border-top:1px solid var(--el-linha);position:relative;font-size:16px;line-height:1.6}
.cw-el .cw-el-lista p{margin:6px 0 0;font:inherit;color:inherit}
.cw-el .cw-el-marcador{display:grid;place-items:center;align-self:start;width:36px;height:36px;border:var(--el-borda) solid var(--el-acento);border-radius:var(--el-raio);background:var(--el-suave);color:var(--el-acento);font-weight:700;font-variant-numeric:tabular-nums}
.cw-el .cw-el-grupo,.cw-el .cw-el-quando{display:block;font-size:13px}
.cw-el .cw-el-lista>li:nth-child(even) .cw-el-marcador{background:var(--el-alternativo,var(--el-suave))}
.cw-el .cw-el-lista>li:last-child .cw-el-marcador{background:var(--el-destaque,var(--el-suave))}
.cw-el .cw-el-comparativo tbody tr:nth-child(even) th{background:var(--el-alternativo,var(--el-suave))}
.cw-el .cw-el-fluxo>li>ul>li>ul>li>.cw-el-no{background:var(--el-alternativo,var(--el-suave))}
.cw-el .cw-el-comparativo{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.5;margin:0}
.cw-el .cw-el-comparativo :is(th,td){padding:12px 9px;text-align:left;vertical-align:top;border:1px solid var(--el-linha);color:var(--el-tinta);background:transparent;font:inherit}
.cw-el .cw-el-comparativo th{font-weight:700;background:var(--el-suave)}
.cw-el .cw-el-comparativo td>span:not(.cw-el-campo){display:block;margin-top:5px}
.cw-el .cw-el-campo{display:none}
.cw-el .cw-el-nivel{display:block;color:var(--el-acento)}
.cw-el .cw-el-fluxo,.cw-el .cw-el-fluxo :is(ul,ol){list-style:none;padding:0;margin:0;display:grid;gap:12px}
.cw-el .cw-el-fluxo :is(ul,ol){padding-left:20px;margin-top:12px;border-left:var(--el-borda) solid var(--el-linha)}
.cw-el .cw-el-fluxo li{list-style:none;padding:0;margin:0;font-size:16px}
.cw-el .cw-el-fluxo li::marker{content:''}
.cw-el .cw-el-fluxo li::before{content:none}
.cw-el .cw-el-no{position:relative;display:flex;gap:12px;align-items:center;padding:14px;border:var(--el-borda) solid var(--el-linha);border-radius:var(--el-raio);background:var(--el-suave);line-height:1.4}
.cw-el .cw-el-ponto{display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--el-acento)}
.cw-el .cw-el-ramo{font-size:13px;font-weight:600}
.cw-el .cw-el-ramos>li:last-child .cw-el-no{background:var(--el-destaque,var(--el-suave))}
.cw-el-controles{display:flex;justify-content:flex-start;min-height:0;margin-top:18px}
.cw-el-controles .cw-motion-toggle{margin:0;border-color:var(--el-acento);color:var(--el-acento)}
.cw-el .cw-el-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.cw-el *{animation:none!important;transition:none!important}}
@media(max-width:599px){
 .cw-el .cw-el-comparativo{display:block}
 .cw-el .cw-el-comparativo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cw-el .cw-el-comparativo tbody{display:grid;gap:18px}
 .cw-el .cw-el-comparativo tr{display:block;border:var(--el-borda) solid var(--el-linha)}
 .cw-el .cw-el-comparativo :is(th,td){display:block;width:100%;border:0;border-bottom:1px solid var(--el-linha);padding:12px}
 .cw-el .cw-el-campo{display:block;font-weight:600;margin-bottom:6px}
 .cw-el .cw-el-fluxo :is(ul,ol){padding-left:10px}
}
@media print{.cw-el *{animation:none!important;opacity:1!important;transform:none!important}.cw-el-controles{display:none}.cw-el{break-inside:avoid}}

/* Movimento editorial: texto estável, ilustração e realces em camadas. */
.cw-el{position:relative;isolation:isolate;padding:clamp(22px,4vw,40px) 0;background:transparent;border:0;border-top:var(--el-borda) solid var(--el-linha);border-radius:0;box-shadow:none;--el-ciclo:calc(var(--el-total,5)*1.6s)}
.cw-el figcaption>strong{font-size:clamp(23px,3vw,32px);line-height:1.2}
.cw-el .cw-el-arte{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:600/190;min-height:140px;max-height:240px;margin:24px 0 32px;border:0;border-block:1px solid var(--el-linha);border-radius:0;background:var(--el-papel);overflow:hidden;box-shadow:none}
.cw-el .cw-el-arte svg{display:block;width:100%;height:100%;max-height:230px;color:var(--el-acento);overflow:visible}
.cw-el .cw-el-volume{fill:var(--el-papel);stroke:var(--el-acento);stroke-width:1.7;filter:none}
.cw-el .cw-el-peca:nth-of-type(even) .cw-el-volume{fill:var(--el-alternativo,var(--el-suave))}
.cw-el .cw-el-trajeto{stroke:var(--el-linha);stroke-width:2}
.cw-el .cw-el-feixe{stroke:var(--el-acento);stroke-width:4;stroke-dasharray:8 92;stroke-dashoffset:0}
.cw-el .cw-el-particulas{opacity:.45}
.cw-el .cw-el-orbita{stroke-dasharray:3 9;opacity:.5}
.cw-el .cw-el-terminal{fill:var(--el-acento);stroke:var(--el-papel);stroke-width:3}
.cw-el .cw-el-lista{gap:12px}
.cw-el .cw-el-lista>li{grid-template-columns:52px minmax(0,1fr);gap:18px;padding:22px 16px;border:1px solid var(--el-linha);border-radius:var(--el-raio);background:var(--el-papel)}
.cw-el .cw-el-lista>li::after,.cw-el .cw-el-comparativo tbody th::after,.cw-el .cw-el-no::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:2px solid var(--el-acento);opacity:0;background:linear-gradient(110deg,var(--el-suave),transparent 70%)}
.cw-el .cw-el-marcador{width:48px;height:48px;font-size:20px;position:relative;z-index:1;transition:transform .2s var(--el-entrada,cubic-bezier(.215,.61,.355,1))}
.cw-el .cw-el-lista>li>div,.cw-el .cw-el-no>strong{position:relative;z-index:1}
.cw-el .cw-el-comparativo tbody th{position:relative}
.cw-el .cw-el-no{min-height:72px;padding:20px;gap:18px}
.cw-el .cw-el-ponto{width:14px;height:14px;flex-basis:14px;box-shadow:0 0 0 6px var(--el-papel);transition:transform .2s var(--el-entrada,cubic-bezier(.215,.61,.355,1))}
.cw-el .cw-el-fluxo{gap:18px}
.cw-el .cw-el-fluxo :is(ul,ol){gap:18px;margin-top:18px}
.cw-el .cw-el-fluxo>li+li>.cw-el-no::before{content:'';position:absolute;left:26px;top:-19px;height:18px;border-left:2px dashed var(--el-acento)}
.cw-el .cw-el-controles{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cw-el [tabindex]:focus-visible{outline:3px solid var(--el-acento);outline-offset:4px}
.cw-el .cw-el-item-foco .cw-el-marcador,.cw-el .cw-el-item-foco>.cw-el-ponto{transform:scale(1.12) rotate(-4deg)}
.cw-el .cw-el-item-foco::after{opacity:.2!important}
.cw-el--degraus .cw-el-lista>li:nth-child(even){background:var(--el-suave)}
.cw-el--mosaico .cw-el-lista>li{align-items:center;min-height:112px}
.cw-el--orbita .cw-el-no{border-radius:36px}
.cw-el--orbita .cw-el-ramos{border-left-style:dashed}
@media(min-width:760px){
 .cw-el--degraus .cw-el-etapas,.cw-el--mosaico .cw-el-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .cw-el--paineis .cw-el-comparativo{display:block}
 .cw-el--paineis .cw-el-comparativo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cw-el--paineis .cw-el-comparativo tbody{display:flex;gap:16px;align-items:stretch}
 .cw-el--paineis .cw-el-comparativo tr{display:flex;flex-direction:column;flex:1;border:var(--el-borda) solid var(--el-linha);border-radius:var(--el-raio);overflow:hidden}
 .cw-el--paineis .cw-el-comparativo :is(th,td){display:block;width:100%;border:0;border-bottom:1px solid var(--el-linha);padding:18px}
 .cw-el--paineis .cw-el-comparativo th{min-height:72px}
 .cw-el--paineis .cw-el-comparativo td{flex:1}
 .cw-el--paineis .cw-el-campo{display:block;font-weight:600;margin-bottom:8px}
}
@media(hover:hover) and (pointer:fine){
 .cw-el .cw-el-lista>li:hover .cw-el-marcador,.cw-el .cw-el-no:hover>.cw-el-ponto{transform:scale(1.12) rotate(-4deg)}
 .cw-el .cw-el-lista>li:hover::after,.cw-el .cw-el-no:hover::after{opacity:.18!important}
}
@media(prefers-reduced-motion:no-preference){
 .cw-el--js .cw-el-feixe{animation:cw-el-feixe var(--el-ritmo) linear infinite}
 .cw-el--js .cw-el-peca{transform-box:fill-box;transform-origin:center;animation:var(--el-flutuar,cw-el-flutuar) var(--el-ritmo) ease-in-out infinite;animation-delay:calc(var(--el-i,0)*-.8s)}
 .cw-el--js .cw-el-balanco{transform-origin:300px 58px;animation:cw-el-balanco 9s ease-in-out infinite}
 .cw-el--js .cw-el-particulas{animation:cw-el-particulas 6s ease-in-out infinite}
 .cw-el--js .cw-el-lista>li::after,.cw-el--js .cw-el-comparativo tbody th::after,.cw-el--js .cw-el-no::after{animation:cw-el-foco var(--el-ciclo) linear infinite;animation-delay:calc(var(--el-i,0)*1.6s)}
 .cw-el--play :is(.cw-el-marcador,.cw-el-ponto,.cw-el-nivel){animation:cw-el-entrar .65s var(--el-entrada,cubic-bezier(.215,.61,.355,1)) both;animation-delay:calc(var(--el-i,0)*.07s)}
 .cw-el--play .cw-el-desenho{stroke-dasharray:1;animation:cw-el-desenhar .7s var(--el-entrada,cubic-bezier(.215,.61,.355,1)) both;animation-delay:calc(var(--el-i,0)*.07s)}
 .cw-el--js:not([data-cw-motion="running"]) *,.cw-el--js:not([data-cw-motion="running"]) *::after{animation-play-state:paused!important}
 @keyframes cw-el-entrar{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
 @keyframes cw-el-desenhar{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
 @keyframes cw-el-feixe{to{stroke-dashoffset:-100}}
 @keyframes cw-el-flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
 @keyframes cw-el-adesivo{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
 @keyframes cw-el-corp{0%,100%{opacity:1}50%{opacity:.7}}
 @keyframes cw-el-balanco{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
 @keyframes cw-el-particulas{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:.7;transform:translateY(-4px)}}
 @keyframes cw-el-foco{0%,18%,100%{opacity:0}3%,12%{opacity:.22}}
}
@media(max-width:599px){
 .cw-el .cw-el-arte{min-height:120px;margin-bottom:24px}
 .cw-el .cw-el-lista>li{padding:18px 12px;gap:12px;grid-template-columns:44px minmax(0,1fr)}
 .cw-el .cw-el-marcador{width:42px;height:42px}
 .cw-el--js .cw-el-peca,.cw-el--js .cw-el-particulas,.cw-el--js .cw-el-balanco{animation:none}
 .cw-el .cw-el-no{padding:18px 14px}
}
@media(prefers-reduced-motion:reduce){.cw-el *,.cw-el *::after{animation:none!important;transition:none!important}.cw-el .cw-el-item-foco .cw-el-marcador,.cw-el .cw-el-item-foco>.cw-el-ponto{transform:none}}
@media print{.cw-el *,.cw-el *::after{animation:none!important;transform:none!important}.cw-el .cw-el-controles{display:none}}

@media(prefers-reduced-motion:reduce){.cw-el .cw-el-lista>li:hover .cw-el-marcador,.cw-el .cw-el-no:hover>.cw-el-ponto{transform:none}}

.cw-el .cw-el-comparativo tbody tr{transition:transform .2s var(--el-entrada,cubic-bezier(.215,.61,.355,1))}
.cw-el .cw-el-comparativo .cw-el-item-foco{transform:translateY(-3px)}
.cw-el .cw-el-comparativo .cw-el-item-foco th::after{opacity:.22!important}
@media(hover:hover) and (pointer:fine){.cw-el .cw-el-comparativo tbody tr:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.cw-el .cw-el-comparativo tbody tr{transform:none!important}}