/* ==========================================================
   VECTOR NEWS · Estilos do portal
   Tudo fica dentro de .vn para não interferir no resto do site.
   ========================================================== */

/* ---------- Tokens: tema escuro (padrão do CSS) ---------- */
.vn, .vn-escuro {
	--vn-fundo: #0A0A0B;
	--vn-faixa: #111113;
	--vn-tinta: #F4F2EE;
	--vn-texto-1: #D9D8DC;
	--vn-texto-2: #BDBCC1;
	--vn-texto-3: #9A9AA0;
	--vn-texto-4: #A3A3A8;
	--vn-texto-nav: #C9C8CC;
	--vn-linha: #1F1F23;
	--vn-linha-2: #2A2A2E;
	--vn-linha-3: #3A3A40;
	--vn-rank: #3E3E44;
	--vn-img-bg: #1C1C1F;
	--vn-placeholder: #6E6E74;
	--vn-acento: #FF2E88;
	--vn-acento-2: #22D3E6;
	--vn-papel: #EDEAE4;
	--vn-magenta: #FF2E88;
	--vn-ciano: #22D3E6;
	--vn-magenta-papel: #B0005C;
	--vn-serif: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
	--vn-sans: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
}

/* ---------- Tema claro: corpo claro, assinatura escura ---------- */
.vn.vn--tema-claro {
	--vn-fundo: #FFFFFF;
	--vn-faixa: #F4F4F2;
	--vn-tinta: #111114;
	--vn-texto-1: #2A2A2E;
	--vn-texto-2: #45454B;
	--vn-texto-3: #6B6B72;
	--vn-texto-4: #5E5E66;
	--vn-texto-nav: #45454B;
	--vn-linha: #E6E6E8;
	--vn-linha-2: #D9D9DD;
	--vn-linha-3: #C4C4CA;
	--vn-rank: #D3D3D8;
	--vn-img-bg: #ECECEE;
	--vn-placeholder: #9A9AA0;
	--vn-acento: #D1006A;
	--vn-acento-2: #007C89;
	--vn-papel: #F1EEE8;
}
/* Áreas que continuam escuras no tema claro */
.vn--tema-claro .vn-utilbar,
.vn--tema-claro .vn-header,
.vn--tema-claro .vn-pauta,
.vn--tema-claro .vn-faixa,
.vn--tema-claro .vn-news-faixa,
.vn--tema-claro .vn-rodape,
.vn--tema-claro .vn-menu-movel {
	--vn-fundo: #0A0A0B;
	--vn-faixa: #111113;
	--vn-tinta: #F4F2EE;
	--vn-texto-1: #D9D8DC;
	--vn-texto-2: #BDBCC1;
	--vn-texto-3: #9A9AA0;
	--vn-texto-4: #A3A3A8;
	--vn-texto-nav: #C9C8CC;
	--vn-linha: #1F1F23;
	--vn-linha-2: #2A2A2E;
	--vn-linha-3: #3A3A40;
	--vn-rank: #3E3E44;
	--vn-img-bg: #1C1C1F;
	--vn-placeholder: #6E6E74;
	--vn-acento: #FF2E88;
	--vn-acento-2: #22D3E6;
	color: var(--vn-tinta);
}
.vn-utilbar, .vn-pauta, .vn-rodape, .vn-news-faixa { background: var(--vn-fundo); }
.vn--tema-claro .vn-faixa { border-top: 0; }
.vn--tema-claro .vn-papel + .vn-news-faixa, .vn--tema-claro .vn-news-faixa { border-top: 1px solid var(--vn-linha); }

/* Página inteira escura quando o portal está na página */
body.vn-portal { background: #0A0A0B; margin: 0; }
body.vn-portal .elementor .e-con:has(.vn),
body.vn-portal .elementor .e-con:has(.vn) > .e-con-inner {
	--padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
	--content-width: 100%; max-width: none; padding: 0;
}

.vn { background: var(--vn-fundo); color: var(--vn-tinta); font-family: var(--vn-sans); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-align: left; }
.vn *, .vn *::before, .vn *::after { box-sizing: border-box; }
.vn a { color: inherit; text-decoration: none; background: none; }
.vn a:hover { color: var(--vn-acento); }
.vn a:focus-visible, .vn button:focus-visible, .vn input:focus-visible { outline: 2px solid var(--vn-ciano); outline-offset: 3px; }
.vn h1, .vn h2, .vn h3, .vn p, .vn ol, .vn ul { margin: 0; padding: 0; }
.vn ol, .vn ul { list-style: none; }
.vn img { max-width: 100%; display: block; }
.vn-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Grade ---------- */
.vn-wrap { max-width: 1360px; margin: 0 auto; padding: 0 40px; }
.vn-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 40px; row-gap: 40px; }
.vn-grid--largo { column-gap: 56px; }
.vn-grid--topo { align-items: start; }
.vn-layout--2 .vn-principal .vn-img { margin-bottom: 22px; }
.vn-layout--1 .vn-c8 { grid-column: 1 / span 9; }
.vn-c2 { grid-column: span 2; } .vn-c3 { grid-column: span 3; } .vn-c4 { grid-column: span 4; }
.vn-c5 { grid-column: span 5; } .vn-c6 { grid-column: span 6; } .vn-c7 { grid-column: span 7; } .vn-c8 { grid-column: span 8; }

/* ---------- Tipografia ---------- */
.vn-kicker { display: inline-block; font-family: var(--vn-sans); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-acento) !important; }
.vn-kicker--ciano { color: var(--vn-acento-2) !important; }
.vn-kicker:hover { opacity: .8; }
.vn-chapeu { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-texto-4); }
.vn-meta { font-size: 13px; color: var(--vn-texto-3); margin-top: 14px; }
.vn-meta .vn-autor-nome { color: var(--vn-texto-1); }
.vn-resumo { font-family: var(--vn-serif); font-size: 17px; line-height: 1.45; color: var(--vn-texto-2); margin-top: 10px; }
.vn-dek { font-family: var(--vn-serif); font-size: 19px; line-height: 1.45; color: var(--vn-texto-2); margin-top: 18px; max-width: 680px; }
.vn-dek--hero { font-size: 21px; margin-top: 22px; max-width: 720px; }

.vn [class^="vn-t-"], .vn [class*=" vn-t-"] { font-family: var(--vn-serif); font-weight: 500; letter-spacing: -.01em; color: var(--vn-tinta); }
.vn-t-hero { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.02; letter-spacing: -.022em !important; margin-top: 18px; max-width: 860px; }
.vn-t-56 { font-size: clamp(30px, 3.9vw, 56px); line-height: 1.04; letter-spacing: -.02em !important; margin-top: 14px; max-width: 900px; }
.vn-t-48 { font-size: clamp(32px, 3.4vw, 48px); line-height: 1.04; letter-spacing: -.02em !important; margin-top: 14px; }
.vn-t-44 { font-size: clamp(30px, 3.1vw, 44px); line-height: 1.06; letter-spacing: -.02em !important; margin-top: 14px; }
.vn-t-40 { font-size: clamp(28px, 2.8vw, 40px); line-height: 1.08; letter-spacing: -.018em !important; margin-top: 14px; }
.vn-t-34 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.1; letter-spacing: -.015em !important; margin-top: 12px; }
.vn-t-28 { font-size: clamp(24px, 2vw, 28px); line-height: 1.14; margin-top: 12px; }
.vn-t-26 { font-size: clamp(22px, 1.8vw, 26px); line-height: 1.16; margin-top: 10px; }
.vn-t-24 { font-size: 24px; line-height: 1.18; margin-top: 12px; }
.vn-t-23 { font-size: 23px; line-height: 1.18; margin-top: 10px; }
.vn-t-22 { font-size: 22px; line-height: 1.2; margin-top: 10px; }
.vn-t-21 { font-size: 21px; line-height: 1.22; }
.vn-t-20 { font-size: 20px; line-height: 1.22; margin-top: 8px; }

/* ---------- Imagens ---------- */
.vn { --vn-raio: 12px; --vn-raio-pq: 8px; }
.vn .vn-img { position: relative; display: block; width: 100%; overflow: hidden; background: var(--vn-img-bg); border-radius: var(--vn-raio); isolation: isolate; }
.vn .vn-lista .vn-img, .vn .vn-texto--thumb .vn-img, .vn .vn-sec .vn-img { border-radius: var(--vn-raio-pq); }
.vn .vn-panorama .vn-img { border-radius: 16px; }
.vn .vn-pub img { border-radius: 10px; }
.vn .vn-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover; object-position: center; transition: transform .6s ease; }
.vn .vn-img:hover img { transform: scale(1.02); }
.vn-r16x9 { aspect-ratio: 16 / 9; } .vn-r3x2 { aspect-ratio: 3 / 2; } .vn-r16x10 { aspect-ratio: 16 / 10; }
.vn-r21x9 { aspect-ratio: 21 / 9; } .vn-r4x5 { aspect-ratio: 4 / 5; } .vn-r3x4 { aspect-ratio: 3 / 4; }
.vn-r4x3 { aspect-ratio: 4 / 3; } .vn-r1x1 { aspect-ratio: 1 / 1; }
@media (prefers-reduced-motion: reduce) { .vn .vn-img img { transition: none; } .vn .vn-img:hover img { transform: none; } }

/* ---------- Barra superior e cabeçalho ---------- */
.vn-utilbar { border-bottom: 1px solid var(--vn-linha); }
.vn-utilbar__in { height: 40px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--vn-texto-4); letter-spacing: .02em; }
.vn-utilbar__links { display: flex; gap: 28px; align-items: center; }
.vn-utilbar__agencia { display: inline-flex; gap: 8px; align-items: center; }
.vn-utilbar__agencia strong { color: var(--vn-tinta); font-weight: 600; }

