/* nvestor advisory · blog (CDO, 12/nov/2026). Complemento de site.css: só o que as páginas do blog precisam.
   Mesmos tokens. Sem estilo embutido no HTML (a CSP tem style-src 'self'). */

/* ---------- Topo: item corrente ---------- */
.nav a[aria-current] { border-bottom-color: var(--laranja); }

/* ---------- Migalha ---------- */
.migalha ol { display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-2); font-size: var(--t-pequeno); color: var(--tinta-2); }
.migalha li + li::before { content: "›"; margin-right: var(--e-2); color: var(--tinta-2); }
.migalha a { color: var(--tinta); text-underline-offset: .2em; display: inline-block; padding-block: var(--e-2); }
.migalha [aria-current] { display: inline-block; padding-block: var(--e-2); }

/* ---------- Cabeçalho claro (texto pequeno sobre o degradê não passa em AA; por isso o fundo é claro) ---------- */
.artigo-cab { background: var(--fundo-2); border-bottom: 1px solid var(--linha); }
.artigo-cab .caixa { padding-block: var(--e-6) clamp(2.5rem, 6vw, 4.5rem); }
.artigo-cab .rotulo { margin-top: var(--e-6); }
.artigo-cab h1 { font: 500 clamp(2.2rem, 5.4vw, 3.75rem)/1.06 var(--fonte-titulo); letter-spacing: -0.015em; max-width: 20ch; text-wrap: balance; }
.artigo-cab__sub { font-size: 1.1875rem; color: var(--tinta-2); margin-top: var(--e-5); max-width: 40rem; }
.artigo-cab__meta { display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-4); margin-top: var(--e-5); font-size: var(--t-pequeno); color: var(--tinta-2); }
.artigo-cab__meta strong { color: var(--tinta); font-weight: 500; }

/* ---------- Corpo: prosa + índice lateral ---------- */
.artigo-grade { display: grid; gap: var(--e-7); align-items: start; }
.artigo-grade > * { min-width: 0; }
@media (min-width: 62rem) { .artigo-grade { grid-template-columns: minmax(0, 44rem) 17rem; justify-content: space-between; } .neste { position: sticky; top: 6.5rem; order: 2; } }
.neste { padding: var(--e-5); border: 1px solid var(--linha); border-radius: var(--raio); background: var(--fundo); }
.neste h2 { font: 700 var(--t-rotulo)/1.2 var(--fonte-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-2); margin-bottom: var(--e-3); }
.neste a { display: block; padding-block: var(--e-2); font-size: var(--t-pequeno); color: var(--tinta); text-decoration: none; border-top: 1px solid var(--linha); }
.neste li:first-child a { border-top: 0; }
.neste a:hover { color: var(--destaque-texto); text-decoration: underline; text-underline-offset: .2em; }

.artigo > * + * { margin-top: var(--e-4); }
.artigo h2 { font-size: 1.75rem; margin-top: var(--e-7); margin-bottom: var(--e-2); }
.artigo h3 { margin-top: var(--e-6); }
.artigo a { color: var(--destaque-texto); font-weight: 500; text-underline-offset: .2em; }
.artigo ul, .artigo ol { display: grid; gap: var(--e-2); padding-left: 1.4rem; }
.artigo ul { list-style: disc; } .artigo ol { list-style: decimal; }
.artigo li::marker { color: var(--destaque-texto); font-weight: 700; }
.artigo blockquote { margin: var(--e-5) 0 0; padding-left: var(--e-5); border-left: 4px solid var(--laranja); font-size: 1.1875rem; }
.tabela-rolagem { overflow-x: auto; border: 1px solid var(--linha); border-radius: var(--raio-p); margin-top: var(--e-4); }
.tabela-rolagem table { width: 100%; border-collapse: collapse; font-size: var(--t-pequeno); }
.tabela-rolagem th, .tabela-rolagem td { text-align: left; padding: var(--e-3) var(--e-4); border-top: 1px solid var(--linha); vertical-align: top; }
.tabela-rolagem thead th { border-top: 0; background: var(--fundo-2); font-weight: 700; }

