/* Leginova — folha de estilo do site.
   Tokens extraídos do design system "ipê branco"
   (leginova-designsystem-ipebranco/tokens). Não criar cores novas aqui. */

/* Fontes hospedadas no próprio domínio (subconjunto latin, licença SIL OFL 1.1,
   ver assets/fonts/LICENSE-*.txt). Nenhuma requisição a terceiros. */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/eb-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/space-grotesk-latin-300-normal.woff2') format('woff2')}

:root{
  --navy-950:#090D18;--navy-900:#0B1220;--navy-800:#10162A;--navy-600:#1E2A4A;
  --gold-500:#E7BB5C;--gold-600:#C98A28;--gold-700:#93711F;
  --teal-500:#5EEAD4;--teal-700:#1A8F7D;
  --risk-500:#E2694E;
  --paper-50:#FAF7F1;--paper-100:#F1EADC;--white:#FFFFFF;
  --text-body-light:#171B26;--text-muted-light:#5B6072;
  --text-body-dark:#EDEFF6;--text-muted-dark:#A7B0C6;
  --line-hairline:rgba(23,27,38,.12);--line-soft:rgba(167,176,198,.14);--line-strong:rgba(167,176,198,.26);

  --font-display:'EB Garamond',Garamond,Georgia,serif;
  --font-wordmark:'Space Grotesk',sans-serif;
  --font-body:'Inter',-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;

  --radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-pill:100px;
  --shadow-card:0 1px 4px rgba(9,13,24,.08);
  --measure:64ch;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  margin:0;background:var(--paper-50);color:var(--text-body-light);
  font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word;
}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0;line-height:1.2}
p{margin:0}
a{color:var(--navy-900);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--gold-600);outline-offset:3px;border-radius:2px}

.wrap{max-width:960px;margin:0 auto;padding:0 1.25rem}
@media (min-width:600px){.wrap{padding:0 1.75rem}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;position:fixed;background:var(--white);color:var(--navy-900);padding:.6rem 1rem;z-index:99;border-radius:var(--radius-sm)}

/* Cabeçalho fixo: único uso de blur, conforme o design system. */
.topo{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line-hairline);background:rgba(250,247,241,.92);backdrop-filter:blur(10px)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding-top:.9rem;padding-bottom:.9rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--navy-900)}
.brand img{width:30px;height:30px}
.brand span{font-family:var(--font-wordmark);font-size:1.45rem;font-weight:300;letter-spacing:.02em;text-transform:lowercase;line-height:1}
.topo nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.topo nav a{font-size:.92rem;color:var(--text-muted-light);text-decoration:none;padding:.2rem 0}
.topo nav a:hover{color:var(--navy-900);text-decoration:underline}

.eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted-light);margin-bottom:.9rem}

/* Hero */
.hero{background:var(--navy-950);color:var(--text-body-dark);padding:4.5rem 0 4.25rem;position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:2}
.hero .eyebrow{color:var(--gold-500)}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);color:#FCFAF5;max-width:22ch;letter-spacing:-.01em;line-height:1.12}
.hero-sub{max-width:52ch;margin-top:1.25rem;color:var(--text-muted-dark);font-size:1.08rem}
.hero .actions{margin-top:2.25rem}
.hero-ipe{position:absolute;z-index:1;top:50%;right:-3%;width:min(40vw,430px);transform:translateY(-50%);opacity:.75;pointer-events:none;filter:drop-shadow(0 0 14px rgba(231,187,92,.18))}
@media (max-width:760px){.hero-ipe{display:none}}

.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:0;font:500 .97rem/1.3 var(--font-body);text-decoration:none;cursor:pointer;transition:filter .15s}
.btn:hover{filter:brightness(1.08)}
.btn-solid{background:var(--gold-500);color:var(--navy-950)}

/* Seções */
.secao{padding:4.25rem 0;border-bottom:1px solid var(--line-hairline)}
.secao-tinta{background:var(--paper-100)}
.secao h2{font-size:clamp(1.55rem,3.4vw,2.1rem);color:var(--navy-900);max-width:26ch}
.lede{max-width:var(--measure);color:var(--text-muted-light);margin-top:1rem}

.statement{max-width:var(--measure);display:grid;gap:1.1rem}
.statement p{font-family:var(--font-display);font-size:clamp(1.18rem,2.2vw,1.38rem);line-height:1.5;color:var(--text-body-light)}