.vn-header { border-bottom: 1px solid var(--vn-linha); position: sticky; top: 0; z-index: 50; background: rgba(10, 10, 11, .94); backdrop-filter: blur(10px); }
body.admin-bar .vn-header { top: 32px; }
.vn-header__in { height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.vn-logo { display: inline-flex; align-items: baseline; gap: 10px; color: var(--vn-tinta) !important; line-height: 1; }
.vn-logo__a, .vn-logo__b { font-family: var(--vn-sans); font-stretch: 62%; font-size: 46px; line-height: 1; }
.vn-logo__a { font-weight: 900; letter-spacing: -.005em; }
.vn-logo__b { font-weight: 300; letter-spacing: .02em; }
.vn-logo__ponto { width: 9px; height: 9px; background: var(--vn-magenta); display: inline-block; }
.vn-logo--rodape .vn-logo__a, .vn-logo--rodape .vn-logo__b { font-size: 32px; }
.vn-logo--rodape .vn-logo__ponto { width: 7px; height: 7px; }

.vn-nav__lista { display: flex; gap: 24px; flex-wrap: nowrap; }
.vn-nav__lista a { font-size: 13.5px; font-weight: 500; color: var(--vn-texto-nav); white-space: nowrap; }
.vn-nav__lista li:first-child a { color: var(--vn-tinta); }
.vn-header__acoes { display: flex; align-items: center; gap: 20px; }
.vn .vn-btn-icone { width: 44px; height: 44px; border: 1px solid var(--vn-linha-3); background: transparent; color: var(--vn-tinta); display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 0; padding: 0; }
.vn .vn-btn-icone:hover { border-color: var(--vn-acento); color: var(--vn-acento); background: transparent; }
.vn-btn-assinar { height: 44px; padding: 0 18px; display: flex; align-items: center; border: 1px solid var(--vn-magenta); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

.vn-busca { border-top: 1px solid var(--vn-linha); }
.vn-busca[hidden] { display: none; }
.vn-busca__in { display: flex; gap: 16px; padding-top: 18px; padding-bottom: 18px; }
.vn .vn-busca input[type="search"] { flex: 1; min-width: 0; height: 52px; background: transparent; border: 0; border-bottom: 1px solid var(--vn-tinta); color: var(--vn-tinta); font-family: var(--vn-serif); font-size: 22px; padding: 0; border-radius: 0; }
.vn .vn-busca button { height: 52px; padding: 0 24px; background: var(--vn-magenta); color: var(--vn-fundo); border: 0; border-radius: 0; font-family: var(--vn-sans); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }

.vn-pauta { border-bottom: 1px solid var(--vn-linha); }
.vn-pauta__in { height: 52px; display: flex; align-items: center; gap: 28px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.vn-pauta__in::-webkit-scrollbar { display: none; }
.vn-pauta__rotulo { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-acento-2); flex-shrink: 0; }
.vn-pauta__lista { display: flex; gap: 28px; font-size: 13px; color: var(--vn-texto-2); }

/* ---------- Cabeçalhos de seção ---------- */
.vn-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; border-top: 1px solid var(--vn-linha-2); padding-top: 20px; margin-bottom: 44px; }
.vn-cab--compacto { margin-bottom: 8px; }
.vn-cab--com-sub { display: block; }
.vn-cab__linha { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.vn-cab__titulo { display: flex; align-items: center; gap: 14px; }
.vn-cab__titulo--wrap { flex-wrap: wrap; column-gap: 20px; row-gap: 8px; }
.vn-cab__titulo--wrap .vn-cab__sub { align-self: flex-end; }
.vn-marca { width: 10px; height: 10px; background: var(--vn-magenta); flex-shrink: 0; }
.vn-marca--ciano { background: var(--vn-ciano); }
.vn .vn-h2 { font-family: var(--vn-sans); font-stretch: 62%; font-weight: 800; font-size: 40px; line-height: 1; text-transform: uppercase; color: var(--vn-tinta); letter-spacing: 0; }
.vn-cab__sub { font-family: var(--vn-serif); font-style: italic; font-size: 17px; color: var(--vn-texto-4); }
.vn-cab__sub--bloco { display: block; margin: 12px 0 20px; }
.vn-cab__nota, .vn-ver { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-texto-4); white-space: nowrap; }
.vn-subnav { display: flex; gap: 26px; flex-wrap: wrap; margin-top: 20px; font-size: 14px; color: var(--vn-texto-2); }
.vn-sobretitulo { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 12px; }
.vn-ciano { color: var(--vn-acento-2); }

/* ---------- 1. Hero ---------- */
.vn-hero { padding-top: 48px; padding-bottom: 96px; }
.vn-linha-kicker { display: flex; gap: 16px; align-items: center; margin-top: 28px; }
.vn-traco { width: 24px; height: 1px; background: var(--vn-linha-3); }
.vn-hero__sec { display: flex; flex-direction: column; }
.vn-sec { padding: 24px 0; border-bottom: 1px solid var(--vn-linha); }
.vn-sec:first-child { padding-top: 0; padding-bottom: 28px; }
.vn-sec:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-sec .vn-img { margin-bottom: 18px; }
.vn-sec .vn-meta { margin-top: 10px; }

/* ---------- 2. Últimas e 8. Mais lidas ---------- */
.vn-bloco { padding-bottom: 88px; }
.vn-bloco--topo { padding-top: 88px; }
.vn-bloco .vn-c8 .vn-cab { margin-bottom: 12px; }
.vn-lista { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--vn-linha); }
.vn-lista .vn-meta { margin-top: 12px; }
.vn-btn-mais { display: inline-flex; align-items: center; height: 52px; padding: 0 32px; margin-top: 40px; border: 1px solid var(--vn-linha-3); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.vn-btn-mais:hover { border-color: var(--vn-acento); }
.vn-btn-mais[aria-busy="true"] { opacity: .5; pointer-events: none; }

.vn-maislidas { position: sticky; top: 120px; }
.vn-rank { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--vn-linha); }
.vn-rank:last-child { border-bottom: 0; }
.vn-rank__n { font-family: var(--vn-sans); font-stretch: 62%; font-weight: 800; font-size: 60px; line-height: .85; color: var(--vn-rank); }
.vn-rank.is-primeiro .vn-rank__n { color: var(--vn-acento); }
.vn-rank__cat { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-texto-4); }

/* ---------- 3. Em destaque ---------- */
.vn-faixa { background: var(--vn-faixa); padding: 80px 0 88px; }
.vn-cab-grande { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding-bottom: 20px; margin-bottom: 48px; border-bottom: 1px solid var(--vn-linha-2); }
.vn .vn-h2-grande { font-family: var(--vn-sans); font-stretch: 62%; font-weight: 800; font-size: clamp(48px, 5vw, 72px); line-height: .9; text-transform: uppercase; color: var(--vn-tinta); }
.vn-cab-grande__desc { max-width: 320px; font-family: var(--vn-serif); font-size: 17px; line-height: 1.45; color: var(--vn-texto-4); }
.vn-destaques { align-items: start; row-gap: 48px; }
.vn-destaque .vn-img { margin-bottom: 22px; }
.vn-destaque--1 { grid-column: span 5; }
.vn-destaque--2 { grid-column: span 4; }
.vn-destaque--3 { grid-column: span 3; }

/* ---------- Editorias ---------- */
.vn-principal .vn-img { margin-bottom: 24px; }
.vn-coluna-lista { display: flex; flex-direction: column; }
.vn-texto { padding: 26px 0; border-bottom: 1px solid var(--vn-linha); }
.vn-texto:first-child { padding-top: 0; }
.vn-texto:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-texto .vn-meta { margin-top: 10px; }
.vn-texto--thumb { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 24px; padding-bottom: 28px; }
.vn-coluna-borda { border-left: 1px solid var(--vn-linha); padding-left: 32px; }
.vn-manchete-texto { padding-bottom: 32px; border-bottom: 1px solid var(--vn-linha); }
.vn-manchete-texto + .vn-texto { padding-top: 24px; }
.vn-retrato .vn-img { margin-bottom: 22px; }

/* Negócios */
.vn-faixa-linha { border-top: 1px solid var(--vn-linha); border-bottom: 1px solid var(--vn-linha); padding: 80px 0; margin-bottom: 0; }
.vn-neg { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 20px; padding: 22px 0; border-top: 1px solid var(--vn-linha); }
.vn-neg:last-child { border-bottom: 1px solid var(--vn-linha); }
.vn-neg .vn-kicker { padding-top: 5px; letter-spacing: .12em; line-height: 1.5; }

/* Marcas & Comportamento */
.vn-cab-marcas { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; border-top: 1px solid var(--vn-linha-2); padding-top: 24px; margin-bottom: 40px; }
.vn .vn-h2-revista { font-family: var(--vn-sans); font-stretch: 62%; font-weight: 800; font-size: clamp(40px, 4.4vw, 64px); line-height: .95; text-transform: uppercase; color: var(--vn-tinta); }
.vn-h2-revista span { font-weight: 300; }
.vn-panorama { position: relative; }
.vn-panorama__texto { padding-top: 28px; max-width: 980px; }
.vn-panorama__texto .vn-meta { color: var(--vn-texto-nav); }
.vn-panorama .vn-autor-nome { color: var(--vn-tinta); }
.vn-marcas-grade { margin-top: 64px; align-items: start; row-gap: 48px; }
.vn-marcas-grade .vn-img { margin-bottom: 20px; }

