/* =====================================================================
   Blog no modelo novo: lista (blog-index.tsx) e artigos (restilização
   do conteúdo migrado, sem alterar textos).
   ===================================================================== */

/* ---------- Lista ---------- */
.nx-blog{max-width:1200px;margin:0 auto;padding-top:28px;font-family:Figtree,Arial,sans-serif;color:#16233d}
.nx-blog-crumb{color:#6b7680!important;margin-bottom:22px!important}
.nx-blog-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:center;margin-top:8px;padding:36px 44px 40px;border-radius:26px;background:#fffdf7;border:1px solid rgba(22,35,61,.09);box-shadow:0 24px 48px -40px rgba(22,35,61,.55)}
.nx-blog-head-copy{min-width:0}
.nx-blog-head h1{font:600 clamp(38px,4.2vw,58px)/1.04 Figtree,Arial,sans-serif;letter-spacing:-.045em;margin:12px 0 0;color:#16233d}
.nx-blog-head h1 span{color:var(--nx-brand-orange,#E07F2C)}
.nx-blog-lead{max-width:48ch;font:16.5px/1.65 Figtree,Arial,sans-serif;color:#52616b;margin:16px 0 0}
.nx-blog-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding:6px;border:1px solid rgba(22,35,61,.12);border-radius:16px;background:#f5f3ec}
.nx-blog-search{flex:1 1 300px;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:11px;background:#fffdf7;box-shadow:0 1px 0 rgba(22,35,61,.06)}
.nx-blog-search span{color:#6b7680}
.nx-blog-search input{flex:1;border:0;outline:0;background:none;font:15px Figtree,Arial,sans-serif;color:#16233d}
.nx-blog-search:focus-within{box-shadow:0 0 0 2px #0e6b58}
.nx-blog-tag{font:500 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#0e6b58}
.nx-blog-ex{font:15px/1.65 Figtree,Arial,sans-serif;color:#52616b}
.nx-blog-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:12.5px/1.4 Figtree,Arial,sans-serif;color:#6b7680}
.nx-blog-meta span+span::before{content:"·";margin-right:14px;color:#b5bcc2}
.nx-blog-filters{position:relative;display:flex;gap:4px;flex-wrap:wrap;padding-right:2px}
.nx-blog-filters button{position:relative;z-index:1;min-height:42px;padding:8px 18px;border:1px solid transparent;border-radius:99px;background:transparent;color:#52616b;font:500 13px/1 Figtree,Arial,sans-serif;cursor:pointer;transition:color .25s}
.nx-blog-filters button[aria-pressed=true]{color:#f5f3ec;border-color:transparent}
.nx-blog-pill{position:absolute;left:0;top:0;border-radius:99px;background:#16233d;transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1)}
.nx-blog-lib{padding:34px 0 90px}
/* índice do blog: ficha à direita do cabeçalho */
.nx-blog-index{position:relative;padding:30px 24px 20px;border-radius:4px 14px 14px 14px;background:#fff;border:1px solid #ddd3bf;box-shadow:6px 8px 0 #ece6d8;transform:rotate(1.2deg)}
.nx-blog-index::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1.5px;background:rgba(190,70,60,.35)}
.nx-blog-index-tab{position:absolute;left:-1px;top:-24px;padding:6px 14px 5px;border:1px solid #ddd3bf;border-bottom:0;border-radius:8px 8px 0 0;background:#0e6b58;color:#f5f3ec;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.nx-blog-index-t{margin:0 0 10px 10px;font:600 17px/1.3 Figtree,Arial,sans-serif;color:#16233d}
.nx-blog-index ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(61,90,128,.16)}.nx-blog-index li{padding:4px 0;border-bottom:1px solid rgba(61,90,128,.16)}
.nx-blog-index button{width:100%;display:flex;align-items:baseline;gap:8px;padding:5px 6px 5px 10px;border:0;border-radius:6px;background:none;color:#16233d;cursor:pointer;font:15px/22px Figtree,Arial,sans-serif;text-align:left}
.nx-blog-index button i{flex:1;border-bottom:1.5px dotted rgba(22,35,61,.3);transform:translateY(-4px)}
.nx-blog-index button b{font:500 12px/22px 'JetBrains Mono',monospace;color:#52616b}
.nx-blog-index button:hover{background:rgba(14,107,88,.07)}
.nx-blog-index button[aria-pressed=true]{background:#16233d;color:#f5f3ec}
.nx-blog-index button[aria-pressed=true] b{color:#f2994a}.nx-blog-index button[aria-pressed=true] i{border-color:rgba(245,243,236,.35)}
.nx-blog-index button:focus-visible{outline:2px solid #0e6b58;outline-offset:2px}
.nx-blog-index-foot{margin:12px 0 0 10px;font:italic 13px/1.4 Lora,Georgia,serif;color:#6b7680}
.nx-blog-count{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#6b7680;margin:0 0 18px}
.nx-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.nx-blog-card{position:relative;display:flex;flex-direction:column;gap:14px;color:#16233d;text-decoration:none}
.nx-blog-body{display:flex;flex-direction:column;gap:10px}
.nx-blog-cover{position:relative;display:block;aspect-ratio:1200/680;border-radius:18px;overflow:hidden;background:#e9eee9;
  -webkit-mask:radial-gradient(circle 31px at calc(100% - 26px) calc(100% - 26px),transparent 30px,#000 31px);mask:radial-gradient(circle 31px at calc(100% - 26px) calc(100% - 26px),transparent 30px,#000 31px)}
.nx-blog-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.nx-blog-go{position:absolute;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fffdf7;border:1px solid rgba(22,35,61,.1);color:#16233d;box-shadow:0 10px 20px -14px rgba(22,35,61,.6);transition:transform .35s,background .3s,color .3s}
.nx-blog-media{position:relative;display:block}
.nx-blog-go{right:4px;bottom:4px}
.nx-blog-go svg{width:18px;height:18px}
.nx-blog-card b{font:600 20px/1.25 Figtree,Arial,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.nx-blog-card .nx-blog-ex{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx-blog-card:hover .nx-blog-cover img{transform:scale(1.04)}
.nx-blog-card:hover .nx-blog-go{background:#16233d;color:#fff;transform:rotate(45deg)}
.nx-blog-card:focus-visible{outline:none}.nx-blog-card:focus-visible .nx-blog-cover{outline:2px solid #0e6b58;outline-offset:3px}
/* primeiro artigo: card largo */
.nx-blog-first{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(22,35,61,.1);margin-bottom:6px}
.nx-blog-first .nx-blog-cover{aspect-ratio:1200/700}
.nx-blog-first b{font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.03em}
.nx-blog-first .nx-blog-ex{font-size:16px;-webkit-line-clamp:4}
.nx-blog-next{display:flex;flex-direction:column;gap:12px;padding:28px 26px;border-radius:18px;background:#16233d;color:#f5f3ec}
.nx-blog-next .dg-kicker{color:#a4c9bb;margin:0}
.nx-blog-next b{font:600 22px/1.25 Figtree,Arial,sans-serif;letter-spacing:-.02em}
.nx-blog-next span{font:14.5px/1.6 Figtree,Arial,sans-serif;color:#c3cdd6}
.nx-blog-next a{margin-top:auto;align-self:flex-start;display:inline-flex;gap:8px;align-items:center;padding:11px 16px;border-radius:10px;background:#f5f3ec;color:#16233d;text-decoration:none;font:500 14px/1 Figtree,Arial,sans-serif}
.nx-blog-next a svg{width:15px;height:15px}
.nx-blog-empty{color:#52616b}.nx-blog-empty button{border:0;background:none;color:#0e6b58;text-decoration:underline;cursor:pointer;font:inherit}
@media(max-width:900px){.nx-blog-head{grid-template-columns:1fr;gap:44px;padding:26px 20px 30px;border-radius:20px}.nx-blog-index{display:none}.nx-blog-tools{border-radius:14px}.nx-blog-grid{grid-template-columns:1fr}.nx-blog-first{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){.nx-blog-pill,.nx-blog-cover img,.nx-blog-go{transition:none}}

/* ---------- Artigo (conteúdo migrado, visual novo) ---------- */
[data-nx=artigo]{--nx-ink:#16233d}
[data-nx=artigo] .ar2-hero{background:#16233d!important;border-radius:26px;padding:40px 42px 44px!important;color:#f5f3ec;position:relative;overflow:hidden;isolation:isolate}
[data-nx=artigo] .ar2-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 100% 0,rgba(14,107,88,.35),transparent 70%),radial-gradient(40% 60% at 0 100%,rgba(224,127,44,.12),transparent 70%)}
[data-nx=artigo] .ar2-hero :is(h1,h1 *){color:#f5f3ec!important;font-family:Figtree,Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.04em!important}
[data-nx=artigo] .ar2-hero h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.08!important;max-width:24ch}
[data-nx=artigo] .ar2-hero :is(.pg-crumb,.pg-crumb a,.ar2-aus,.ar2-aus *,p,span,small,time){color:#c3cdd6!important}
[data-nx=artigo] .ar2-hero .pg-crumb a:hover{color:#fff!important}
[data-nx=artigo] .ar2-hero .bfic *,[data-nx=artigo] .ar2-hero .bfic{border-color:rgba(255,255,255,.18)!important;background:transparent!important}
[data-nx=artigo] .ar2-hero .au img{border:2px solid rgba(255,255,255,.4)}
[data-nx=artigo] .prog{position:fixed!important;left:0;top:0;height:3px!important;z-index:200;background:var(--nx-brand-orange,#E07F2C)!important}
[data-nx=artigo] :is(.ar2-b h2,.ar2-b h3,.x-h2){font-family:Figtree,Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.03em!important;color:#16233d!important}
[data-nx=artigo] .ar2-b h2 *,[data-nx=artigo] .x-h2 *{color:inherit!important;font-family:inherit!important}
[data-nx=artigo] .ar2-b{font-family:Figtree,Arial,sans-serif;color:#3b4852}
[data-nx=artigo] .ar2-b p,[data-nx=artigo] .ar2-b li{font-size:17px;line-height:1.8}
[data-nx=artigo] .ar2-res{background:#fffdf7!important;border:1px solid rgba(22,35,61,.1)!important;border-left:3px solid #0e6b58!important;border-radius:14px!important;box-shadow:0 14px 26px -24px rgba(22,35,61,.5)}
[data-nx=artigo] :is(.ar-call,.ar-aviso){background:#f3f1ea!important;border:1px dashed rgba(22,35,61,.22)!important;border-radius:12px!important}
[data-nx=artigo] .ar-att{border-color:rgba(224,127,44,.45)!important;background:#fbf2e8!important}
[data-nx=artigo] .ar-cta{background:#16233d!important;border-radius:20px!important;color:#f5f3ec!important;border:0!important}
[data-nx=artigo] .ar-cta *{color:#f5f3ec}
[data-nx=artigo] .ar-cta a{background:#f5f3ec!important;color:#16233d!important;border-radius:10px!important}
[data-nx=artigo] .ar-tab table{border-radius:14px;overflow:hidden}
[data-nx=artigo] .ar-tab thead th{background:#16233d!important;color:#f5f3ec!important}
[data-nx=artigo] .ar2-toc a{color:#52616b}
[data-nx=artigo] .ar2-toc a:hover,[data-nx=artigo] .ar2-toc a[aria-current]{color:#0e6b58}
[data-nx=artigo] .ar2-more .pc{border-radius:18px!important;border:1px solid rgba(22,35,61,.1)!important;background:#fffdf7!important}
[data-nx=artigo] .ar2-more .pc :is(h3,b){font-family:Figtree,Arial,sans-serif!important;color:#16233d!important}
@media(max-width:900px){[data-nx=artigo] .ar2-hero{padding:28px 20px 30px!important;border-radius:22px}}
[data-nx=artigo] .ar-cta a,[data-nx=artigo] .ar-cta a *{color:#16233d!important}
/* cabeçalho escuro, no padrão dos banners navy do site */
.nx-blog-head{background:radial-gradient(120% 85% at 22% 8%,#1D4A4C 0%,transparent 55%),linear-gradient(160deg,#1B2A49 0%,#16233D 52%,#0E1828 100%);border-color:rgba(255,255,255,.08);box-shadow:none;color:#f5f3ec}
.nx-blog-head .nx-blog-crumb,.nx-blog-head .nx-blog-crumb a{color:#a9bcc8!important}
.nx-blog-head .dg-kicker{color:#a4c9bb}
.nx-blog-head h1{color:#f5f3ec}
.nx-blog-head .nx-blog-lead{color:#c3cdd6}
.nx-blog-head .nx-blog-tools{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.nx-blog-head .nx-blog-search{background:#fffdf7}
.nx-blog-head .nx-blog-filters button{color:#dfe6ec}
.nx-blog-head .nx-blog-filters button[aria-pressed=true]{color:#16233d}
.nx-blog-head .nx-blog-pill{background:#f5f3ec}
.nx-blog-head .nx-blog-index{box-shadow:6px 8px 0 rgba(255,255,255,.08)}
/* Cortina: em telas com mouse, a capa navy desce sobre a foto e mostra o resumo. No toque, o resumo fica no card. */
.nx-blog-curtain{display:none}
@media(hover:hover) and (pointer:fine){
.nx-blog-curtain{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px 26px 26px;color:#f5f3ec;background:radial-gradient(120% 85% at 22% 8%,#1D4A4C 0%,transparent 55%),linear-gradient(160deg,#1B2A49 0%,#16233D 52%,#0E1828 100%);box-shadow:inset 0 -4px 0 #E07F2C;transform:translateY(-101%);transition:transform .55s cubic-bezier(.7,0,.2,1)}
.nx-blog-curtain>span{opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .4s}
.nx-blog-curtain-k{font:600 11px/1.4 Figtree,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8fd0bd}
.nx-blog-curtain-t{font:15px/1.6 Figtree,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nx-blog-curtain-r{font:italic 14px/1.4 Lora,Georgia,serif;color:#cfd6d3}
.nx-blog-card:is(:hover,:focus-visible) .nx-blog-curtain{transform:none}
.nx-blog-card:is(:hover,:focus-visible) .nx-blog-curtain>span{opacity:1;transform:none;transition-delay:.28s}
.nx-blog-card:not(.nx-blog-first) .nx-blog-body>.nx-blog-ex{display:none}
.nx-blog-card:not(.nx-blog-first):hover .nx-blog-cover img{transform:none}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.nx-blog-curtain,.nx-blog-curtain>span{transition:opacity .2s}.nx-blog-curtain{transform:none;opacity:0}.nx-blog-card:is(:hover,:focus-visible) .nx-blog-curtain{opacity:1}}
@media(hover:hover) and (pointer:fine){.nx-blog-curtain{padding-right:72px}}