.principios{list-style:none;margin:2.25rem 0 0;padding:0;display:grid;gap:1px;background:#DFDDD9;border:1px solid var(--line-hairline);border-radius:var(--radius-lg);overflow:hidden;counter-reset:p}
@media (min-width:700px){.principios{grid-template-columns:1fr 1fr}}
.principios li{background:var(--paper-50);padding:1.5rem 1.5rem 1.6rem;counter-increment:p}
.principios li::before{content:counter(p,decimal-leading-zero);display:block;font-family:var(--font-mono);font-weight:500;font-size:.78rem;color:var(--text-muted-light);margin-bottom:.5rem}
.principios h3{font-size:1.25rem;color:var(--navy-900);margin-bottom:.35rem}
.principios p{color:var(--text-muted-light);font-size:.97rem}

/* Cards de projeto */
.cards{list-style:none;margin:2.25rem 0 0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.card{background:var(--white);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.4rem 1.4rem 1.5rem;display:flex;flex-direction:column}
.card-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.9rem}
.card h3{font-size:1.4rem;color:var(--navy-900);margin-bottom:.75rem}
.card h3 a{color:inherit}
.card dl{margin:0;font-size:.95rem}
.card dt{font-family:var(--font-mono);font-weight:500;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-light);margin-top:.85rem}
.card dt:first-child{margin-top:0}
.card dd{margin:.2rem 0 0;color:var(--text-body-light)}
.ente{font-size:.82rem;color:var(--text-muted-light)}
.status{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .65rem;border:1px solid var(--line-hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.72rem;font-weight:500;color:var(--text-body-light);background:var(--paper-50)}
.status::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--text-muted-light)}
.status-implantacao::before{background:var(--teal-700)}
.status-desenvolvimento::before{background:var(--gold-600)}
.status-prototipo::before{background:var(--navy-600)}
.status-planejado::before{background:transparent;border:1px solid var(--text-muted-light)}
.stack{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.stack li{font-family:var(--font-mono);font-weight:500;font-size:.74rem;padding:.12rem .55rem;border-radius:var(--radius-pill);background:var(--paper-100);color:var(--text-body-light)}

.credencial{font-family:var(--font-mono);font-weight:500;font-size:.88rem;color:var(--text-body-light);margin-top:.75rem}

/* Contato (fundo escuro) */
.contato{background:var(--navy-900);color:var(--text-body-dark);border-bottom:0}
.contato .eyebrow{color:var(--gold-500)}
.contato h2{color:#FCFAF5}
.contato .lede{color:var(--text-muted-dark)}
.contato a{color:var(--gold-500)}
.alternativa{margin-top:1.75rem;color:var(--text-muted-dark)}

.rodape{padding:2.5rem 0 3rem;font-size:.85rem;color:var(--text-muted-light);border-top:1px solid var(--line-hairline)}
.rodape-grade{display:flex;align-items:flex-start;gap:1.25rem}
.selo{width:56px;height:56px;flex:none;margin-top:.25rem}
.rodape p{margin:.3rem 0;max-width:var(--measure)}

/* Páginas de documento (Política de Privacidade, confirmação do contato) */
.documento h1{font-size:clamp(1.9rem,4.4vw,2.6rem);color:var(--navy-900);max-width:24ch}
.documento h2{font-size:1.35rem;margin-top:2.25rem;margin-bottom:.5rem}
.documento p,.documento ul{max-width:var(--measure)}
.documento p+p{margin-top:.75rem}
.documento ul{padding-left:1.25rem;margin:.75rem 0}
.documento li{margin:.35rem 0}
.documento .atualizacao{margin-top:2.5rem;font-size:.88rem;color:var(--text-muted-light)}

/* Formulário de contato (fundo escuro) */
.form{margin-top:2rem;max-width:40rem;display:grid;gap:1.1rem}
.campo{display:grid;gap:.35rem}
.campo label{font-size:.92rem;font-weight:500;color:var(--text-body-dark)}
.opcional{font-weight:400;color:var(--text-muted-dark)}
.form input,.form select,.form textarea{width:100%;font:400 1rem/1.5 var(--font-body);color:var(--text-body-dark);background:var(--navy-950);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:.65rem .8rem}
.form textarea{resize:vertical;min-height:8rem}
.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted-dark) 50%),linear-gradient(135deg,var(--text-muted-dark) 50%,transparent 50%);background-position:calc(100% - 1.1rem) 55%,calc(100% - .8rem) 55%;background-size:.3rem .3rem;background-repeat:no-repeat;padding-right:2.2rem}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:2px solid var(--gold-500);outline-offset:1px;border-color:transparent}
.form .btn{justify-self:start}
.form .btn:disabled{opacity:.6;cursor:wait}
.contato :focus-visible{outline-color:var(--gold-500)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.aviso{font-size:.88rem;color:var(--text-muted-dark);max-width:var(--measure)}
.form-status:empty{display:none}
.form-status{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--line-strong);color:var(--text-body-dark)}
.form-status.sucesso{border-color:var(--teal-500)}
.form-status.erro{border-color:var(--risk-500)}
.form.enviado .campo,.form.enviado .cf-turnstile,.form.enviado .btn{display:none}
.actions-doc{margin-top:2rem}

