/* Topos R6: processo aberto, sem cartão ou imagem; cores de cada frente. */
.cw-arte-linha{display:grid;grid-template-columns:minmax(0,1fr) min(38vw,460px);align-items:center;gap:clamp(24px,4vw,64px);min-width:0;margin-bottom:24px;container-type:inline-size}
.cw-arte-linha:not(:has(.cw-arte-topo)){display:block}
.cw-arte-linha>h1{min-width:0;max-width:100%;margin:0}
/* Heroes já divididas em colunas priorizam o texto, sem uma segunda divisão estreita. */
@container(max-width:1100px){.cw-arte-linha>h1{grid-column:1/-1}.cw-arte-linha>.cw-arte-topo{display:none}}
/* O molde antigo de artigo conserva o gráfico abaixo do título também no celular. */
@container(max-width:1100px){.cw-arte-linha:has(>.pg-h1--artigo)>.cw-arte-topo{display:block;grid-column:1/-1;max-width:420px;margin:24px auto 0}}
.cw-arte-topo{--arte-acento:#006b73;--arte-tinta:#244449;--arte-papel:#edf6f4;display:block;position:relative;isolation:isolate;width:100%;max-width:520px;min-width:0;margin:0;aspect-ratio:600/330}
.cw-arte-topo[data-cw-arte^="agencia-"]{--arte-acento:#26714c;--arte-tinta:#171e1b;--arte-papel:#f1f8eb}
.cw-arte-topo[data-cw-arte^="corp-"]{--arte-acento:#205eb3;--arte-tinta:#19364d;--arte-papel:#edf3fa}
.cw-arte-topo::before{content:none}
.cw-arte-topo svg{display:block;width:100%;height:auto;overflow:visible}
.cw-arte-trilha,.cw-arte-retorno{fill:none;stroke:var(--arte-acento);stroke-width:2;stroke-linecap:round}
.cw-arte-retorno{opacity:.22;stroke-dasharray:4 7}
.cw-arte-etapa rect{fill:var(--arte-papel);stroke:var(--arte-acento);stroke-opacity:.32}
.cw-arte-etapa circle,.cw-arte-sinal,.cw-arte-pulso{fill:var(--arte-acento)}
.cw-arte-etapa text{fill:var(--arte-tinta);font:19px var(--sans, sans-serif)}
.cw-arte-etapa .cw-arte-titulo{font-size:21px;font-weight:650}
.cw-arte-sinal{animation:cw-arte-viajar 7s cubic-bezier(.77,0,.175,1) infinite;animation-play-state:paused}
.cw-arte-pulso{opacity:.18;animation:cw-arte-fade 4.8s ease-in-out infinite;animation-play-state:paused}
.cw-arte-ativa :is(.cw-arte-sinal,.cw-arte-pulso){animation-play-state:running}
@keyframes cw-arte-viajar{0%,8%{transform:translate(0,0);opacity:0}12%{opacity:1}42%{transform:translate(255px,0)}62%{transform:translate(255px,150px)}88%{transform:translate(445px,150px);opacity:1}96%,100%{transform:translate(445px,150px);opacity:0}}
@keyframes cw-arte-fade{0%,100%{opacity:.08}50%{opacity:.3}}
@media(min-width:992px){.pg-artigo-novo .artigo-titulo-arte:has(.cw-arte-topo),.corp-artigo .artigo-abertura:has(.cw-arte-topo){display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(24px,4vw,64px);align-items:center}.artigo-arte-slot{min-width:0}.pi{position:relative}.pi__conteudo{position:relative;z-index:2;max-width:62%}.pi>.cw-arte-topo{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:34%;pointer-events:none}.pi__ad{z-index:3}}
@media(max-width:991px){.cw-arte-linha{grid-template-columns:1fr}.cw-arte-linha>.cw-arte-topo{display:none}.pi>.cw-arte-topo{display:none}.pi__conteudo{max-width:none}.pg-artigo-novo .artigo-titulo-arte,.corp-artigo .artigo-abertura{display:block}.artigo-arte-slot .cw-arte-topo{width:min(100%,420px);margin:24px auto 0}}
@media(prefers-reduced-motion:reduce){.cw-arte-sinal{transform:none;animation-name:cw-arte-fade}.cw-arte-pulso{animation-duration:7s}}
@media print{.cw-arte-topo{display:none}.cw-arte-linha{display:block}}

/* R7: seis composições editoriais ocupam a coluna inteira do hero. */
.cw-topo-editorial{aspect-ratio:800/480;max-width:none;--topo-papel:#eff7f5;--topo-alterno:#d8eeeb;--topo-fundo:transparent;--topo-traco:1.5}
.cw-topo-editorial[data-cw-arte^=agencia]{--arte-acento:#171717;--arte-tinta:#171717;--topo-papel:#fffdf5;--topo-alterno:#55db9c;--topo-traco:2.2}
.cw-topo-editorial[data-cw-arte^=corp]{--arte-acento:#205eb3;--arte-tinta:#172c39;--topo-papel:#edf3fa;--topo-alterno:#d2e5f5}
.cw-topo-editorial svg{overflow:visible}
.cw-topo-assunto{fill:var(--arte-tinta);font:600 24px var(--sans,sans-serif);letter-spacing:-.02em}
.cw-topo-titulo{fill:var(--arte-tinta);font:650 24px var(--sans,sans-serif)}
.cw-topo-legenda{fill:var(--arte-tinta);font:20px var(--sans,sans-serif)}
.cw-topo-coluna{fill:var(--arte-tinta);font:600 17px var(--mono,sans-serif);letter-spacing:.06em}
.cw-topo-caixa,.cw-topo-quadro{fill:var(--topo-papel);stroke:var(--arte-acento);stroke-width:var(--topo-traco)}
.cw-topo-peca--1 .cw-topo-caixa,.cw-topo-peca--3 .cw-topo-caixa{fill:var(--topo-alterno)}
.cw-topo-editorial[data-cw-arte^=agencia] .cw-topo-peca--2 .cw-topo-caixa{fill:#e9ccff}
.cw-topo-editorial[data-cw-arte^=agencia] .cw-topo-peca--3 .cw-topo-caixa{fill:#ffd731}
.cw-topo-linha,.cw-topo-divisao{fill:none;stroke:var(--arte-acento);stroke-width:2;stroke-linecap:round}
.cw-topo-divisao{opacity:.25}.cw-topo-solto{stroke-dasharray:5 7;opacity:.5}
.cw-topo-marco,.cw-topo-centro,.cw-topo-indicador circle,.cw-topo-viajante{fill:var(--arte-acento)}
.cw-topo-numero{fill:#fff;font:600 16px var(--sans,sans-serif)}
.cw-topo-percurso,.cw-topo-halo{fill:var(--arte-acento);opacity:.15}
.cw-topo-juncao,.cw-topo-indicador path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cw-topo-caminho{stroke-dasharray:8 10;animation:cw-topo-conectar 8s linear infinite;animation-play-state:paused}
.cw-topo-peca,.cw-topo-indicador{animation:cw-topo-estado 6s ease-in-out infinite;animation-delay:var(--topo-atraso,0s);animation-play-state:paused}
.cw-topo-viajante{animation:cw-topo-passar 4s cubic-bezier(.77,0,.175,1) infinite;animation-play-state:paused}
.cw-topo-viajante--fim{animation-delay:-2s}
.cw-topo-percurso{animation:cw-topo-tempo 10s cubic-bezier(.77,0,.175,1) infinite;animation-play-state:paused}
.cw-topo-halo{animation:cw-topo-estado 5s ease-in-out infinite;animation-play-state:paused}
.cw-arte-ativa :is(.cw-topo-caminho,.cw-topo-peca,.cw-topo-indicador,.cw-topo-viajante,.cw-topo-percurso,.cw-topo-halo){animation-play-state:running}
@keyframes cw-topo-conectar{to{stroke-dashoffset:-180}}
@keyframes cw-topo-estado{0%,75%,100%{opacity:1}40%{opacity:.6}}
@keyframes cw-topo-passar{0%,15%,100%{opacity:0;transform:translateX(-22px)}35%,65%{opacity:1}85%{opacity:0;transform:translateX(22px)}}
@keyframes cw-topo-tempo{0%,12%{transform:translateX(0)}28%,36%{transform:translateX(224px)}52%,60%{transform:translateX(448px)}76%,88%{transform:translateX(672px)}100%{transform:translateX(0)}}
@media(min-width:992px){
 .agencia-artigo .artigo-pi .pi__conteudo{max-width:none!important;width:100%!important}
 .agencia-artigo .artigo-titulo-arte:has(.cw-topo-editorial){display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.35fr);align-items:center;gap:clamp(28px,4vw,80px)}
 .agencia-artigo .artigo-titulo-arte>.cw-topo-editorial{width:100%;margin:0}
 .artigo-arte-slot:has(.cw-topo-editorial){width:100%}
}
@media(max-width:991px){.artigo-arte-slot .cw-topo-editorial,.artigo-titulo-arte>.cw-topo-editorial{display:block;width:100%;max-width:none;margin:28px auto 0}.cw-arte-linha:has(.cw-topo-editorial)>.cw-topo-editorial{display:block;max-width:none;grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.cw-topo-editorial *{animation:none!important}.cw-topo-viajante{opacity:0}.cw-topo-caminho{stroke-dasharray:none}}
.cw-topo-movel{display:none}
@media(max-width:600px){
 .cw-topo-editorial{aspect-ratio:auto}
 .cw-topo-editorial>svg{display:none}
 .cw-topo-movel{display:block;color:var(--arte-tinta)}
 .cw-topo-movel .cw-topo-movel-titulo{font:600 16px/1.4 var(--sans,sans-serif);margin:0 0 18px}
 .cw-topo-movel ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
 .cw-topo-movel li{display:flex;gap:9px;align-items:start;min-width:0;margin:0;padding:14px 10px;background:var(--topo-papel);border:1px solid var(--arte-acento);border-radius:12px}
 .cw-topo-movel li:nth-child(even){background:var(--topo-alterno)}
 .cw-topo-movel li>div{min-width:0}
 .cw-topo-movel strong{display:block;font:650 14px/1.4 var(--sans,sans-serif)}
 .cw-topo-movel li div>span{display:block;margin-top:5px;font:400 12px/1.5 var(--sans,sans-serif);overflow-wrap:anywhere}
 .cw-topo-movel-marco{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--arte-acento);color:#fff;font:600 12px/1 var(--sans,sans-serif)}
 [data-cw-topo=linha-do-tempo] .cw-topo-movel ol{grid-template-columns:1fr;border-left:1px dashed var(--arte-acento);margin-left:10px;gap:18px}
 [data-cw-topo=linha-do-tempo] .cw-topo-movel li{border:0;background:none;padding:0;margin-left:-10px;align-items:start}
 [data-cw-topo=fluxo] .cw-topo-movel ol{grid-template-columns:1fr}
 [data-cw-topo=fluxo] .cw-topo-movel li{position:relative}
 [data-cw-topo=fluxo] .cw-topo-movel li:not(:last-child)::after{content:"";position:absolute;left:20px;bottom:-13px;height:12px;border-left:1px dashed var(--arte-acento)}
 [data-cw-topo=mapa] .cw-topo-movel ol{gap:24px;position:relative}
 [data-cw-topo=mapa] .cw-topo-movel ol::before{content:"";position:absolute;inset:20px;background:linear-gradient(var(--arte-acento),var(--arte-acento)) center/1px 100% no-repeat,linear-gradient(var(--arte-acento),var(--arte-acento)) center/100% 1px no-repeat;z-index:-1}
 [data-cw-topo=painel] .cw-topo-movel ol{padding:10px;border:1px solid var(--arte-acento);border-radius:16px}
 [data-cw-topo=painel] .cw-topo-movel li{border:0;border-radius:8px}
 [data-cw-topo=antes-depois] .cw-topo-movel li:nth-child(2){grid-column:1;grid-row:2}
 [data-cw-topo=antes-depois] .cw-topo-movel li:nth-child(3){grid-column:2;grid-row:1}
 .cw-arte-ativa .cw-topo-movel-marco{animation:cw-topo-estado 6s ease-in-out infinite}
}