/* ---------- Em resumo ---------- */
.resumo { padding: var(--e-5) var(--e-5) var(--e-5) var(--e-6); border-radius: var(--raio); background: var(--fundo-2); position: relative; }
.resumo::before { content: ""; position: absolute; inset: var(--e-5) auto var(--e-5) 0; width: 4px; border-radius: var(--pilula); background: linear-gradient(180deg, var(--laranja), var(--vermelho)); }
.resumo h2 { font: 700 var(--t-rotulo)/1.2 var(--fonte-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--destaque-texto); margin: 0 0 var(--e-3); }
.resumo > * + * { margin-top: var(--e-3); }

/* ---------- No seu tipo de negócio ---------- */
.tipos { margin-top: var(--e-7); }
.tipos__grade { display: grid; gap: var(--e-4); margin-top: var(--e-4); }
.tipo { padding: var(--e-5); border-radius: var(--raio); border: 2px solid transparent; background: linear-gradient(var(--fundo), var(--fundo)) padding-box, var(--degrade) border-box; }
.tipo h3 { margin-top: 0; }
.tipo > * + * { margin-top: var(--e-3); }

/* ---------- Perguntas frequentes ---------- */
.faq .caixa > h2 { font-size: clamp(1.75rem, 3.4vw, 2.25rem); margin-bottom: var(--e-5); }
.faq dl { max-width: 44rem; }
.faq dt { font: 500 var(--t-h3)/1.25 var(--fonte-titulo); padding-top: var(--e-5); border-top: 1px solid var(--linha); }
.faq dt:first-child { border-top: 0; padding-top: 0; }
.faq dd { margin: var(--e-2) 0 var(--e-5); color: var(--tinta-2); }
.faq dd p + p { margin-top: var(--e-3); }

/* ---------- Chamada ---------- */
.chamada { background: var(--degrade-faixa); color: var(--branco); }
.chamada .caixa { padding-block: clamp(3rem, 7vw, 5rem); display: grid; gap: var(--e-6); }
.chamada h2 { font-size: clamp(1.9rem, 4.2vw, 3rem); max-width: 18ch; }
.chamada p { font: 500 var(--t-lead)/1.35 var(--fonte-titulo); max-width: 30ch; margin-top: var(--e-4); }
.chamada__acoes { display: flex; flex-wrap: wrap; gap: var(--e-4); }
@media (min-width: 62rem) { .chamada .caixa { grid-template-columns: 1fr auto; align-items: end; } }

/* ---------- Série (anterior e próximo) e nota educativa ---------- */
.serie { display: grid; gap: var(--e-4); }
@media (min-width: 48rem) { .serie { grid-template-columns: 1fr 1fr; } }
.serie a { display: block; padding: var(--e-5); border: 1px solid var(--linha); border-radius: var(--raio); text-decoration: none; background: var(--fundo); }
.serie a:hover { border-color: var(--tinta); }
.serie small { display: block; font: 700 var(--t-rotulo)/1.2 var(--fonte-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-2); margin-bottom: var(--e-2); }
.serie strong { font: 500 var(--t-h3)/1.25 var(--fonte-titulo); }
.serie__prox { text-align: right; }
.educativo { margin-top: var(--e-7); padding-top: var(--e-5); border-top: 1px solid var(--linha); font-size: var(--t-pequeno); color: var(--tinta-2); max-width: 44rem; }

/* ---------- Lista do blog ---------- */
.posts { display: grid; gap: var(--e-4); counter-reset: post; }
.post { display: grid; grid-template-columns: auto 1fr; gap: var(--e-2) var(--e-5); padding: var(--e-5); border: 1px solid var(--linha); border-radius: var(--raio); background: var(--fundo); text-decoration: none; }
.post:hover { border-color: var(--tinta); box-shadow: var(--sombra); }
.post__n { grid-row: span 3; font: 500 2rem/1 var(--fonte-titulo); color: var(--destaque-texto); min-width: 2.5rem; }
.post h2 { font-size: var(--t-h3); line-height: 1.25; letter-spacing: 0; }
.post p { color: var(--tinta-2); }
.post__meta { font-size: var(--t-pequeno); color: var(--tinta-2); }
@media (min-width: 62rem) { .posts { max-width: 52rem; } }

/* ---------- Faixa de prévia (só em blog/_previa, que não sobe) ---------- */
.previa-faixa { padding: var(--e-3) var(--margem); background: var(--tinta); color: var(--branco); font-size: var(--t-pequeno); }
.previa-faixa strong { text-transform: uppercase; letter-spacing: .08em; }