.perfis{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.perfis a{font-weight:500;padding:.2rem 0}

/* ---------------------------------------------------------------
   Ícones próprios (icones/*.svg, inseridos em linha pelo build).
   Sistema geométrico: traço 2,1 com cantos vivos, octógono do miolo
   do ipê como nó, curvas de nível finas como camada cartográfica.
   Traço em currentColor (navy); ouro e teal já vêm no SVG.
   --------------------------------------------------------------- */
.icone{display:block;width:100%;height:100%}

.card-icone,.etapa-icone{color:var(--navy-900);background:var(--paper-100);border:1px solid var(--line-hairline);border-radius:var(--radius-lg)}
.card-icone{width:64px;height:64px;padding:10px;margin-bottom:1rem;transition:border-color .3s}
.card:hover .card-icone{border-color:rgba(201,138,40,.55)}

/* Pulso do status "Em implantação" */
.status-implantacao::before{animation:pulso 2.4s ease-in-out infinite}
@keyframes pulso{0%,100%{opacity:.45}50%{opacity:1}}

/* ---------------------------------------------------------------
   Pipeline do Quipu
   --------------------------------------------------------------- */
.pipeline{margin:2.5rem 0 0;background:var(--white);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.6rem 1.4rem 1.8rem}
@media (min-width:760px){.pipeline{padding:2rem 2rem 2.2rem}}
.pipeline figcaption h3{font-size:clamp(1.3rem,2.6vw,1.6rem);color:var(--navy-900);max-width:30ch}
.pipeline figcaption p:not(.eyebrow){color:var(--text-muted-light);max-width:var(--measure);margin-top:.5rem;font-size:.97rem}
.pipeline .eyebrow{margin-bottom:.5rem}

.etapas{--gap:1.75rem;list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:var(--gap);counter-reset:etapa}
.etapa{position:relative;display:grid;grid-template-columns:64px 1fr;column-gap:1rem;align-content:start;counter-increment:etapa}
.etapa-icone{grid-row:1/span 2;width:64px;height:64px;padding:10px;position:relative;z-index:1}
.etapa h4{font:500 1rem/1.3 var(--font-body);color:var(--navy-900);margin:.35rem 0 .2rem}
.etapa h4::before{content:counter(etapa,decimal-leading-zero) ' ';font-family:var(--font-mono);font-weight:500;font-size:.72rem;color:var(--text-muted-light);margin-right:.35rem}
.etapa p{margin:0;font-size:.92rem;color:var(--text-muted-light)}

/* Conectores: linha tracejada com um ponto que percorre o fluxo */
.etapa:not(:last-child)::after{content:'';position:absolute;left:31.5px;top:70px;bottom:calc(-1 * var(--gap) + 6px);width:1px;background:linear-gradient(180deg,rgba(23,27,38,.28) 50%,transparent 0) 0 0/1px 6px repeat-y}
.etapa:not(:last-child)::before{content:'';position:absolute;left:29px;top:70px;width:6px;height:6px;border-radius:50%;background:var(--teal-700);z-index:2;animation:fluxo-v 3.2s linear infinite;opacity:0}
@keyframes fluxo-v{0%{top:70px;opacity:0}15%,85%{opacity:1}100%{top:calc(100% + var(--gap) - 12px);opacity:0}}

@media (min-width:760px){
  .etapas{grid-template-columns:repeat(4,1fr);--gap:1.25rem}
  .etapa{grid-template-columns:1fr}
  .etapa-icone{grid-row:auto;margin-bottom:.6rem}
  .etapa:not(:last-child)::after{left:72px;right:calc(-1 * var(--gap) + 6px);top:31.5px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,rgba(23,27,38,.28) 50%,transparent 0) 0 0/6px 1px repeat-x}
  .etapa:not(:last-child)::before{left:72px;top:29px;animation-name:fluxo-h}
  @keyframes fluxo-h{0%{left:72px;opacity:0}15%,85%{opacity:1}100%{left:calc(100% + var(--gap) - 12px);opacity:0}}
}
.etapa:nth-child(2)::before{animation-delay:.8s}
.etapa:nth-child(3)::before{animation-delay:1.6s}