/* ---------- 9. Análise (faixa clara) ---------- */
.vn-papel { background: var(--vn-papel); color: #121212; padding: 88px 0 96px; }
.vn-papel a:hover { color: var(--vn-magenta-papel); }
.vn-cab-analise { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; border-bottom: 2px solid #121212; padding-bottom: 18px; margin-bottom: 56px; }
.vn-cab-analise__titulo { display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; }
.vn-cab-analise__titulo span, .vn-cab-analise > a { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #55524C; }
.vn .vn-h2-analise { font-family: var(--vn-serif); font-style: italic; font-weight: 400; font-size: 64px; line-height: 1; letter-spacing: -.02em; color: #121212; }
.vn-analise__autor { display: flex; align-items: center; gap: 14px; }
.vn-analise__foto { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #CFC9BE; }
.vn-analise.is-lead .vn-analise__foto { width: 72px; height: 72px; }
.vn-analise__nome { font-size: 14px; font-weight: 700; }
.vn-analise.is-lead .vn-analise__nome { font-size: 16px; }
.vn-analise__bio { font-size: 13px; color: #55524C; margin-top: 4px; }
.vn-analise__cat, .vn-analise__kicker { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-magenta-papel) !important; }
.vn-analise__cat { margin-top: 2px; }
.vn-analise__kicker { display: inline-block; margin-top: 36px; letter-spacing: .16em; }
.vn .vn-papel [class*="vn-t-analise"] { font-family: var(--vn-serif); font-style: italic; font-weight: 400; color: #121212; }
.vn-t-analise { font-size: clamp(36px, 4vw, 58px); line-height: 1.02; letter-spacing: -.022em; margin-top: 14px; }
.vn-t-analise-sm { font-size: 26px; line-height: 1.16; margin-top: 16px; }
.vn-papel .vn-dek { color: #3A3833; font-size: 20px; line-height: 1.5; margin-top: 22px; max-width: 620px; }
.vn-papel .vn-meta { color: #55524C; }
.vn-analise.is-lead .vn-meta { margin-top: 22px; }
.vn-coluna-lista--papel .vn-analise { padding: 28px 0; border-bottom: 1px solid #C9C4BA; }
.vn-coluna-lista--papel .vn-analise:first-child { padding-top: 0; }
.vn-coluna-lista--papel .vn-analise:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-coluna-lista--papel .vn-meta { margin-top: 10px; }

/* ---------- 10. Newsletter ---------- */
.vn-news { padding-top: 96px; padding-bottom: 104px; }
.vn-news__grid { align-items: end; }
.vn-news__marca { font-family: var(--vn-sans); font-stretch: 62%; font-weight: 900; font-size: clamp(72px, 9vw, 128px); line-height: .84; text-transform: uppercase; color: var(--vn-tinta); margin-top: 8px; }
.vn-news__marca span { font-weight: 300; }
.vn-news__texto { margin-top: 32px; font-family: var(--vn-serif); font-size: 24px; line-height: 1.4; color: var(--vn-texto-1); max-width: 560px; }
.vn-news__form label { display: block; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-texto-4); margin-bottom: 12px; }
.vn .vn-news__form input[type="email"] { width: 100%; height: 60px; background: transparent; border: 0; border-bottom: 1px solid var(--vn-tinta); border-radius: 0; color: var(--vn-tinta); font-family: var(--vn-serif); font-size: 22px; padding: 0; outline-offset: 6px; }
.vn .vn-news__form input::placeholder { color: var(--vn-placeholder); }
.vn .vn-news__form button { margin-top: 24px; width: 100%; height: 60px; background: var(--vn-magenta); color: var(--vn-fundo); border: 0; border-radius: 0; font-family: var(--vn-sans); font-size: 13px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; padding: 0; }
.vn .vn-news__form button:hover { background: #FF4FA3; color: var(--vn-fundo); }
.vn-news__nota { margin-top: 16px; font-size: 13px; color: var(--vn-texto-3); }
.vn-news__erro { margin-top: 14px; font-size: 14px; color: #FF8AB8; }
.vn-news__ok { font-family: var(--vn-serif); font-size: 24px; line-height: 1.4; border-top: 1px solid var(--vn-magenta); padding-top: 24px; }

/* ---------- Rodapé ---------- */
.vn-rodape { border-top: 1px solid var(--vn-linha); padding: 64px 0 40px; }
.vn-rodape__desc { margin-top: 16px; font-size: 14px; line-height: 1.6; color: var(--vn-texto-4); max-width: 360px; }
.vn-rodape__col { display: flex; flex-direction: column; gap: 12px; font-size: 14px; color: var(--vn-texto-nav); }
.vn-rodape__tit { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-texto-3); margin-bottom: 4px; }
.vn-rodape__base { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--vn-linha); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--vn-texto-3); }

/* ==========================================================
   FAMÍLIAS TIPOGRÁFICAS (escolhidas no shortcode)
   ========================================================== */
.vn.vn--fonte-schibsted { --vn-serif: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; }
.vn.vn--fonte-geist { --vn-serif: 'Geist', 'Helvetica Neue', Arial, sans-serif; }
.vn.vn--fonte-instrument { --vn-serif: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif; }
.vn.vn--fonte-classica { --vn-serif: 'Newsreader', Georgia, 'Times New Roman', serif; }

/* Ajustes para as fontes sem serifa: títulos mais firmes e textos mais compactos */
.vn:not(.vn--fonte-classica) [class^="vn-t-"],
.vn:not(.vn--fonte-classica) [class*=" vn-t-"] { font-weight: 600; letter-spacing: -.022em; }
.vn:not(.vn--fonte-classica) .vn-t-hero,
.vn:not(.vn--fonte-classica) .vn-t-56,
.vn:not(.vn--fonte-classica) .vn-t-48,
.vn:not(.vn--fonte-classica) .vn-t-44 { letter-spacing: -.032em !important; line-height: 1.03; }
.vn:not(.vn--fonte-classica) .vn-dek { font-size: 18px; line-height: 1.55; }
.vn:not(.vn--fonte-classica) .vn-dek--hero { font-size: 20px; }
.vn:not(.vn--fonte-classica) .vn-resumo { font-size: 16px; line-height: 1.55; }
.vn:not(.vn--fonte-classica) .vn-cab__sub { font-style: normal; font-size: 15px; }
.vn:not(.vn--fonte-classica) .vn-h2-analise { font-style: normal; font-weight: 700; letter-spacing: -.035em; }
.vn:not(.vn--fonte-classica) .vn-papel [class*="vn-t-analise"] { font-style: normal; font-weight: 500; letter-spacing: -.025em; }
.vn:not(.vn--fonte-classica) .vn-news__texto { font-size: 22px; line-height: 1.45; }

/* ==========================================================
   CABEÇALHO COMPACTO AO ROLAR
   ========================================================== */
.vn-header__in { transition: height .25s ease; }
.vn-logo__a, .vn-logo__b { transition: font-size .25s ease; }
.vn-header.is-compacto .vn-header__in { height: 64px; }
.vn-header.is-compacto .vn-logo__a, .vn-header.is-compacto .vn-logo__b { font-size: 34px; }
.vn-header.is-compacto .vn-btn-icone, .vn-header.is-compacto .vn-btn-assinar { height: 40px; }
.vn-header.is-compacto .vn-btn-icone { width: 40px; }
@media (prefers-reduced-motion: reduce) { .vn-header__in, .vn-logo__a, .vn-logo__b { transition: none; } }

/* ==========================================================
   MENU DO CELULAR
   ========================================================== */
.vn .vn-btn-menu { display: none; }
.vn-menu-movel { position: fixed; inset: 0; z-index: 9999; background: var(--vn-fundo); color: var(--vn-tinta); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.vn-menu-movel[hidden] { display: none; }
body.admin-bar .vn-menu-movel { top: 46px; }
.vn-menu-movel__topo { display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 20px; border-bottom: 1px solid var(--vn-linha); }
.vn-menu-movel__corpo { padding: 24px 20px 48px; }
.vn .vn-menu-movel__busca { display: flex; gap: 0; border-bottom: 1px solid var(--vn-tinta); margin-bottom: 28px; }
.vn .vn-menu-movel__busca input { flex: 1; min-width: 0; height: 52px; background: transparent; border: 0; border-radius: 0; color: var(--vn-tinta); font-family: var(--vn-serif); font-size: 18px; padding: 0; }
.vn .vn-menu-movel__busca button { background: transparent; border: 0; color: var(--vn-tinta); width: 48px; height: 52px; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.vn-menu-movel__ed { border-bottom: 1px solid var(--vn-linha); padding: 16px 0; }
.vn-menu-movel__ed > a { font-family: var(--vn-sans); font-stretch: 62%; font-weight: 800; font-size: 30px; line-height: 1.1; text-transform: uppercase; display: block; }
.vn-menu-movel__ed .vn-subnav { margin-top: 10px; gap: 8px 18px; font-size: 14px; }
.vn-menu-movel__extra { display: flex; flex-direction: column; gap: 14px; margin-top: 28px; font-size: 15px; color: var(--vn-texto-nav); }
.vn-menu-movel__extra .vn-btn-assinar { display: inline-flex; width: max-content; }

/* ==========================================================
   PUBLICIDADE (só aparece quando a área de widget tem conteúdo)
   ========================================================== */
.vn-pub { text-align: center; }
.vn-pub--billboard { max-width: 1360px; margin: 0 auto; padding: 0 40px 72px; }
.vn-pub__rotulo { display: block; font-family: var(--vn-sans); font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--vn-texto-3); margin-bottom: 10px; }
.vn-pub--billboard .vn-pub__peca { max-width: 970px; margin: 0 auto; }
.vn-pub--lateral { margin-top: 36px; }
.vn-pub-respiro { height: 72px; }
.vn-pub--lateral .vn-pub__peca { max-width: 300px; margin: 0 auto; }
.vn .vn-pub figure, .vn .vn-pub p { margin: 0; }
.vn .vn-pub img { width: 100%; height: auto; display: block; margin: 0 auto; }
.vn .vn-pub a:hover { opacity: .92; }
.vn-pub__item + .vn-pub__item { display: none; }
.vn-pub__item .widget-title, .vn-pub__item h2 { display: none; }
@media (max-width: 1100px) { .vn-pub--lateral { display: none; } }
@media (max-width: 700px) {
	.vn-pub--billboard { padding: 0 20px 56px; }
	.vn-pub--billboard .vn-pub__peca { max-width: 300px; }
	.vn-pub--billboard .vn-pub__item:first-child:not(:only-child) { display: none; }
	.vn-pub--billboard .vn-pub__item + .vn-pub__item { display: block; }
}

/* ==========================================================
   TABLET (até 1100px)
   ========================================================== */
@media (max-width: 1280px) {
	.vn-nav { display: none; }
	.vn .vn-btn-menu { display: flex; }
}

@media (max-width: 1100px) {
	.vn-wrap { padding: 0 32px; }
	.vn-grid { column-gap: 28px; }

	.vn-hero .vn-c8, .vn-hero .vn-c4 { grid-column: 1 / -1; }
	.vn-hero__sec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
	.vn-sec, .vn-sec:first-child { padding: 24px 0; border-bottom: 1px solid var(--vn-linha); }
	.vn-sec:first-child { grid-row: span 3; border-bottom: 0; padding-top: 0; }
	.vn-sec:nth-child(2) { padding-top: 0; }

	.vn-bloco .vn-c8, .vn-bloco aside.vn-c4 { grid-column: 1 / -1; }
	.vn-maislidas { position: static; }

	.vn-destaque--1 { grid-column: 1 / -1; }
	.vn-destaque--2, .vn-destaque--3 { grid-column: span 6; }

	.vn-c7, .vn-c5 { grid-column: 1 / -1; }
	.vn-bloco .vn-c5.vn-coluna-lista:has(.vn-manchete-texto) { grid-column: 1 / -1; }
	.vn-bloco .vn-c6 { grid-column: 1 / -1; }
	.vn-layout--2 .vn-c6 { grid-column: span 6 !important; }
	.vn-layout--1 .vn-c8 { grid-column: 1 / -1; }
	.vn-bloco .vn-c4 { grid-column: span 6; }
	.vn-bloco .vn-c3 { grid-column: span 6; }

	.vn-faixa-linha .vn-c7 { order: -1; }
	.vn-marcas-grade .vn-c5 { grid-column: 1 / -1; }
	.vn-marcas-grade .vn-c4, .vn-marcas-grade .vn-c3 { grid-column: span 6; }

	.vn-news__grid .vn-c7, .vn-news__grid .vn-c5 { grid-column: 1 / -1; }
	.vn-rodape .vn-rodape__marca { grid-column: 1 / -1; }
	.vn-rodape .vn-rodape__col { grid-column: span 3; }
}

/* ==========================================================
   CELULAR (até 700px)
   ========================================================== */
@media (max-width: 700px) {
	.vn-wrap { padding: 0 20px; }
	.vn-grid { row-gap: 32px; }
	.vn-grid > * { grid-column: 1 / -1 !important; margin-top: 0 !important; }
	.vn-layout--2 .vn-c6 { grid-column: 1 / -1 !important; }

	.vn-utilbar__in > span { display: none; }
	.vn-utilbar__in { justify-content: flex-end; }
	.vn-header__in { height: 72px; gap: 16px; }
	.vn-header.is-compacto .vn-header__in { height: 60px; }
	.vn-header.is-compacto .vn-logo__a, .vn-header.is-compacto .vn-logo__b { font-size: 28px; }
	.vn-header__acoes { gap: 10px; }
	.vn-logo__a, .vn-logo__b { font-size: 34px; }
	.vn-header__acoes .vn-btn-assinar { display: none; }

	.vn-hero { padding-top: 28px; padding-bottom: 64px; }
	.vn-hero__sec { display: flex; }
	.vn-sec:first-child { grid-row: auto; border-bottom: 1px solid var(--vn-linha); padding-bottom: 24px; }
	.vn-sec:nth-child(2) { padding-top: 24px; }
	.vn-dek--hero { font-size: 18px; }

	.vn-bloco { padding-bottom: 72px; }
	.vn-bloco--topo { padding-top: 72px; }
	.vn .vn-h2 { font-size: 32px; }
	.vn-cab { margin-bottom: 28px; }
	.vn-cab__sub { display: none; }
	.vn-cab__sub--bloco { display: block; }

	.vn-lista { grid-template-columns: minmax(0, 1fr) 104px; gap: 16px; padding: 22px 0; }
	.vn-lista .vn-img { order: 2; }
	.vn-lista .vn-resumo { display: none; }
	.vn-lista .vn-t-26 { font-size: 20px; }
	.vn-btn-mais { width: 100%; justify-content: center; }

	.vn-faixa { padding: 64px 0 72px; }
	.vn-cab-grande { display: block; margin-bottom: 32px; }
	.vn-cab-grande__desc { margin-top: 16px; }

	.vn-coluna-borda { border-left: 0; padding-left: 0; }
	.vn-texto--thumb { grid-template-columns: minmax(0, 1fr) 96px; gap: 16px; }
	.vn-faixa-linha { padding: 64px 0; }
	.vn-neg { grid-template-columns: 1fr; gap: 8px; }

	.vn-cab-marcas .vn-ver { display: none; }
	.vn-panorama .vn-img { aspect-ratio: 16 / 9; }
	.vn-marcas-grade { margin-top: 40px; }

	.vn-papel { padding: 72px 0; }
	.vn .vn-h2-analise { font-size: 48px; }
	.vn-cab-analise { display: block; }
	.vn-cab-analise > a { display: inline-block; margin-top: 12px; }
	.vn-analise.is-lead { padding-bottom: 28px; border-bottom: 1px solid #C9C4BA; }
	.vn-coluna-lista--papel .vn-analise:first-child { padding-top: 0; }

	.vn-news { padding-top: 80px; padding-bottom: 80px; }
	.vn-news__texto { font-size: 20px; }
	.vn-rodape__base { flex-direction: column; }
}

/* ==========================================================
   CORES POR EDITORIA
   ========================================================== */
.vn .vn-kicker {
	display: inline-block; padding: 4px 8px 3px; border-radius: 4px;
	background: var(--vn-cor-ed, #52525B); color: #FFFFFF !important;
	font-family: var(--vn-sans); font-size: 10.5px; font-weight: 700; letter-spacing: .1em; line-height: 1.35;
	text-transform: uppercase; opacity: 1;
}
.vn a.vn-kicker:hover { color: #FFFFFF !important; filter: brightness(1.12); opacity: 1; }
.vn .vn-neg .vn-kicker { padding-top: 4px; margin-top: 3px; letter-spacing: .08em; }
.vn .vn-analise__kicker { margin-top: 36px; }
.vn .vn-marca { background: var(--vn-cor-ed, var(--vn-magenta)); }
.vn .vn-h2-revista::before { content: ''; display: inline-block; width: 10px; height: 10px; background: var(--vn-cor-ed, var(--vn-magenta)); margin-right: 14px; vertical-align: .32em; }
.vn .vn-subnav a:hover { color: inherit; box-shadow: inset 0 -2px 0 var(--vn-cor-ed, var(--vn-acento)); }
.vn .vn-nav__lista a { padding-bottom: 4px; }
.vn .vn-nav__lista a:hover { color: var(--vn-tinta); box-shadow: inset 0 -2px 0 var(--vn-cor-ed, var(--vn-acento)); }
.vn .vn-menu-movel__ed > a { display: flex; align-items: center; gap: 12px; }
.vn .vn-menu-movel__ed .vn-marca { width: 10px; height: 10px; }
.vn .vn-rodape__ed:hover { color: var(--vn-tinta); box-shadow: inset 0 -2px 0 var(--vn-cor-ed); }


/* ==========================================================
   RODAPÉ ENRIQUECIDO (1.7.0)
   ========================================================== */
.vn-rodape__tit { color: var(--vn-acento-2); }
.vn-rodape__col a { transition: color .2s ease; }
.vn-rodape__col a:hover { color: var(--vn-tinta); }
.vn-rodape__social { display: flex; gap: 10px; margin: 22px 0 24px; }
.vn-rodape__social a { width: 40px; height: 40px; border: 1px solid var(--vn-linha-2); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--vn-texto-4); transition: color .2s ease, border-color .2s ease; }
.vn-rodape__social a:hover { color: var(--vn-tinta); border-color: var(--vn-magenta); }
.vn-rodape__social svg { width: 18px; height: 18px; }
.vn-rodape__btn { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; border: 1px solid var(--vn-magenta); color: var(--vn-tinta) !important; padding: 12px 18px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.vn-rodape__btn:hover { background: var(--vn-magenta); color: #fff !important; }
.vn-rodape__contato a:not(.vn-rodape__btn) { display: flex; align-items: flex-start; gap: 10px; word-break: break-word; }
.vn-rodape__contato svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: var(--vn-magenta); }
.vn-rodape__contato .vn-rodape__btn { margin-top: 8px; }
.vn-rodape__base-links { display: flex; gap: 22px; flex-wrap: wrap; }
.vn-rodape__base a:hover { color: var(--vn-tinta); }
@media (max-width: 700px) {
	.vn-rodape .vn-grid > .vn-rodape__col { grid-column: span 6 !important; }
	.vn-rodape .vn-grid > .vn-rodape__contato,
	.vn-rodape .vn-grid > .vn-rodape__marca { grid-column: 1 / -1 !important; }
}

/* ==========================================================
   PÁGINA DA MATÉRIA (1.8.0)
   ========================================================== */
body.vn-portal-materia { background: #0A0A0B; margin: 0; }
.vn-materia__topo { padding-top: 32px; }
.vn-trilha { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--vn-texto-3); margin-bottom: 40px; }
.vn .vn-trilha a { color: var(--vn-texto-3); }
.vn .vn-trilha a:hover { color: var(--vn-tinta); }
.vn .vn-trilha a:last-child { color: var(--vn-tinta); }

.vn-materia__cab { max-width: 1000px; margin: 0 auto; }
.vn-materia__kicker { margin: 0 0 22px; flex-wrap: wrap; }
.vn .vn-materia__kicker .vn-kicker { font-size: 11.5px; padding: 6px 10px 5px; }
.vn .vn-materia__kicker .vn-chapeu { color: var(--vn-acento); font-weight: 700; }
.vn .vn-materia__titulo { font-family: var(--vn-serif); font-weight: 800; font-size: clamp(34px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -.02em; color: var(--vn-tinta); margin: 0 0 22px; }
.vn .vn-materia__fina { font-family: var(--vn-serif); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.5; color: var(--vn-texto-2); margin: 0 0 32px; max-width: 900px; }

.vn-materia__linha { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 20px 0; border-top: 1px solid var(--vn-linha); border-bottom: 1px solid var(--vn-linha); }
.vn-materia__autor { display: flex; align-items: center; gap: 14px; }
.vn-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.vn-avatar--ini { display: flex; align-items: center; justify-content: center; background: #111114; color: #F4F2EE; font-weight: 800; font-size: 15px; }
.vn-avatar--g { width: 88px; height: 88px; font-size: 24px; }
.vn .vn-materia__por { font-size: 15px; color: var(--vn-tinta); }
.vn .vn-materia__por a { font-weight: 700; box-shadow: inset 0 -1px 0 currentColor; }
.vn .vn-materia__datas { font-size: 13px; color: var(--vn-texto-3); margin-top: 3px; }

.vn-compartilhe { display: flex; align-items: center; gap: 8px; }
.vn-compartilhe__rotulo { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-texto-3); margin-right: 4px; }
.vn .vn-btn-q { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--vn-linha-2); background: transparent; color: var(--vn-tinta); cursor: pointer; padding: 0; transition: border-color .2s ease, color .2s ease; }
.vn .vn-btn-q:hover, .vn .vn-btn-q.is-copiado { border-color: var(--vn-acento); color: var(--vn-acento); }

.vn-materia__figura { max-width: 860px; margin: 36px auto 0; }
.vn .vn-materia__figura .vn-img img { transition: none; }
.vn .vn-materia__figura .vn-img:hover img { transform: none; }
.vn-materia__figura figcaption { display: flex; flex-wrap: wrap; gap: 6px 10px; font-size: 13px; line-height: 1.5; color: var(--vn-texto-3); padding-top: 12px; }
.vn-credito { color: var(--vn-texto-4); }

.vn-materia__miolo { padding-top: 56px; }

/* Texto da matéria: devolve a tipografia que o portal zera */
.vn-materia__corpo { font-size: 19px; line-height: 1.72; color: var(--vn-texto-1); }
.vn .vn-materia__corpo > * + * { margin-top: 26px; }
.vn .vn-materia__corpo h2 { font-family: var(--vn-serif); font-weight: 800; font-size: 30px; line-height: 1.2; letter-spacing: -.01em; color: var(--vn-tinta); margin-top: 48px; }
.vn .vn-materia__corpo h3 { font-family: var(--vn-serif); font-weight: 700; font-size: 23px; line-height: 1.3; color: var(--vn-tinta); margin-top: 36px; }
.vn .vn-materia__corpo h2 + *, .vn .vn-materia__corpo h3 + * { margin-top: 14px; }
.vn .vn-materia__corpo strong, .vn .vn-materia__corpo b { color: var(--vn-tinta); }
.vn .vn-materia__corpo a { color: var(--vn-acento); box-shadow: inset 0 -1px 0 currentColor; }
.vn .vn-materia__corpo a:hover { color: var(--vn-tinta); }
.vn .vn-materia__corpo ul, .vn .vn-materia__corpo ol { padding-left: 24px; }
.vn .vn-materia__corpo ul { list-style: disc; }
.vn .vn-materia__corpo ol { list-style: decimal; }
.vn .vn-materia__corpo li + li { margin-top: 10px; }
.vn .vn-materia__corpo li::marker { color: var(--vn-acento); font-weight: 700; }
.vn .vn-materia__corpo blockquote { margin: 40px 0; padding: 0; border: 0; font-family: var(--vn-serif); font-weight: 700; font-size: 26px; line-height: 1.32; color: var(--vn-tinta); }
.vn .vn-materia__corpo blockquote::before { content: ''; display: block; width: 48px; height: 4px; background: var(--vn-acento); margin-bottom: 18px; }
.vn .vn-materia__corpo blockquote p { margin: 0; }
.vn .vn-materia__corpo blockquote cite { display: block; margin-top: 12px; font-family: var(--vn-sans); font-style: normal; font-weight: 500; font-size: 14px; color: var(--vn-texto-3); }
.vn .vn-materia__corpo figure { margin-left: 0; margin-right: 0; }
.vn .vn-materia__corpo img { height: auto; border-radius: var(--vn-raio-pq); }
.vn .vn-materia__corpo figcaption, .vn .vn-materia__corpo .wp-element-caption { font-size: 13px; line-height: 1.5; color: var(--vn-texto-3); margin-top: 10px; text-align: left; }
.vn .vn-materia__corpo table { width: 100%; border-collapse: collapse; font-size: 16px; display: block; overflow-x: auto; }
.vn .vn-materia__corpo th, .vn .vn-materia__corpo td { border-bottom: 1px solid var(--vn-linha); padding: 12px 14px; text-align: left; vertical-align: top; }
.vn .vn-materia__corpo th { color: var(--vn-tinta); font-weight: 700; border-bottom-width: 2px; }
.vn .vn-materia__corpo hr { border: 0; border-top: 1px solid var(--vn-linha); margin: 40px 0; }
.vn .vn-materia__corpo em { font-style: italic; }

/* Leia também no meio do texto */
.vn .vn-relacionado { display: flex; gap: 18px; align-items: center; border-top: 2px solid var(--vn-tinta); border-bottom: 1px solid var(--vn-linha); padding: 18px 0; margin: 36px 0; }
.vn .vn-relacionado__img { width: 120px; flex-shrink: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--vn-raio-pq); background: var(--vn-img-bg); box-shadow: none !important; }
.vn .vn-relacionado__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.vn .vn-relacionado__rotulo { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-acento); margin-bottom: 6px; }
.vn .vn-relacionado__titulo { font-family: var(--vn-serif); font-weight: 700; font-size: 19px; line-height: 1.3; color: var(--vn-tinta) !important; box-shadow: none !important; }
.vn .vn-relacionado__titulo:hover { color: var(--vn-acento) !important; }

/* Temas e compartilhar */
.vn-materia__rodape-texto { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 44px; padding: 22px 0; border-top: 1px solid var(--vn-linha); border-bottom: 1px solid var(--vn-linha); }
.vn-temas { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.vn-temas__rotulo { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-texto-3); margin-right: 6px; }
.vn .vn-temas a { font-size: 14px; border: 1px solid var(--vn-linha-2); padding: 7px 12px; }
.vn .vn-temas a:hover { border-color: var(--vn-acento); }
.vn-compartilhe-grande { display: flex; gap: 8px; flex-wrap: wrap; }
.vn .vn-btn-cheio, .vn .vn-btn-borda { height: 46px; padding: 0 18px; display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; }
.vn .vn-btn-cheio { background: var(--vn-tinta); color: var(--vn-fundo) !important; }
.vn .vn-btn-cheio:hover { opacity: .88; }
.vn .vn-btn-cheio--acento { background: var(--vn-magenta); color: #FFFFFF !important; }
.vn .vn-btn-borda { border: 1px solid var(--vn-tinta); color: var(--vn-tinta) !important; }
.vn .vn-btn-borda:hover { border-color: var(--vn-acento); color: var(--vn-acento) !important; }
.vn .vn-btn-borda--claro { border-color: #3A3A40; color: #F4F2EE !important; }

/* Caixa do autor */
.vn-autor-box { display: flex; gap: 22px; align-items: flex-start; padding: 32px 0; }
.vn-autor-box__texto { display: flex; flex-direction: column; gap: 6px; }
.vn-autor-box__rotulo { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vn-texto-3); }
.vn .vn-autor-box__nome { font-family: var(--vn-serif); font-weight: 800; font-size: 22px; color: var(--vn-tinta); }
.vn-autor-box__cargo { font-size: 14px; color: var(--vn-texto-3); }
.vn .vn-autor-box p { font-size: 16px; line-height: 1.6; color: var(--vn-texto-2); margin-top: 4px; }
.vn .vn-autor-box__link { font-size: 14px; font-weight: 700; color: var(--vn-acento); margin-top: 6px; }

/* Chamada da Vector por editoria */
.vn-cta-materia { background: #0A0A0B; color: #F4F2EE; padding: 40px; display: flex; flex-direction: column; gap: 14px; border-radius: var(--vn-raio); }
.vn-cta-materia__rotulo { font-size: 11.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #22D3E6; }
.vn .vn-cta-materia__titulo { font-family: var(--vn-serif); font-weight: 800; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; color: #F4F2EE; }
.vn .vn-cta-materia__texto { font-size: 16px; line-height: 1.6; color: #BDBCC1; }
.vn-cta-materia__botoes { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }

/* Lateral */
.vn-materia__lateral { display: flex; flex-direction: column; gap: 40px; }
.vn .vn-lat-tit { font-family: var(--vn-sans); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-tinta); padding-bottom: 12px; border-bottom: 2px solid var(--vn-tinta); }
.vn .vn-lat-rank li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--vn-linha); }
.vn .vn-lat-rank li:last-child { border-bottom: 0; }
.vn .vn-lat-rank span { font-family: var(--vn-serif); font-weight: 800; font-size: 30px; line-height: 1; color: var(--vn-linha-3); min-width: 20px; }
.vn .vn-lat-rank a { font-weight: 600; font-size: 16px; line-height: 1.35; color: var(--vn-tinta); }
.vn .vn-lat-rank a:hover { color: var(--vn-acento); }
.vn-lat-news { background: var(--vn-faixa); padding: 28px; display: flex; flex-direction: column; gap: 12px; border-radius: var(--vn-raio-pq); }
.vn-lat-news__rotulo, .vn-lat-servico__rotulo { font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-acento-2); }
.vn .vn-lat-news__titulo { font-family: var(--vn-serif); font-weight: 800; font-size: 21px; line-height: 1.25; color: var(--vn-tinta); }
.vn-lat-news form { display: flex; flex-direction: column; gap: 10px; }
.vn-lat-news label { font-size: 13px; color: var(--vn-texto-2); }
.vn .vn-lat-news input[type="email"] { height: 48px; border: 1px solid var(--vn-linha-3); background: var(--vn-fundo); color: var(--vn-tinta); padding: 0 14px; font-size: 15px; font-family: var(--vn-sans); border-radius: 0; }
.vn .vn-lat-news button { height: 48px; background: var(--vn-tinta); color: var(--vn-fundo); border: 0; font-size: 14px; font-weight: 700; cursor: pointer; font-family: var(--vn-sans); }
.vn .vn-lat-news__ok { font-size: 15px; color: var(--vn-tinta); }
.vn-lat-servico { border: 1px solid var(--vn-linha); padding: 28px; display: flex; flex-direction: column; gap: 10px; border-radius: var(--vn-raio-pq); }
.vn .vn-lat-servico p { font-weight: 700; font-size: 18px; line-height: 1.35; color: var(--vn-tinta); }
.vn .vn-lat-servico a { font-size: 14px; font-weight: 700; color: var(--vn-acento); }

/* Veja também */
.vn-veja { padding-top: 72px; padding-bottom: 80px; }
.vn-veja__cab { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; border-bottom: 2px solid var(--vn-tinta); padding-bottom: 12px; margin-bottom: 28px; }
.vn .vn-veja__cab h2 { font-family: var(--vn-sans); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-tinta); }
.vn .vn-veja__cab a { font-size: 14px; font-weight: 700; }
.vn-veja__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.vn-veja__card .vn-img { margin-bottom: 16px; }
.vn .vn-veja__card h3 { font-family: var(--vn-serif); font-weight: 700; font-size: 21px; line-height: 1.25; color: var(--vn-tinta); margin-top: 12px; }

@media (max-width: 1100px) {
	.vn-materia .vn-materia__artigo, .vn-materia .vn-materia__lateral { grid-column: 1 / -1; }
	.vn-veja__grade { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
	.vn-materia__topo { padding-top: 20px; }
	.vn-trilha { margin-bottom: 24px; }
	.vn-materia__linha { align-items: flex-start; }
	.vn-materia__corpo { font-size: 18px; }
	.vn .vn-materia__corpo h2 { font-size: 25px; }
	.vn .vn-materia__corpo blockquote { font-size: 22px; }
	.vn-materia__figura { max-width: none; margin-left: -20px; margin-right: -20px; }
	.vn .vn-materia__figura .vn-img { border-radius: 0; }
	.vn-materia__figura figcaption { padding-left: 20px; padding-right: 20px; }
	.vn-cta-materia { padding: 28px 22px; }
	.vn-veja__grade { grid-template-columns: 1fr; }
	.vn-autor-box { flex-direction: column; }
}

/* ==========================================================
   PÁGINAS DE EDITORIA, TEMA E AUTOR (1.9.0)
   ========================================================== */
.vn-arquivo__topo { padding-top: 32px; padding-bottom: 8px; }
.vn .vn-trilha__atual { color: var(--vn-tinta); }
.vn-arquivo__cab { border-bottom: 1px solid var(--vn-linha); padding-bottom: 28px; }
.vn .vn-arquivo__rotulo { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-cor-ed, var(--vn-acento)); margin-bottom: 12px; }
.vn .vn-arquivo__titulo { font-size: clamp(44px, 6vw, 84px); }
.vn .vn-arquivo__desc { font-family: var(--vn-serif); font-size: clamp(18px, 1.6vw, 21px); line-height: 1.5; color: var(--vn-texto-2); margin-top: 16px; max-width: 760px; }
.vn-arquivo__info { display: flex; gap: 6px; font-size: 13px; color: var(--vn-texto-3); margin-top: 14px; }
.vn .vn-arquivo__cab .vn-subnav { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--vn-linha); }
.vn-arquivo__autor { display: flex; align-items: center; gap: 24px; }
.vn .vn-arquivo__cargo { font-size: 15px; color: var(--vn-texto-3); margin-top: 10px; }
.vn-arquivo__destaques { padding-top: 40px; }
.vn-arquivo__secs .vn-sec:first-child { padding-top: 0; }
.vn-arquivo__miolo { padding-top: 56px; padding-bottom: 88px; }
.vn-arquivo__vazio { padding-top: 48px; padding-bottom: 96px; font-size: 18px; color: var(--vn-texto-2); }
.vn .vn-arquivo__vazio a { color: var(--vn-acento); box-shadow: inset 0 -1px 0 currentColor; }
.vn-arquivo__cta { margin-top: 48px; }

.vn-paginacao { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.vn .vn-paginacao .page-numbers { min-width: 44px; height: 44px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--vn-linha-2); font-size: 14px; font-weight: 600; color: var(--vn-tinta); }
.vn .vn-paginacao a.page-numbers:hover { border-color: var(--vn-acento); color: var(--vn-acento); }
.vn .vn-paginacao .page-numbers.current { background: var(--vn-tinta); color: var(--vn-fundo); border-color: var(--vn-tinta); }
.vn .vn-paginacao .page-numbers.dots { border: 0; }

@media (max-width: 1100px) {
	.vn-arquivo .vn-c8, .vn-arquivo .vn-c4 { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
	.vn-arquivo__topo { padding-top: 20px; }
	.vn-arquivo__autor { flex-direction: column; align-items: flex-start; gap: 16px; }
	.vn-arquivo__miolo { padding-top: 32px; padding-bottom: 64px; }
}


/* ==========================================================
   CTA LATERAL FIXO (1.9.1)
   ========================================================== */
.vn .vn-materia__lateral { align-self: stretch; }
.vn-lat-cta { position: sticky; top: 24px; background: #0A0A0B; color: #F4F2EE; padding: 32px 28px; border-radius: var(--vn-raio); display: flex; flex-direction: column; gap: 14px; }
.admin-bar .vn-lat-cta { top: 56px; }
.vn-lat-cta__rotulo { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #22D3E6; }
.vn .vn-lat-cta__titulo { font-family: var(--vn-serif); font-weight: 800; font-size: 23px; line-height: 1.22; color: #F4F2EE; }
.vn .vn-lat-cta__texto { font-size: 15px; line-height: 1.6; color: #BDBCC1; }
.vn .vn-lat-cta .vn-btn-cheio { justify-content: center; text-align: center; height: auto; min-height: 48px; padding: 12px 16px; line-height: 1.3; margin-top: 6px; }
.vn .vn-lat-cta__contato { font-size: 14px; font-weight: 600; color: #F4F2EE; text-align: center; }
.vn .vn-lat-cta__contato:hover { color: #22D3E6; }
@media (max-width: 1100px) {
	.vn-lat-cta { display: none; }
}


/* ==========================================================
   MANCHETE + SUBMANCHETES (1.9.3)
   Texto à esquerda e foto maior à direita; abaixo, uma linha com
   três submanchetes, como no g1 e no UOL. Na lateral, duas secundárias.
   ========================================================== */
.vn .vn-manchete .vn-t-hero { font-size: clamp(28px, 2.4vw, 38px) !important; line-height: 1.08 !important; margin-top: 14px; max-width: none; }
.vn .vn-manchete .vn-dek--hero { font-size: 16.5px !important; line-height: 1.55; margin-top: 14px; max-width: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vn .vn-manchete .vn-meta { margin-top: 14px; }

.vn-subs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 36px; padding-top: 32px; border-top: 1px solid var(--vn-linha); }
.vn-subs--arquivo { margin-top: 32px; }
.vn .vn-sub .vn-img { border-radius: var(--vn-raio-pq); margin-bottom: 14px; }
.vn .vn-sub .vn-t-20 { font-size: 19px; line-height: 1.25; }

@media (min-width: 1101px) {
	.vn .vn-manchete { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.4fr); gap: 32px; align-items: center; }
	.vn .vn-manchete__foto { order: 2; }
	.vn .vn-manchete__texto { order: 1; }
	.vn-arquivo .vn-manchete { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
	.vn-arquivo .vn-manchete .vn-t-hero { font-size: clamp(30px, 2.6vw, 42px) !important; }
}
@media (max-width: 1100px) {
	.vn .vn-manchete__texto { margin-top: 18px; }
}
@media (max-width: 700px) {
	.vn .vn-manchete .vn-t-hero { font-size: 28px !important; }
	.vn .vn-manchete .vn-dek--hero { font-size: 16px !important; }
	.vn-subs { grid-template-columns: 1fr; gap: 24px; }
	.vn .vn-sub { display: grid; grid-template-columns: 120px minmax(0, 1fr); column-gap: 14px; align-items: start; }
	.vn .vn-sub .vn-img { grid-row: span 2; margin-bottom: 0; }
	.vn .vn-sub .vn-t-20 { font-size: 17px; margin-top: 6px; }
}


/* ==========================================================
   MARCAS & COMPORTAMENTO SEM ESPAÇOS VAZIOS (1.9.4)
   ========================================================== */
.vn .vn-panorama .vn-t-48 { font-size: clamp(28px, 2.6vw, 40px); }
.vn-marcas-uma { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--vn-linha); }
@media (min-width: 901px) {
	.vn .vn-marcas-uma .vn-retrato { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: 40px; align-items: center; }
	.vn .vn-marcas-uma .vn-retrato .vn-img { grid-row: span 3; margin: 0; }
	.vn .vn-marcas-uma .vn-retrato > :not(.vn-img) { grid-column: 2; }
	.vn .vn-marcas-uma .vn-retrato .vn-kicker { justify-self: start; align-self: end; }
	.vn .vn-marcas-uma .vn-retrato .vn-meta { align-self: start; }
}
@media (max-width: 1100px) {
	.vn-marcas-grade .vn-c6 { grid-column: span 6; }
}
@media (max-width: 700px) {
	.vn-marcas-grade .vn-c6 { grid-column: 1 / -1; }
}


/* ==========================================================
   INDICADORES DO MERCADO, ROLANDO COMO UM TERMINAL (2.1.0)
   ========================================================== */
.vn-utilbar__in { gap: 24px; }
.vn-utilbar__data { flex-shrink: 0; }
.vn-mercado { flex: 1; min-width: 0; display: flex; align-items: center; gap: 14px; opacity: 0; transition: opacity .3s ease; }
.vn-mercado.is-pronto { opacity: 1; }
.vn-mercado__selo { flex-shrink: 0; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #22D3E6; padding-right: 14px; border-right: 1px solid var(--vn-linha-2); }
.vn-mercado__janela { flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); }
.vn-mercado__trilho { display: flex; width: max-content; }
.vn-mercado__trilho:not(.is-rodando) { overflow-x: auto; scrollbar-width: none; width: auto; }
.vn-mercado__trilho.is-rodando { animation: vn-mercado-rola 60s linear infinite; }
.vn-mercado__janela:hover .vn-mercado__trilho.is-rodando { animation-play-state: paused; }
@keyframes vn-mercado-rola { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.vn-mercado__grupo { display: flex; gap: 28px; padding-right: 28px; white-space: nowrap; }
.vn-mercado__item { display: inline-flex; gap: 6px; align-items: baseline; color: var(--vn-tinta); font-variant-numeric: tabular-nums; }
.vn-mercado__rotulo { color: var(--vn-texto-4); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: 10.5px; }
.vn-mercado__var { font-size: 11px; font-weight: 600; }
.vn-mercado__var.is-sobe { color: #34D399; }
.vn-mercado__var.is-cai { color: #F87171; }
.vn-utilbar__links { flex-shrink: 0; }
@media (max-width: 1100px) {
	.vn-utilbar__data { display: none; }
}
@media (max-width: 700px) {
	.vn-utilbar__in { justify-content: flex-start !important; gap: 12px; }
	.vn-utilbar__links { display: none; }
	.vn-mercado__selo { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.vn-mercado__trilho.is-rodando { animation: none; }
}


/* ==========================================================
   BANNER AO LADO DA MANCHETE (2.2.0)
   ========================================================== */
@media (min-width: 1101px) {
	.vn-hero .vn-hero__sec { align-self: stretch; display: flex; flex-direction: column; }
	.vn-hero__banner { margin-top: auto; padding-top: 28px; }
}
@media (max-width: 1100px) {
	.vn-hero__banner { display: none; }
}
.vn-pub--hero .vn-pub__peca { max-width: 300px; margin: 0 auto; }
.vn .vn-casa { display: flex; flex-direction: column; gap: 10px; background: #0A0A0B; color: #F4F2EE; padding: 26px 26px 24px; border-radius: var(--vn-raio); position: relative; overflow: hidden; }
.vn .vn-casa::after { content: ''; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(255,46,136,.35), transparent 70%); pointer-events: none; }
.vn-casa__rotulo { font-size: 10.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #22D3E6; }
.vn-casa__titulo { font-family: var(--vn-serif); font-weight: 800; font-size: 22px; line-height: 1.2; color: #F4F2EE; }
.vn-casa__texto { font-size: 14.5px; line-height: 1.55; color: #BDBCC1; }
.vn-casa__botao { margin-top: 6px; font-size: 13.5px; font-weight: 700; color: #FF2E88; }
.vn .vn-casa:hover .vn-casa__botao { color: #F4F2EE; }

.vn .vn-casa-img { display: block; border-radius: var(--vn-raio); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.vn .vn-casa-img img { display: block; width: 100%; height: auto; }
.vn .vn-casa-img:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -14px rgba(0,0,0,.45); }

/* 2.2.2: colunas do topo terminando juntas */
@media (min-width: 1101px) {
	.vn-hero .vn-hero__principal { align-self: stretch; display: flex; flex-direction: column; }
	.vn-hero .vn-hero__principal .vn-subs { margin-top: auto; }
	.vn-hero .vn-hero__principal .vn-manchete { margin-bottom: 36px; }
	.vn-hero .vn-hero__sec .vn-sec:first-child { border-bottom: 0; padding-bottom: 0; }
}


/* ==========================================================
   TOPO COM MAIS VOLUME (2.3.0)
   Lateral com quatro destaques compactos (miniatura + título)
   e o banner; manchete alinhada pelo topo.
   ========================================================== */
.vn .vn-manchete { align-items: start; }
.vn-compactos { display: flex; flex-direction: column; }
.vn .vn-compacto { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 16px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--vn-linha); }
.vn .vn-compacto:first-child { padding-top: 0; }
.vn .vn-compacto .vn-img { border-radius: var(--vn-raio-pq); margin: 0; }
.vn .vn-compacto .vn-kicker { font-size: 10px; padding: 4px 7px 3px; }
.vn .vn-compacto .vn-t-20 { font-size: 17px; line-height: 1.28; margin-top: 8px; }
@media (min-width: 1101px) {
	.vn-hero .vn-hero__sec .vn-compactos { flex: 1; justify-content: space-between; }
	.vn-hero .vn-hero__sec .vn-compacto:last-child { border-bottom: 0; }
	.vn-hero__banner { margin-top: 0; padding-top: 24px; border-top: 1px solid var(--vn-linha); }
}
@media (max-width: 700px) {
	.vn .vn-compacto { grid-template-columns: 112px minmax(0, 1fr); }
}


/* ==========================================================
   MANCHETE DA HOME COM FOTO LARGA (2.3.1)
   ========================================================== */
.vn .vn-manchete-foto .vn-img { aspect-ratio: 2 / 1; border-radius: 16px; }
.vn .vn-manchete-foto .vn-linha-kicker { margin-top: 20px; }
.vn .vn-t-manchete { font-family: var(--vn-serif); font-weight: 700; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.08; letter-spacing: -.03em; margin-top: 14px; color: var(--vn-tinta); }
.vn .vn-t-manchete a:hover { color: var(--vn-acento); }
@media (min-width: 1101px) {
	.vn-hero .vn-hero__principal .vn-manchete-foto { margin-bottom: 36px; }
}
@media (max-width: 700px) {
	.vn .vn-manchete-foto .vn-img { aspect-ratio: 16 / 10; border-radius: 12px; }
	.vn .vn-t-manchete { font-size: 28px; }
}


/* ==========================================================
   TOPO: OLHO NA MANCHETE E 6 DESTAQUES NA LATERAL (2.3.2)
   ========================================================== */
.vn .vn-dek--manchete { font-size: 18px !important; line-height: 1.55; color: var(--vn-texto-2); margin-top: 16px; max-width: 880px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vn .vn-manchete-foto .vn-meta { margin-top: 14px; }
.vn .vn-compacto { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 14px 0; }
.vn .vn-compacto .vn-t-20 { font-size: 16.5px; line-height: 1.26; margin-top: 6px; }
@media (max-width: 700px) {
	.vn .vn-dek--manchete { font-size: 16px !important; }
	.vn .vn-compacto { grid-template-columns: 104px minmax(0, 1fr); }
}


/* ==========================================================
   BANNER NO CELULAR E NO TABLET (2.3.3)
   Entre as submanchetes e os destaques da lateral.
   ========================================================== */
.vn-hero__banner-movel { display: none; }
@media (max-width: 1100px) {
	.vn-hero__banner-movel { display: block; margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--vn-linha); }
	.vn-hero__banner-movel .vn-casa-img, .vn-hero__banner-movel .vn-pub { max-width: 560px; margin: 0 auto; }
}
/* Selo da editoria do tamanho do texto nas submanchetes do celular */
@media (max-width: 700px) {
	.vn .vn-sub .vn-kicker { justify-self: start; align-self: start; }
}


/* ==========================================================
   SUPER BANNER (2.4.0)
   Espaço reservado na proporção certa para a página não "pular".
   ========================================================== */
.vn-super { padding-top: 24px; }
.vn-super__rotulo { display: block; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-texto-4); margin-bottom: 6px; }
.vn .vn-super__link { display: block; border-radius: 14px; overflow: hidden; background: var(--vn-img-bg); aspect-ratio: 10 / 1; transition: transform .25s ease, box-shadow .25s ease; }
.vn .vn-super__link:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -16px rgba(0,0,0,.45); }
.vn .vn-super__link img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vn-super + .vn-hero, .vn-super + section { padding-top: 32px; }
@media (max-width: 700px) {
	.vn-super { padding-top: 16px; }
	.vn .vn-super__link { aspect-ratio: 640 / 200; border-radius: 10px; }
}


/* ==========================================================
   SEÇÕES SEM BURACOS (2.5.0)
   Títulos de destaque menores, olho com 3 linhas e colunas
   terminando juntas, com o espaço extra distribuído.
   ========================================================== */
.vn .vn-principal .vn-t-44, .vn .vn-principal .vn-t-40, .vn .vn-principal .vn-t-34 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.1; }
.vn .vn-manchete-texto .vn-t-48 { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.08; }
.vn .vn-panorama .vn-t-48 { font-size: clamp(28px, 2.6vw, 38px); }
.vn .vn-principal .vn-dek, .vn .vn-manchete-texto .vn-dek { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 12px; }
.vn .vn-principal .vn-meta, .vn .vn-manchete-texto .vn-meta { margin-top: 14px; }
@media (min-width: 1101px) {
	.vn .vn-grid--estica { align-items: stretch; }
	.vn .vn-coluna-estica { display: flex; flex-direction: column; justify-content: space-between; }
	.vn .vn-neg-coluna { display: flex; flex-direction: column; }
	.vn .vn-neg-coluna .vn-neg-lista { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
	.vn .vn-compactos.vn-coluna-estica .vn-compacto:last-child { border-bottom: 0; }
}
.vn-marcas-lado { display: flex; flex-direction: column; gap: 28px; }
.vn .vn-marcas-lado .vn-sub .vn-img { aspect-ratio: 2 / 1; }
.vn .vn-marcas-lado .vn-sub + .vn-sub { padding-top: 28px; border-top: 1px solid var(--vn-linha); }
.vn .vn-marcas-lado .vn-sub .vn-t-20 { font-size: 21px; }
@media (max-width: 1100px) {
	.vn-marcas-nova .vn-c7, .vn-marcas-nova .vn-c5 { grid-column: 1 / -1; }
}

/* ==========================================================
   RADAR (2.5.0)
   ========================================================== */
.vn-radar { padding-top: 64px; padding-bottom: 72px; }
.vn-radar__cab { border-top: 1px solid var(--vn-linha); padding-top: 36px; margin-bottom: 28px; }
.vn .vn-radar__titulo { --vn-cor-ed: #22D3E6; }
.vn .vn-radar__sub { font-size: 16px; color: var(--vn-texto-2); margin-top: 10px; }
.vn-radar__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
.vn-radar__grade--uma { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.vn-radar__colcab { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 2px solid var(--vn-tinta); padding-bottom: 12px; }
.vn .vn-radar__colcab h3 { font-family: var(--vn-sans); font-size: 12.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--vn-tinta); }
.vn-radar__colcab span { font-size: 12px; color: var(--vn-texto-4); }
.vn .vn-radar__trends li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 14px; align-items: baseline; padding: 13px 0; border-bottom: 1px solid var(--vn-linha); }
.vn-radar__n { font-family: var(--vn-serif); font-weight: 800; font-size: 20px; color: var(--vn-linha-3); }
.vn .vn-radar__trends a { font-weight: 600; font-size: 16.5px; color: var(--vn-tinta); }
.vn .vn-radar__trends a:hover { color: var(--vn-acento); }
.vn-radar__ha { font-size: 12.5px; color: var(--vn-texto-4); margin-left: 6px; }
.vn-radar__vol { font-size: 12.5px; font-weight: 700; color: var(--vn-acento-2); white-space: nowrap; }
.vn .vn-radar__datas li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--vn-linha); }
.vn-radar__dia { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 64px; height: 64px; border: 1px solid var(--vn-linha-2); border-radius: 10px; }
.vn-radar__dia strong { font-family: var(--vn-serif); font-weight: 800; font-size: 24px; line-height: 1; color: var(--vn-tinta); }
.vn-radar__dia span { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; color: var(--vn-texto-3); margin-top: 3px; }
.vn-radar__evento strong { display: block; font-weight: 700; font-size: 17px; color: var(--vn-tinta); }
.vn-radar__evento > span { font-size: 13px; color: var(--vn-texto-3); }
.vn .vn-radar__evento a { display: block; font-size: 13px; font-weight: 700; color: var(--vn-acento); margin-top: 6px; }
.vn-radar__conta { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--vn-tinta); padding: 7px 10px; border-radius: 6px; white-space: nowrap; }
.vn-radar__conta.is-proxima { background: var(--vn-magenta); }
@media (max-width: 900px) {
	.vn-radar__grade { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 700px) {
	.vn-radar { padding-top: 40px; padding-bottom: 48px; }
	.vn .vn-radar__trends li { grid-template-columns: 24px minmax(0, 1fr); }
	.vn-radar__vol { grid-column: 2; }
	.vn .vn-radar__datas li { grid-template-columns: 56px minmax(0, 1fr); }
	.vn-radar__dia { width: 56px; height: 56px; }
	.vn-radar__conta { grid-column: 2; justify-self: start; }
}


/* ==========================================================
   RADAR COM YOUTUBE (2.6.0)
   ========================================================== */
.vn-radar__grade--1 { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.vn-radar__grade--2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.vn-radar__grade--3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 44px; }
.vn .vn-radar__videos li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; align-items: start; padding: 13px 0; border-bottom: 1px solid var(--vn-linha); }
.vn .vn-radar__thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: var(--vn-img-bg); }
.vn .vn-radar__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vn-radar__play { position: absolute; left: 50%; top: 50%; width: 28px; height: 20px; margin: -10px 0 0 -14px; border-radius: 6px; background: #FF0033; }
.vn-radar__play::after { content: ''; position: absolute; left: 11px; top: 5px; border-left: 8px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.vn .vn-radar__vtitulo { display: block; font-weight: 600; font-size: 15.5px; line-height: 1.3; color: var(--vn-tinta); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vn .vn-radar__vtitulo:hover { color: var(--vn-acento); }
.vn-radar__vmeta { display: block; font-size: 12.5px; color: var(--vn-texto-3); margin-top: 5px; }
@media (max-width: 1100px) {
	.vn-radar__grade--3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.vn-radar__grade--3 > .vn-radar__col:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 900px) {
	.vn-radar__grade--2, .vn-radar__grade--3 { grid-template-columns: minmax(0, 1fr); }
	.vn-radar__grade--3 > .vn-radar__col:nth-child(2) { grid-row: auto; }
}


/* ==========================================================
   2.7.0: Faixa de Economia e bloco de Vídeos
   ========================================================== */
.vn-eco { --vn-eco-fundo: #E8F5F3; background: var(--vn-eco-fundo); border-top: 4px solid var(--vn-cor-ed, #0F766E); padding: 56px 0 64px; margin-bottom: 88px; }
.vn:not(.vn--tema-claro) .vn-eco { --vn-eco-fundo: #0C1C1B; }
.vn-eco .vn-eco__cab { border-top: 0; padding-top: 0; margin-bottom: 32px; }
.vn-eco__selo { display: inline-block; align-self: center; font-family: var(--vn-sans); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #FFFFFF; background: var(--vn-cor-ed, #0F766E); padding: 5px 10px; border-radius: 999px; }
.vn-eco .vn-h2 { color: var(--vn-tinta); }
.vn-eco-destaque .vn-img { margin-bottom: 16px; }
.vn-eco-destaque .vn-kicker { margin-bottom: 8px; }
.vn-eco-destaque .vn-meta { margin-top: 10px; }
.vn-eco__lista .vn-texto:first-child { padding-top: 0; }
.vn-eco__lista .vn-texto:last-child { border-bottom: 0; }

.vn-videos__grade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.vn-videos__grade--1 { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.vn-videos__grade--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-videos__grade--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vn-video .vn-img { position: relative; display: block; margin-bottom: 14px; background: #000; }
.vn-video .vn-img img { width: 100%; height: 100%; object-fit: cover; }
.vn-video__play { position: absolute; left: 14px; bottom: 14px; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.95); color: #111114; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.35); transition: transform .2s ease; }
.vn-video:hover .vn-video__play { transform: scale(1.08); }
.vn-video .vn-kicker { margin-bottom: 6px; }
@media (prefers-reduced-motion: reduce) { .vn-video__play { transition: none; } .vn-video:hover .vn-video__play { transform: none; } }
@media (max-width: 1100px) {
	.vn-eco .vn-c7, .vn-eco .vn-c5 { grid-column: 1 / -1; }
	.vn-videos__grade, .vn-videos__grade--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.vn-eco { padding: 40px 0 44px; margin-bottom: 72px; }
	.vn-videos__grade, .vn-videos__grade--2, .vn-videos__grade--3 { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* 2.7.2: Economia com até 5 manchetes ao lado, distribuídas na altura do destaque */
.vn-eco__grade { align-items: stretch; }
.vn-eco__lista { display: flex; flex-direction: column; }
.vn-eco__lista--4, .vn-eco__lista--5 { justify-content: space-between; }
.vn-eco__lista .vn-texto { padding: 20px 0; }
@media (max-width: 1100px) { .vn-eco__lista { justify-content: flex-start !important; } }