/* Newsletter no visual da versão nova do site (05/10/2026): Archivo com eixo de largura, navy sobre branco,
   faixas em névoa e o lima só nos detalhes. Folha própria, sem depender do styles.css da versão anterior. */
:root{
  --navy:#001B3D;--papel:#FFFFFF;--lima:#C1FF72;--nevoa:#EDF1F4;--ardosia:#4A5B6E;--linha:#D3DBE3;
  --g:18px;--t1:clamp(40px,5.6vw,80px);--t2:clamp(30px,3.6vw,48px);--t3:clamp(21px,1.9vw,26px);
  color-scheme:light;
}
@media (min-width:760px){:root{--g:40px}}
@media (min-width:1100px){:root{--g:64px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--papel);color:var(--navy);font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
.lar{width:min(1280px,calc(100% - 2 * var(--g)));margin-inline:auto}
:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--papel),0 0 0 4px var(--navy),0 0 0 6px var(--lima);border-radius:6px}

.bt{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--navy);color:#fff;font-size:16px;font-weight:600;text-decoration:none;text-align:center}
.bt:hover{background:#00152F}
.lk{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;text-decoration-color:rgba(0,27,61,.35)}
.lk:hover{text-decoration-color:currentColor}

/* topo */
.topo{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;gap:20px;height:72px}
.topo-marca{margin-right:auto}
.topo-marca img{width:clamp(150px,40vw,180px)}
.topo-site{font-size:15px;font-weight:600;text-decoration:none}
.topo-site:hover{text-decoration:underline;text-underline-offset:4px}
.topo .bt{min-height:42px;padding:0 18px;font-size:15px}
@media (max-width:520px){.topo .bt{display:none}}

/* marco de seção, como no site */
.marco-sec{display:flex;align-items:baseline;gap:14px;margin:0 0 clamp(22px,3vw,36px);padding-top:14px;border-top:2px solid var(--navy);font-size:clamp(17px,1.4vw,20px);font-weight:620}

/* índice */
.nl-cab{background:var(--nevoa);padding-block:clamp(40px,7vw,88px) clamp(32px,5vw,56px)}
.nl-h1{max-width:13em;font-size:var(--t1);font-stretch:70%;font-weight:650;line-height:.98;letter-spacing:-.02em;text-wrap:balance}
.nl-lead{max-width:36em;margin-top:20px;color:var(--ardosia);font-size:clamp(17px,1.4vw,20px);line-height:1.5}
.nl-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.nl-filtro{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1.5px solid #C9D3DE;border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-size:15px;font-weight:560;cursor:pointer}
.nl-filtro span{font-size:13px;color:var(--ardosia);font-variant-numeric:tabular-nums}
.nl-filtro.on{background:var(--navy);border-color:var(--navy);color:#fff}
.nl-filtro.on span{color:var(--lima)}
.nl-lista{padding-block:clamp(20px,3vw,40px) clamp(48px,7vw,96px)}
.nl-item a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:24px 0;border-bottom:1px solid var(--linha);text-decoration:none}
.nl-item:first-child a{padding-top:8px}
.nl-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;font-weight:560;color:var(--ardosia)}
.nl-meta b{font-weight:600;color:#146E46}
.nl-titulo{font-size:var(--t3);font-stretch:82%;font-weight:620;line-height:1.15;text-wrap:balance}
.nl-resumo{grid-column:1;color:var(--ardosia);font-size:16px;line-height:1.5;max-width:46em}
.nl-seta{grid-column:2;grid-row:2 / 4;align-self:center;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--nevoa);font-size:18px;transition:background .15s,color .15s}
.nl-item a:hover .nl-titulo{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.nl-item a:hover .nl-seta{background:var(--navy);color:var(--lima)}
@media (max-width:600px){.nl-seta{display:none}.nl-item a{grid-template-columns:1fr}}

/* edição */
.nl-artigo{width:min(760px,calc(100% - 2 * var(--g)));margin-inline:auto;padding-block:clamp(28px,5vw,56px) clamp(48px,7vw,88px)}
.nl-voltar{display:inline-block;margin-bottom:28px;font-size:15px}
.nl-h{font-size:var(--t2);font-stretch:72%;font-weight:650;line-height:1.02;letter-spacing:-.015em;text-wrap:balance;margin:10px 0 14px}
.nl-autor{color:var(--ardosia);font-size:15px;padding-bottom:24px;border-bottom:2px solid var(--navy);margin-bottom:28px}
.nl-corpo{font-size:18px;line-height:1.7;color:#1B2433}
.nl-corpo>*+*{margin-top:1.1em}
.nl-corpo h2,.nl-corpo h3{margin-top:1.6em;font-stretch:84%;font-weight:640;line-height:1.2;color:var(--navy)}
.nl-corpo h2{font-size:26px}
.nl-corpo h3{font-size:21px}
.nl-corpo a{color:var(--navy);text-underline-offset:3px}
.nl-corpo ul,.nl-corpo ol{padding-left:1.3em}
.nl-corpo ul{list-style:disc}
.nl-corpo ol{list-style:decimal}
.nl-corpo li+li{margin-top:.4em}
.nl-corpo blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--lima);color:var(--ardosia)}
.nl-corpo img{border-radius:14px}
.nl-cta{margin-top:48px;padding:28px;border-radius:20px;background:var(--navy);color:#fff;display:grid;gap:16px}
.nl-cta p{font-size:clamp(19px,1.8vw,23px);font-stretch:86%;font-weight:600;line-height:1.3;max-width:28em}
.nl-cta .bt{justify-self:start;background:var(--lima);color:var(--navy)}
.nl-cta .bt:hover{background:#D3FF99}
.nl-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.nl-nav a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--linha);border-radius:16px;text-decoration:none;font-weight:600;line-height:1.3}
.nl-nav a:hover{border-color:var(--navy)}
.nl-nav small{font-size:13px;font-weight:560;color:var(--ardosia)}
.nl-nav-d{text-align:right}
@media (max-width:600px){.nl-nav{grid-template-columns:1fr}.nl-nav-d{text-align:left}}

/* rodapé, como no site */
.rod{padding:40px 0 36px;border-top:1px solid var(--linha);background:var(--papel);font-size:15px}
.rod-l{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.rod-l img{width:134px}
.rod-redes{display:flex;flex-wrap:wrap;gap:8px 26px;font-weight:560}
.rod-redes a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.rod-dados{display:grid;gap:14px;margin-top:28px;color:var(--ardosia);font-size:14px;line-height:1.5}
@media (min-width:900px){.rod-dados{grid-template-columns:repeat(3,auto);justify-content:space-between}}
