:root {
  --fundo: #ffffff;
  --fundo-2: #f3f3f3;
  --texto: #333333;
  --suave: #555555;
  --borda: #e6e6e6;
  --marca: #c4170c;
  --marca-escura: #a3130a;
  --azul: #0a58c9;
  --logo: #2b5e8c;          /* azul do logo ("vca") */
  --logo-laranja: #ee6c30;  /* laranja do logo ("link") */
  --fonte: Asap, "Helvetica Neue", Arial, sans-serif;
  --serif: var(--fonte);
  --sans: var(--fonte);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--fundo); color: var(--texto); font-family: var(--fonte); line-height: 1.35; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
img { display: block; max-width: 100%; }
.wrap { width: min(1176px, 100% - 32px); margin-inline: auto; }

/* ---------- cabeçalho ---------- */
.cabecalho { background: #fff; position: sticky; top: 0; z-index: 20; box-shadow: 0 1px 0 var(--borda); }
.cabecalho-in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 84px; }
.btn-menu, .btn-busca { display: inline-flex; align-items: center; gap: 12px; background: none; border: 0; cursor: pointer; font-size: 17px; color: #333; }
.btn-menu svg { color: var(--logo); }
.btn-busca svg { color: var(--logo); }
.btn-menu { justify-self: start; }
.cabecalho-dir { justify-self: end; display: flex; align-items: center; gap: 20px; }
.anuncie-topo { font-size: 15px; font-weight: 600; color: var(--marca); }
.envie-topo { background: var(--logo-laranja); color: #fff; font-size: 15px; font-weight: 700; padding: 9px 16px; border-radius: 999px; white-space: nowrap; }
.envie-topo:hover { background: #d95c22; }
.divisor { width: 1px; height: 38px; background: var(--borda); }

/* logo em imagem (public/logo-linkvca.png); multiply deixa o fundo branco da imagem invisível em fundos claros */
.logo { display: inline-flex; line-height: 0; }
.logo-img { display: block; height: 44px; width: auto; mix-blend-mode: multiply; }
.logo.pequeno .logo-img { height: 30px; }
/* slogan embaixo do logo */
.marca { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.slogan { font-size: 13px; font-weight: 500; color: #666; letter-spacing: .2px; margin-top: 4px; white-space: nowrap; }
.slogan-rodape { font-size: 15px; font-weight: 600; color: #333; margin: -6px 0 12px; }

.busca { border-top: 1px solid var(--borda); padding: 12px 0; background: #fafafa; }
.busca input { width: 100%; font: 500 18px var(--fonte); padding: 12px 16px; border: 2px solid var(--azul); border-radius: 8px; outline: none; }

/* barra do topo com os assuntos: cinza; no mouse o nome fica azul e um traço laranja cresce do centro (cores do logo) */
.menu-blogs { border-top: 1px solid var(--borda); }
.menu-blogs-in { display: flex; justify-content: space-between; gap: 14px; overflow-x: auto; scrollbar-width: none; }
.menu-blogs-in::-webkit-scrollbar { display: none; }
.menu-blogs a { position: relative; flex-shrink: 0; font-size: 15.5px; font-weight: 600; padding: 14px 0; color: #8a8a8a; white-space: nowrap; transition: color .2s; }
.menu-blogs a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--logo-laranja); transform: scaleX(0); transition: transform .25s ease; }
.menu-blogs a:hover, .menu-blogs a.ativo { color: var(--logo); }
.menu-blogs a:hover::after, .menu-blogs a.ativo::after { transform: scaleX(1); }

/* linha do tempo + manchetes passando */
.linha-tempo { border-top: 1px solid var(--borda); background: #fff; }
.linha-tempo-in { display: flex; align-items: center; height: 44px; font-size: 15px; }
.tempo { flex-shrink: 0; color: #333; padding-right: 18px; margin-right: 18px; border-right: 1px solid var(--borda); }
.tempo b { font-weight: 700; }
.tempo .min { color: #777; }
.tempo a { color: var(--azul); text-decoration: underline; font-weight: 600; }
.ticker-rotulo { flex-shrink: 0; background: var(--marca); color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; padding: 4px 10px; border-radius: 4px; margin-right: 14px; }
.ticker-trilho { flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.ticker-in { display: flex; gap: 34px; white-space: nowrap; width: max-content; animation: rolar 100s linear infinite; }
.ticker-in a { color: #333; font-weight: 500; }
.ticker-in a b { color: var(--cor); font-weight: 700; margin-right: 6px; }
.ticker-in a:hover { text-decoration: underline; }
.ticker-trilho:hover .ticker-in { animation-play-state: paused; }
@keyframes rolar { to { transform: translateX(-50%); } }

/* gaveta do menu */
.gaveta { position: fixed; inset: 0; z-index: 40; background: rgba(0,0,0,.45); }
.gaveta-in { width: min(340px, 88vw); height: 100%; background: #fff; padding: 26px; overflow-y: auto; position: relative; }
.fechar { position: absolute; top: 14px; right: 16px; font-size: 34px; line-height: 1; background: none; border: 0; cursor: pointer; color: #555; }
.gaveta-envie { display: block; margin-top: 18px; background: var(--logo-laranja); color: #fff; text-align: center; font-weight: 700; padding: 14px; border-radius: 8px; }
.gaveta-sub { color: #777; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin: 22px 0 6px; }
#gaveta-blogs a { display: block; padding: 13px 0; border-bottom: 1px solid var(--borda); font-size: 18px; font-weight: 600; color: #444; }
#gaveta-blogs a:hover { color: #111; }
#gaveta-segmentos { margin-top: 10px; }
#gaveta-participe a { display: block; padding: 12px 0; border-bottom: 1px solid var(--borda); font-size: 17px; font-weight: 600; color: var(--logo); }
.participe-rodape { font-size: 15px; color: #333; }
.participe-rodape a { color: var(--logo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.gaveta-anuncie { display: block; margin-top: 24px; background: var(--marca); color: #fff; text-align: center; font-weight: 700; padding: 14px; border-radius: 8px; }

/* ---------- anúncios ---------- */
.ad-slot:empty { display: none; }
.ad-grande { margin: 32px auto; max-width: 970px; }
.ad { display: block; overflow: hidden; }
.ad img { width: auto; max-width: 100%; height: auto; margin: 0 auto; } /* tamanho real do banner, sem esticar */
.ad + .ad { margin-top: 12px; } /* vários banners no topo: um embaixo do outro */
.ad-rotulo { display: block; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: #999; text-align: center; margin-bottom: 4px; }
.ad-desenho { --ad: var(--marca); position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 48px; min-height: 250px; overflow: hidden;
  background: var(--fundo-2); }
.ad-desenho::before { content: ""; position: absolute; right: -80px; top: -80px; width: 420px; height: 420px; border-radius: 50%; background: var(--ad); opacity: .14; }
.ad-desenho::after { content: ""; position: absolute; left: 48px; right: 48px; bottom: 30px; height: 6px; background: repeating-linear-gradient(0deg, var(--ad) 0 2px, transparent 2px 4px); opacity: .7; }
.ad-desenho h4 { position: relative; font-size: 44px; font-weight: 500; letter-spacing: -1.5px; line-height: 1.05; color: #222; max-width: 560px; }
.ad-desenho p { position: relative; font-size: 18px; color: #555; margin-top: 10px; }
.ad-btn { position: relative; flex-shrink: 0; background: var(--ad); color: #fff; font-weight: 700; font-size: 17px; padding: 14px 26px; border-radius: 999px; }
/* retângulo 300x250: só no celular, centralizado numa faixa cinza */
.capa .ad-retangulo { display: none; }
.ad-retangulo img { width: 300px; }
.ad-lista .ad-desenho { min-height: 0; padding: 22px 28px; }
.ad-lista .ad-desenho h4 { font-size: 26px; letter-spacing: -.5px; }
.ad-lista .ad-desenho::after { display: none; }

/* ---------- capa: uma notícia de cada blog ---------- */
.capa { display: grid; grid-template-columns: minmax(0, 1.95fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0; margin-bottom: 20px; align-items: start; }
.capa > .col { padding: 0 24px; }
.capa > .col:first-child { padding-left: 0; }
.capa > .col:last-child { padding-right: 0; }
.capa > .col + .col { border-left: 1px solid var(--borda); }

.materia { --cor: var(--marca); }
.materia .foto { background: #ddd center/cover no-repeat; border-radius: 10px; aspect-ratio: 16/9; overflow: hidden; }
.materia .foto.sem-img { display: grid; place-items: center; background: color-mix(in srgb, var(--cor) 12%, #fff); color: var(--cor); font-size: 54px; font-weight: 800; }
/* títulos dos blogs costumam ser longos: corta em poucas linhas com reticências.
   text-wrap: balance distribui as palavras para as linhas ficarem com tamanhos parecidos */
.manchete { text-wrap: balance; overflow-wrap: break-word; /* último recurso se uma palavra não couber */ color: var(--cor); font-weight: 600; letter-spacing: -.3px; line-height: 1.15; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.materia > a:hover .manchete { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.materia .fonte { display: block; font-size: 13px; font-weight: 700; color: var(--cor); text-transform: uppercase; letter-spacing: .4px; margin-top: 12px; }

/* legenda de assuntos: mostra a cor de cada segmento e filtra */
.legenda { display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 26px; }
.legenda a { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: #444; padding: 6px 13px; border: 1px solid var(--borda); border-radius: 999px; transition: background .15s, color .15s, border-color .15s; }
.legenda a::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--cor); }
.legenda a:hover { border-color: var(--cor); color: var(--cor); }
.legenda a.ativo { background: var(--cor); border-color: var(--cor); color: #fff; }
.legenda a.ativo::before { background: #fff; }

.relacionadas { list-style: none; margin-top: 14px; }
.relacionadas li { position: relative; padding-left: 16px; font-size: 15px; color: #444; line-height: 1.4; }
.relacionadas a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.relacionadas li + li { margin-top: 8px; }
.relacionadas li::before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--cor); }
.relacionadas a:hover { text-decoration: underline; }

/* selo das notícias exclusivas do LINK VCA, antes do título */
.selo-exclusivo { display: inline-block; vertical-align: .15em; background: var(--logo); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; line-height: 1; padding: 4px 7px 3px; border-radius: 4px; margin-right: 4px; }
.principal .selo-exclusivo { font-size: 13px; padding: 5px 9px 4px; }

/* manchete principal com faixa colorida */
.principal { border-radius: 12px; overflow: hidden; }
.principal > a { display: block; position: relative; }
.principal .foto { aspect-ratio: 16/10.5; border-radius: 0; }
.principal > a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 30%, transparent 50%); }
.principal .sobre { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 28px 22px; z-index: 1; }
.principal .fonte { color: #fff; opacity: .9; margin: 0 0 8px; }
.principal .manchete { color: #fff; font-size: 32px; font-weight: 600; letter-spacing: -.8px; line-height: 1.1; -webkit-line-clamp: 3; }
.principal > a:hover .manchete { text-decoration: underline; text-decoration-thickness: 2px; }
.faixa { background: var(--cor); display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 18px 30px 20px; list-style: none; }
.faixa li { position: relative; padding-left: 16px; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.35; }
.faixa a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.faixa li::before { content: ""; position: absolute; left: 0; top: .5em; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.7); }
.faixa a:hover { text-decoration: underline; }

/* manchete principal só texto (alterna com a versão com foto) */
.principal.texto { border-radius: 0; overflow: visible; }
.principal.texto > a::after { display: none; } /* o degradê escuro é só da versão com foto */
.principal.texto > a:hover .manchete { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; }
.principal.texto .manchete { color: var(--cor); font-size: 54px; font-weight: 600; letter-spacing: -1.8px; line-height: 1.04; -webkit-line-clamp: 4; }
.principal.texto .relacionadas { margin-top: 22px; }
.principal.texto .relacionadas li { font-size: 19px; color: #333; }
.principal.texto .relacionadas li + li { margin-top: 10px; }
.principal.texto .relacionadas a { -webkit-line-clamp: 1; }

.trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; border-top: 1px solid var(--borda); margin-top: 32px; padding-top: 32px; }
.trio .manchete { font-size: 20px; margin-top: 14px; -webkit-line-clamp: 4; }
/* no computador, a fileira de 3 fotos fica só com foto e título: sem a linha com bolinha embaixo */
.trio .relacionadas { display: none; }
.trio .foto { aspect-ratio: 16/9; }

.col-lado .materia + .materia { margin-top: 48px; }
.col-lado .manchete { font-size: 22px; margin-top: 14px; }
.col-lado .foto { aspect-ratio: 16/8.6; }

/* manchetes só de texto que completam colunas curtas; .cortada some para alinhar o fim das colunas */
.cortada { display: none !important; }
.notas { border-top: 1px solid var(--borda); margin-top: 28px; }
.nota { display: block; padding: 18px 0; border-bottom: 1px solid var(--borda); }
.nota .manchete { font-size: 19px; }
.nota:hover .manchete { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* ---------- mais lidas ---------- */
.bloco-lidas { margin: 10px auto 44px; }
.chamada-noticia { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0; padding: 24px 28px; background: var(--logo); color: #fff; border-radius: 12px; }
.chamada-noticia h2 { font-size: 26px; font-weight: 700; letter-spacing: -.4px; line-height: 1.15; color: #fff; }
.chamada-noticia p { margin-top: 6px; font-size: 16px; line-height: 1.35; color: #e6eff6; }
.btn-noticia { flex-shrink: 0; background: var(--logo-laranja); color: #fff; font-weight: 700; font-size: 17px; padding: 14px 26px; border-radius: 999px; }
.btn-noticia:hover { background: #d95c22; }
.titulo-bloco { font-size: 26px; font-weight: 700; color: #1d1d1d; letter-spacing: -.5px; margin-bottom: 18px; }
.mais-lidas { list-style: none; counter-reset: n; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border-top: 1px solid var(--borda); }
.mais-lidas li { counter-increment: n; padding: 20px 20px 0 0; }
.mais-lidas li + li { border-left: 1px solid var(--borda); padding-left: 20px; }
.mais-lidas a { display: block; }
.mais-lidas a::before { content: counter(n); display: block; font-size: 44px; font-weight: 800; color: var(--cor); line-height: 1; margin-bottom: 8px; }
.mais-lidas .manchete { font-size: 17px; color: #222; -webkit-line-clamp: 4; }
.mais-lidas a:hover .manchete { color: var(--cor); }

/* ---------- mais recentes ---------- */
#recentes { margin-bottom: 50px; }
.titulo-linha { display: flex; align-items: baseline; gap: 16px; border-top: 1px solid var(--borda); padding-top: 28px; }
.limpar { background: none; border: 0; color: var(--azul); font-size: 15px; font-weight: 600; cursor: pointer; }
.grade-recentes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 28px; }
.grade-recentes .manchete { font-size: 19px; margin-top: 12px; }
.grade-recentes .ad-slot { grid-column: 1 / -1; }
.mais { display: block; margin: 40px auto 0; background: #fff; color: var(--azul); border: 1px solid #cfcfcf; padding: 14px 64px; border-radius: 999px; font-size: 16px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: .5px; }
.mais:hover { border-color: var(--azul); }
.mais[hidden] { display: none; }
.vazio { grid-column: 1 / -1; color: #777; font-size: 17px; }

/* ---------- anunciantes e rodapé ---------- */
.cta-anuncie { background: var(--fundo-2); padding: 52px 0; }
.cta-in { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.cta-anuncie h2 { font-size: clamp(28px, 3.6vw, 40px); font-weight: 600; letter-spacing: -1px; line-height: 1.1; color: #1d1d1d; max-width: 640px; }
.cta-anuncie p { color: #555; margin-top: 12px; max-width: 620px; font-size: 17px; }
.btn-grande { flex-shrink: 0; background: var(--marca); color: #fff; font-weight: 700; font-size: 17px; padding: 16px 30px; border-radius: 999px; }
.btn-grande:hover { background: var(--marca-escura); }

.rodape { background: #fff; border-top: 1px solid var(--borda); color: #666; padding: 36px 0 44px; font-size: 14px; }
.rodape .logo { margin-bottom: 14px; }
.rodape p + p { margin-top: 8px; }
.fontes a { color: #444; text-decoration: underline; text-underline-offset: 3px; }
.copy { margin-top: 16px !important; color: #999; }

/* carregando */
.esqueleto { background: linear-gradient(90deg, #f0f0f0 25%, #e4e4e4 50%, #f0f0f0 75%); background-size: 200% 100%; animation: brilho 1.4s infinite; border-radius: 10px; min-height: 260px; }
@keyframes brilho { to { background-position: -200% 0; } }

/* topo simples das páginas de redirecionamento (ir.html) e de leitura (ler.html) */
.topo-ir { background: #fff; border-bottom: 1px solid var(--borda); }
.topo-ir .wrap { display: flex; align-items: center; height: 70px; }
.topo-ir .logo-img { height: 34px; }
.voltar { margin-left: auto; color: var(--suave); font-size: 14px; font-weight: 600; }
.voltar:hover { color: var(--marca); }

/* elementos usados pela página de redirecionamento */
.blog-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--cor); }
.blog-tag::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cor); }

/* ---------- responsivo ---------- */
@media (max-width: 1100px) {
  .capa { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .capa > .col:first-child { grid-column: 1 / -1; padding-right: 0; }
  .capa > .col:nth-child(2) { padding-left: 0; border-left: 0; }
  .grade-recentes { grid-template-columns: repeat(3, 1fr); }
  .mais-lidas { grid-template-columns: repeat(3, 1fr); }
  .mais-lidas li:nth-child(n+4) { display: none; }
}
/* ---------- celular: no padrão do app da globo.com ---------- */
@media (max-width: 760px) {
  /* cabeçalho: pontinhos + logo à esquerda, lupa à direita */
  .cabecalho-in { grid-template-columns: auto auto 1fr; gap: 14px; height: 64px; }
  .btn-menu span, .btn-busca span, .anuncie-topo, .envie-topo, .divisor { display: none; }
  .chamada-noticia { flex-direction: column; align-items: stretch; gap: 14px; margin: 18px 0; padding: 20px; }
  .chamada-noticia h2 { font-size: 22px; }
  .btn-noticia { text-align: center; }
  .logo-img { height: 28px; }
  .marca { align-items: flex-start; }
  .slogan { font-size: 11px; margin-top: 3px; }
  .menu-blogs-in { justify-content: flex-start; gap: 20px; }
  .menu-blogs a { font-size: 15px; padding: 11px 0; }

  /* tempo numa linha, manchetes passando na de baixo */
  .linha-tempo-in { flex-wrap: wrap; height: auto; padding: 8px 0; font-size: 14px; row-gap: 8px; }
  .tempo { width: 100%; border-right: 0; margin: 0; padding: 0; }
  .ticker-trilho { min-width: 0; }

  /* faixas cinza separando os blocos, de ponta a ponta da tela */
  .ad-grande { margin: 0 -16px; padding: 14px 16px 18px; background: var(--fundo-2); max-width: none; }
  .capa .ad-retangulo { display: block; margin: 0 -16px; padding: 14px 16px 24px; background: var(--fundo-2); border-bottom: 8px solid var(--fundo-2); }
  .ad-desenho { flex-direction: column; align-items: flex-start; padding: 22px; min-height: 0; gap: 14px; background: #fff; }
  .ad-desenho h4 { font-size: 26px; }
  .ad-desenho p { font-size: 15px; }
  .ad-desenho::before, .ad-desenho::after { display: none; }

  .capa { grid-template-columns: 1fr; row-gap: 0; margin-bottom: 0; }
  .capa > .col, .capa > .col:nth-child(2) { padding: 0; border-left: 0; }
  .trio { grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; border-top: 0; }

  /* cada notícia: foto à esquerda, título à direita, relacionada embaixo */
  .capa .materia, #lista .materia { margin: 0 -16px !important; padding: 18px 16px; border-bottom: 8px solid var(--fundo-2); }
  .materia > a { display: grid; grid-template-columns: 44% 1fr; gap: 14px; align-items: center; }
  .materia .foto, .trio .foto, .col-lado .foto, .grade-recentes .foto { aspect-ratio: 4/3; border-radius: 10px; margin: 0; }
  .materia .manchete, .trio .manchete, .col-lado .manchete, .grade-recentes .manchete { font-size: 19px; margin: 0; -webkit-line-clamp: 4; }
  .materia .relacionadas { margin-top: 14px; }
  .trio .relacionadas { display: block; } /* no celular cada notícia tem sua linha com bolinha */
  .relacionadas li { font-size: 16px; }
  .relacionadas a { -webkit-line-clamp: 2; }

  /* manchete principal: título colorido em cima, foto larga embaixo, relacionadas com linhas */
  .principal { border-radius: 0; overflow: visible; }
  .principal > a { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
  .principal > a::after { display: none; }
  .principal .sobre { position: static; order: -1; padding: 0; }
  .principal .manchete, .principal.texto .manchete { color: var(--cor); font-size: 30px; letter-spacing: -.8px; line-height: 1.08; -webkit-line-clamp: 4; }
  .principal .foto { aspect-ratio: 16/10; border-radius: 12px; }
  .faixa, .principal.texto .relacionadas { display: block; background: none; padding: 0; margin-top: 6px; }
  .faixa li, .principal.texto .relacionadas li { color: #333; font-size: 17px; padding: 12px 0 12px 16px; border-bottom: 1px solid var(--borda); margin: 0; }
  .faixa li:last-child, .principal.texto .relacionadas li:last-child { border-bottom: 0; padding-bottom: 0; }
  .faixa li::before { background: var(--cor); top: 1.25em; }
  .principal.texto .relacionadas li::before { top: 1.25em; }
  .faixa a, .principal.texto .relacionadas a { -webkit-line-clamp: 2; }

  /* mais lidas */
  .bloco-lidas { margin: 22px auto 10px; }
  .titulo-bloco { font-size: 22px; margin-bottom: 10px; }
  .mais-lidas { grid-template-columns: 1fr; }
  .mais-lidas li:nth-child(n+4) { display: block; }
  .mais-lidas li, .mais-lidas li + li { border-left: 0; padding: 14px 0; border-bottom: 1px solid var(--borda); }
  .mais-lidas a { display: flex; gap: 14px; align-items: flex-start; }
  .mais-lidas a::before { font-size: 32px; margin: 0; min-width: 26px; }

  /* mais recentes: mesma lista da capa, uma notícia por vez */
  #recentes { margin-bottom: 0; }
  .titulo-linha { padding-top: 22px; }
  .legenda { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px 4px; padding: 0 16px 12px; }
  .legenda::-webkit-scrollbar { display: none; }
  .legenda a { flex-shrink: 0; }
  .grade-recentes { grid-template-columns: 1fr; gap: 0; }
  .grade-recentes .ad-slot { margin: 0 -16px; padding: 14px 16px 18px; background: var(--fundo-2); }
  .mais { margin: 20px auto 32px; }

  .cta-anuncie { padding: 36px 0; }
  .cta-in { flex-direction: column; align-items: flex-start; }
}