/* ---------------------------------------------------------------
   Revelação ao rolar (ativada por assets/movimento.js)
   --------------------------------------------------------------- */
.movimento .reveal,.movimento .reveal-grupo>*{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.movimento .reveal.visivel,.movimento .reveal-grupo>.visivel{opacity:1;transform:none}
.movimento .reveal-grupo>:nth-child(2){transition-delay:.12s}
.movimento .reveal-grupo>:nth-child(3){transition-delay:.24s}

/* Hero: deriva lenta do ipê e do campo topográfico */
.hero-ipe{animation:ipe-deriva 12s ease-in-out infinite}
@keyframes ipe-deriva{0%,100%{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(calc(-50% - 6px)) rotate(4deg)}}

/* ---------------------------------------------------------------
   Relevo: curvas de nível douradas (assets/contour-field.svg)
   Camada base que "respira" e camada de brilho: uma faixa de luz
   mascarada percorre as linhas devagar, como reflexo em metal.
   Sem animação com prefers-reduced-motion (regra do topo): a base
   fica parada e o brilho, fora da área visível.
   --------------------------------------------------------------- */
.relevo{position:relative;isolation:isolate;overflow:hidden;
  --relevo-pos:center;--relevo-tam:cover;--relevo-base:.4;--relevo-brilho:1;--relevo-mistura:screen;
  --relevo-img:url('/assets/contour-field.svg');--relevo-fade:linear-gradient(#000,#000)}
.relevo::before,.relevo::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--relevo-img) no-repeat var(--relevo-pos)/var(--relevo-tam);mix-blend-mode:var(--relevo-mistura)}
.relevo::before{opacity:var(--relevo-base);-webkit-mask-image:var(--relevo-fade);mask-image:var(--relevo-fade);animation:relevo-respira 9s ease-in-out infinite}
.relevo::after{opacity:var(--relevo-brilho);filter:brightness(2.2) saturate(1.3) drop-shadow(0 0 3px rgba(231,187,92,.55));
  --brilho:linear-gradient(100deg,transparent 44%,rgba(0,0,0,.6) 48.5%,#000 50%,rgba(0,0,0,.6) 51.5%,transparent 56%);
  -webkit-mask-image:var(--brilho),var(--relevo-fade);mask-image:var(--brilho),var(--relevo-fade);
  -webkit-mask-size:300% 100%,100% 100%;mask-size:300% 100%,100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-composite:source-in;mask-composite:intersect;
  -webkit-mask-position:100% 0,0 0;mask-position:100% 0,0 0;animation:relevo-reluz 12s cubic-bezier(.45,0,.35,1) infinite}
@keyframes relevo-respira{0%,100%{opacity:var(--relevo-base)}50%{opacity:calc(var(--relevo-base) * 1.45)}}
@keyframes relevo-reluz{0%{-webkit-mask-position:100% 0,0 0;mask-position:100% 0,0 0}55%,100%{-webkit-mask-position:0% 0,0 0;mask-position:0% 0,0 0}}

.relevo-escuro{--relevo-mistura:screen}
.relevo-claro{--relevo-img:url('/assets/contour-field-claro.svg');--relevo-mistura:multiply;--relevo-base:.3;--relevo-brilho:.75}
.relevo-canto{--relevo-pos:calc(100% + 120px) 50%;--relevo-tam:auto 125%;--relevo-fade:linear-gradient(90deg,transparent 30%,#000 75%)}
.contato.relevo-canto{--relevo-pos:center;--relevo-tam:cover;--relevo-base:.3;--relevo-fade:linear-gradient(#000,#000)}
.rodape.relevo{--relevo-pos:calc(100% + 120px) 30%;--relevo-tam:820px auto;--relevo-base:.22;--relevo-brilho:.6;--relevo-fade:linear-gradient(90deg,transparent 35%,#000 80%)}
.pipeline.relevo-canto{--relevo-pos:calc(100% + 160px) 50%;--relevo-tam:auto 130%;--relevo-base:.18;--relevo-brilho:.6}
.contato.relevo::after{animation-delay:-4s}
.pipeline.relevo::after{animation-delay:-7s}
@media (max-width:600px){.relevo-canto{--relevo-pos:calc(100% + 260px) 30%}}

/* ---------------------------------------------------------------
   Cards de projeto: chamada, público, ganhos e manifestação de interesse
   --------------------------------------------------------------- */
.card-chamada{font-family:var(--font-display);font-size:1.22rem;line-height:1.3;color:var(--navy-900);margin:-.25rem 0 .6rem}
.card-para{font-size:.92rem;color:var(--text-muted-light);margin-bottom:.9rem}
.card-ganhos{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem;font-size:.93rem}
.card-ganhos li{position:relative;padding-left:1.25rem}
/* Marcador: o octógono do miolo do ipê, em ouro */
.card-ganhos li::before{content:'';position:absolute;left:0;top:.5em;width:.55rem;height:.55rem;background:var(--gold-600);
  clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
.card-detalhes{border-top:1px solid var(--line-hairline);padding-top:.7rem;margin-bottom:1.1rem}
.card-detalhes summary{cursor:pointer;font-family:var(--font-mono);font-weight:500;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-light);list-style:none;display:flex;align-items:center;gap:.45rem}
.card-detalhes summary::-webkit-details-marker{display:none}
.card-detalhes summary::before{content:'+';font-size:.95rem;line-height:1;color:var(--navy-900);transition:transform .2s}
.card-detalhes[open] summary::before{content:'\2212'}
.card-detalhes dl{margin-top:.75rem}
.btn-interesse{margin-top:auto;align-self:stretch;text-align:center;background:transparent;color:var(--navy-900);border:1px solid var(--navy-900);padding:.65rem 1rem;font-size:.92rem}
.btn-interesse:hover{background:var(--navy-900);color:#FCFAF5;filter:none}

/* Aviso de vagas limitadas */
.vagas{margin-top:1.75rem;display:flex;gap:1rem;align-items:flex-start;max-width:var(--measure);background:var(--white);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.1rem 1.25rem}
.vagas .eyebrow{margin-bottom:.35rem;color:var(--gold-700)}
.vagas p:not(.eyebrow){font-size:.95rem;color:var(--text-body-light)}
.vagas-marca{flex:none;width:.9rem;height:.9rem;margin-top:.2rem;background:var(--gold-600);clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);animation:pulso 2.8s ease-in-out infinite}

/* Triagem (seção de contato, fundo escuro) */
.triagem{list-style:none;counter-reset:t;margin:1.5rem 0 0;padding:0;display:grid;gap:.75rem;max-width:var(--measure)}
@media (min-width:760px){.triagem{grid-template-columns:repeat(3,1fr);gap:1rem}}
.triagem li{counter-increment:t;border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:.85rem 1rem;font-size:.9rem;color:var(--text-muted-dark);background:rgba(9,13,24,.55)}
.triagem li::before{content:counter(t,decimal-leading-zero);display:block;font-family:var(--font-mono);font-weight:500;font-size:.72rem;color:var(--gold-500);margin-bottom:.3rem}
.triagem strong{color:var(--text-body-dark);font-weight:500}

/* ---------------------------------------------------------------
   Artigos
   --------------------------------------------------------------- */
.artigo .eyebrow a{color:inherit;text-decoration:none}
.artigo .eyebrow a:hover{text-decoration:underline}
.artigo-meta{font-size:.88rem;color:var(--text-muted-light);margin-top:.6rem}
.artigo h3{font:500 1.05rem/1.3 var(--font-body);color:var(--navy-900);margin:1.25rem 0 .35rem}
.artigo-cta{margin-top:2.5rem;max-width:var(--measure);background:var(--white);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.4rem 1.5rem}
.artigo-cta .eyebrow{color:var(--gold-700);margin-bottom:.4rem}
.artigo-cta .btn{margin-top:1rem}
.artigo-nota{margin-top:2rem;font-size:.85rem;color:var(--text-muted-light)}

.lista-artigos{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem;max-width:46rem}
.lista-artigos a{display:block;text-decoration:none;background:var(--white);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem 1.4rem;transition:border-color .3s}
.lista-artigos a:hover{border-color:rgba(201,138,40,.55)}
.lista-artigos .eyebrow{display:block;margin-bottom:.4rem}
.lista-titulo{display:block;font-family:var(--font-display);font-size:1.3rem;line-height:1.25;color:var(--navy-900)}
.lista-resumo{display:block;margin-top:.45rem;font-size:.93rem;color:var(--text-muted-light)}
.mais-artigos{margin-top:1.25rem;font-size:.95rem}
.documento h2{max-width:none}