/* Tema Agora. Conceito: o relogio do logotipo organiza a pagina, com as noticias em ordem de publicacao. */

/* Fontes no proprio site, so com os caracteres do portugues (licenca OFL, veja fonts/LEIA-ME.txt). */
@font-face {
  font-family: "Signika Negative";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/signika-negative-latim.woff2") format("woff2");
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("../fonts/literata-latim.woff2") format("woff2");
}
:root {
  --roxo: #7a2b84;
  --roxo-fundo: #36123d;
  --tinta: #1e1522;
  --tinta-2: #5d5263;
  --linha: #e4dee7;
  --fundo: #ffffff;
  --fundo-2: #f7f4f8;
  --claro: #f7f1f8;
  --claro-2: #d3c2d8;
  --linha-escura: #5e3a66;
  --ok-fundo: #e8f5e6;
  --ok-tinta: #1d5a1a;
  --erro-fundo: #fbebeb;
  --erro-tinta: #8f1d1d;
  --roxo-texto: #7a2b84;
  --whats: #0b6e44;
  --whats-forte: #08502f;
  --whats-fundo: #f1faf5;
  --whats-linha: #cde8d9;
  --whats-claro: #e9f6ef;
  --f-titulo: "Signika Negative", "Trebuchet MS", Verdana, sans-serif;
  --f-texto: "Literata", Georgia, "Times New Roman", serif;
  color-scheme: light;
}
/* Modo escuro: so quando a pessoa escolhe no botao da lua. O padrao e sempre o claro (pedido de 08/11/2026). */
:root[data-tema="escuro"] {
  color-scheme: dark;
  --tinta: #efe9f1;
  --tinta-2: #b9aebf;
  --linha: #3a3141;
  --fundo: #141017;
  --fundo-2: #201a25;
  --claro: #f7f1f8;
  --claro-2: #5d5164;
  --linha-escura: #5e3a66;
  --ok-fundo: #16301a;
  --ok-tinta: #bfe8b8;
  --erro-fundo: #3b1818;
  --erro-tinta: #f5bcbc;
  --roxo-texto: #dcaee5;
  --whats: #2fb873;
  --whats-forte: #1f9d61;
  --whats-fundo: #14261c;
  --whats-linha: #24503a;
  --whats-claro: #183224;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fundo); color: var(--tinta); font-family: var(--f-titulo); font-size: 1rem; line-height: 1.4; }
img { display: block; max-width: 100%; height: auto; }
picture { display: contents; }
h1, h2, h3, p, ol, ul, figure { margin: 0; padding: 0; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--roxo-texto); outline-offset: 2px; }
[hidden] { display: none !important; }
.invisivel { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pular { position: absolute; left: 8px; top: -60px; z-index: 40; padding: 10px 14px; background: var(--tinta); color: var(--claro); border-radius: 4px; }
.pular:focus { top: 8px; }
.faixa { width: 100%; max-width: 1200px; margin-inline: auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }

/* Topo */
.topo { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--fundo); border-bottom: 1px solid var(--linha); }
.topo .faixa { display: flex; align-items: center; gap: 16px; min-height: 60px; }
.marca img { width: 138px; height: auto; }
.data-hoje { color: var(--tinta-2); font-size: .9375rem; display: none; }
.acoes { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.acao { display: inline-flex; align-items: center; gap: 8px; min-width: 44px; min-height: 44px; padding-inline: 10px; justify-content: center; background: none; border: 0; border-radius: 6px; color: var(--tinta); font: inherit; cursor: pointer; list-style: none; }
.acao::-webkit-details-marker { display: none; }
.acao:hover { background: var(--fundo-2); }
.acao svg { width: 22px; height: 22px; }
.acao span { display: none; }
.abre { position: relative; }
.painel { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; background: var(--fundo); border: 1px solid var(--linha); border-radius: 6px; }
.painel-menu { display: grid; min-width: 180px; padding-block: 8px; }
.painel-menu a { padding: 10px 16px; }
.painel-menu a:hover { background: var(--fundo-2); text-decoration: none; }
.painel-busca { width: min(320px, calc(100vw - 32px)); padding: 12px; }
.painel-busca form { display: flex; gap: 8px; }
.painel-busca input { flex: 1; min-width: 0; }

/* Editorias */
.editorias { border-bottom: 1px solid var(--linha); }
.editorias ul { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.editorias ul::-webkit-scrollbar { display: none; }
.editorias a { display: block; padding: 10px 12px 7px; border-bottom: 3px solid var(--c, var(--roxo)); font-size: 1.0625rem; font-weight: 500; white-space: nowrap; }
.editorias a:hover, .editorias a[aria-current="page"] { background: var(--fundo-2); text-decoration: none; }
.editorias a[aria-current="page"] { font-weight: 600; }

/* Etiqueta de editoria: a cor oficial fica no ponto, e o texto segue legivel */
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--tinta-2); font-size: .9375rem; }
.editoria { display: inline-flex; align-items: center; gap: 6px; color: var(--tinta); font-weight: 600; }
.editoria::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--c); flex: none; }

/* Fotos: a arte aparece inteira, com o texto dela preservado */
.foto { aspect-ratio: 3 / 2; width: 100%; object-fit: contain; background: var(--fundo-2); border-radius: 4px; }

/* Abertura */
.abertura { display: grid; gap: 28px; padding-block: 16px 32px; }
.abertura > * { min-width: 0; }
.manchete { display: grid; gap: 12px; }
.manchete h2, .noticia h1 { font-size: clamp(1.75rem, 1.35rem + 1.9vw, 2.875rem); font-weight: 600; line-height: 1.1; letter-spacing: -.01em; text-wrap: balance; }
.resumo, .text-muted { font-family: var(--f-texto); font-size: 1.125rem; line-height: 1.5; color: var(--tinta-2); max-width: 62ch; }

/* Linha do tempo */
.agora-titulo { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 3px solid var(--roxo); }
.agora-titulo h2 { font-size: 1.375rem; font-weight: 600; line-height: 1.15; }
.relogio { width: 34px; height: 34px; flex: none; }
.hora-agora { margin-left: auto; color: var(--tinta-2); font-size: .9375rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dia { padding-block: 12px 2px; color: var(--tinta-2); font-size: .8125rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.tempo li { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 76px; gap: 0 12px; align-items: start; padding-block: 12px; }
.tempo li + li { border-top: 1px solid var(--linha); }
.tempo time { color: var(--roxo-texto); font-weight: 600; font-variant-numeric: tabular-nums; }
.tempo h3 { font-size: 1.0625rem; font-weight: 500; line-height: 1.25; }
.tempo .editoria { margin-top: 4px; font-size: .875rem; font-weight: 500; color: var(--tinta-2); }
.tempo img { width: 76px; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 3px; background: var(--fundo-2); }
.ver-mais { display: inline-block; padding-block: 12px; color: var(--roxo-texto); font-weight: 600; }

/* Publicidade com altura reservada */
.publicidade { display: grid; align-content: start; justify-items: center; gap: 6px; min-height: 280px; padding: 8px; border: 1px dashed var(--claro-2); border-radius: 4px; background: var(--fundo-2); color: var(--tinta-2); overflow: hidden; }
.publicidade > span { font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.publicidade ins { width: 100%; }
.publicidade:has(ins[data-ad-status="unfilled"]) { display: none; }
.bloco-pub { padding-block: 0 32px; }
.banner { display: grid; justify-items: center; gap: 12px; }
.banner img { border-radius: 4px; }
.banner:empty { display: none; }

/* Secoes */
.secao { padding-block: 0 36px; }
.secao-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-top: 10px; margin-bottom: 16px; border-top: 4px solid var(--c, var(--roxo)); }
.secao-topo h2 { font-size: 1.5rem; font-weight: 600; line-height: 1.2; }
.secao-topo a { color: var(--tinta-2); font-size: .9375rem; white-space: nowrap; }
.cartoes { display: grid; gap: 20px; }
.cartao { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 12px; align-items: start; }
.cartao > div { min-width: 0; display: grid; gap: 6px; }
.cartao h2, .cartao h3 { font-size: 1.125rem; font-weight: 500; line-height: 1.25; }
.cartao .foto-link { display: block; min-width: 0; grid-column: 2; grid-row: 1; }
.cartao > div { grid-column: 1; grid-row: 1; }
.cartao-sem-foto { grid-template-columns: minmax(0, 1fr); }
.colunas { display: grid; gap: 0; }
.colunas .secao { min-width: 0; }
.destaque { display: grid; gap: 10px; }
.destaque h3 { font-size: 1.25rem; font-weight: 500; line-height: 1.2; }
.lista-simples { display: grid; margin-top: 12px; }
.lista-simples li { padding-block: 12px; border-top: 1px solid var(--linha); }
.lista-simples h3 { font-size: 1.0625rem; font-weight: 500; line-height: 1.25; }
.lista-simples time { display: block; margin-bottom: 2px; color: var(--tinta-2); font-size: .875rem; font-variant-numeric: tabular-nums; }
.lista-duas { display: grid; gap: 0 32px; }
.lista-duas li { padding-block: 12px; border-bottom: 1px solid var(--linha); }
.lista-duas h3 { font-size: 1.125rem; font-weight: 500; line-height: 1.25; }
.lista-duas p { margin-top: 4px; color: var(--tinta-2); font-size: .875rem; font-variant-numeric: tabular-nums; }

/* Mais no site */
.mais { display: grid; gap: 28px; }
.mais > * { min-width: 0; }
.atalhos { display: grid; align-content: start; }
.mais-um { max-width: 640px; }
.atalhos a { display: grid; align-content: start; gap: 2px; padding-block: 12px; border-bottom: 1px solid var(--linha); }
.atalhos b { font-size: 1.125rem; font-weight: 500; }
.atalhos span { color: var(--tinta-2); font-size: .9375rem; }
.enquete h3 { margin-bottom: 12px; font-size: 1.125rem; font-weight: 500; line-height: 1.25; }
.enquete label { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: 1.0625rem; cursor: pointer; }
.enquete input { width: 20px; height: 20px; accent-color: var(--roxo); flex: none; }
.enquete li { padding-block: 8px; border-bottom: 1px solid var(--linha); }
.enquete small { color: var(--tinta-2); font-size: .9375rem; }

/* Arquivo */
.arquivo { background: var(--roxo-fundo); color: var(--claro); }
.arquivo :focus-visible { outline-color: var(--claro); }
.arquivo .faixa { display: grid; gap: 32px; padding-block: 40px; }
.arquivo .faixa > * { min-width: 0; }
.arquivo-numero { display: block; font-size: clamp(3.25rem, 2.4rem + 4.8vw, 5.75rem); font-weight: 700; line-height: .95; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.arquivo h2 { margin-top: 8px; font-size: clamp(1.25rem, 1.1rem + .7vw, 1.75rem); font-weight: 500; line-height: 1.2; }
.arquivo-sub { margin-bottom: 8px; color: var(--claro-2); font-size: .8125rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.neste-dia li { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); gap: 12px; padding-block: 12px; border-top: 1px solid var(--linha-escura); align-items: baseline; }
.neste-dia b { font-size: 1.5rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.neste-dia a { font-size: 1.0625rem; line-height: 1.25; }
.anos { display: flex; flex-wrap: wrap; gap: 6px; }
.anos a { display: inline-block; min-width: 3.5rem; padding: 8px 10px; border: 1px solid var(--linha-escura); border-radius: 4px; font-variant-numeric: tabular-nums; text-align: center; }
.anos a:hover { background: var(--claro); color: var(--roxo-fundo); text-decoration: none; }

/* Rodape */
.rodape { padding-block: 28px; border-top: 1px solid var(--linha); color: var(--tinta-2); font-size: .9375rem; }
.rodape .faixa { display: grid; gap: 16px; }
.rodape ul { display: flex; flex-wrap: wrap; gap: 6px 16px; }

/* Paginas internas: mesma grade em todas */
.grade-interna { display: grid; gap: 32px; padding-block: 16px 40px; }
.grade-interna > * { min-width: 0; }
.lateral { display: grid; gap: 24px; align-content: start; }
.lateral > * { min-width: 0; }
.trilha { color: var(--tinta-2); font-size: .9375rem; margin-bottom: 12px; }
.trilha a { color: var(--roxo-texto); font-weight: 500; }
.pagina-topo { margin-bottom: 20px; padding-top: 10px; border-top: 4px solid var(--c, var(--roxo)); }
.pagina-topo h1 { font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.375rem); font-weight: 600; line-height: 1.15; text-wrap: balance; }
.pagina-topo p { margin-top: 6px; color: var(--tinta-2); font-size: 1rem; }
.ordenar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -6px 0 20px; }
.ordenar label { color: var(--tinta-2); font-size: .9375rem; font-weight: 600; }
.ordenar select, .ordenar-botao { min-height: 44px; padding: 8px 12px; border: 1px solid var(--tinta-2); border-radius: 6px; background: var(--fundo); color: var(--tinta); font: inherit; font-size: 1rem; }
.ordenar select { max-width: 100%; cursor: pointer; }
.ordenar-botao { cursor: pointer; }
.ordenar-botao[hidden] { display: none; }
.bloco { margin-top: 28px; }
.bloco > h2 { margin-bottom: 12px; font-size: 1.375rem; font-weight: 600; line-height: 1.2; }

/* Noticia */
.noticia header { display: grid; gap: 12px; margin-bottom: 16px; }
.assinatura { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding-block: 10px; border-block: 1px solid var(--linha); color: var(--tinta-2); font-size: .9375rem; }
.assinatura b { color: var(--tinta); font-weight: 600; }
.botao { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding-inline: 14px; border: 1px solid var(--tinta); border-radius: 6px; background: none; color: var(--tinta); font: inherit; font-weight: 600; cursor: pointer; }
.botao:hover { background: var(--fundo-2); text-decoration: none; }
.botao svg { width: 20px; height: 20px; flex: none; }
.botao-roxo { background: var(--roxo); border-color: var(--roxo); color: #fff; }
.botao-roxo:hover { background: var(--roxo-fundo); border-color: var(--roxo-fundo); }
.compartilhar { display: flex; flex-wrap: wrap; gap: 8px; }

/* Texto escrito no painel: 15 anos de formatos diferentes ficam com a mesma leitura */
.texto { margin-top: 20px; font-family: var(--f-texto); font-size: 1.125rem; line-height: 1.65; color: var(--tinta); overflow-wrap: anywhere; }
.texto > * { max-width: 65ch; }
.texto p, .texto ul, .texto ol, .texto blockquote, .texto table { margin: 0 0 1.1em; }
.texto ul { list-style: disc; padding-left: 1.25em; }
.texto ol { list-style: decimal; padding-left: 1.25em; }
.texto h1, .texto h2, .texto h3, .texto h4 { margin: 1.4em 0 .5em; font-family: var(--f-titulo); font-size: 1.375rem; font-weight: 600; line-height: 1.2; }
.texto a { color: var(--roxo-texto); text-decoration: underline; text-underline-offset: 3px; }
.texto blockquote { margin-left: 0; padding-left: 16px; border-left: 3px solid var(--roxo); color: var(--tinta-2); }
.texto img { height: auto !important; max-width: 100% !important; border-radius: 4px; }
.texto iframe, .texto video { max-width: 100%; }
.texto table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.texto td, .texto th { padding: 6px 10px; border: 1px solid var(--linha); }
.texto span, .texto font, .texto p, .texto div, .texto li, .texto strong, .texto b, .texto em { font-size: inherit !important; font-family: inherit !important; line-height: inherit !important; }
.texto-pub { margin: 0 0 1.1em; max-width: none; }
.leia { max-width: 65ch; margin-top: 24px; padding: 14px 16px; background: var(--fundo-2); }
.leia > p { color: var(--tinta-2); font-size: .8125rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.leia li { padding-top: 8px; font-size: 1.0625rem; font-weight: 500; line-height: 1.25; }
.video { position: relative; aspect-ratio: 16 / 9; width: 100%; max-width: 100%; background: var(--fundo-2); }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
.galeria img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; }
.visor { max-width: 96vw; max-height: 96vh; padding: 0; border: 0; background: transparent; }
.visor::backdrop { background: rgba(20, 10, 24, .88); }
.visor img { max-width: 94vw; max-height: 88vh; margin-inline: auto; object-fit: contain; }
.visor button { display: block; margin: 8px auto 0; }

/* Formularios */
.campo { display: grid; gap: 4px; margin-bottom: 14px; }
.campo label { font-weight: 500; }
.campo input, .campo textarea, .painel-busca input { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--tinta-2); border-radius: 6px; background: var(--fundo); color: var(--tinta); font: inherit; font-size: 1rem; }
.campo textarea { min-height: 180px; resize: vertical; }
.contato-grade { display: grid; gap: 28px; }
.contato-grade > * { min-width: 0; }
.contato-infos li { padding-block: 10px; border-bottom: 1px solid var(--linha); overflow-wrap: anywhere; }
.contato-infos b { display: block; color: var(--tinta-2); font-size: .875rem; font-weight: 500; }
.contato-infos a { color: var(--roxo-texto); }

/* Avisos */
.alert { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding: 12px 14px; border-radius: 4px; overflow-wrap: anywhere; }
.alert-success, .alert-info { background: var(--ok-fundo); color: var(--ok-tinta); }
.alert-danger, .alert-warning { background: var(--erro-fundo); color: var(--erro-tinta); }
.alert .close { order: 2; min-width: 28px; min-height: 28px; background: none; border: 0; color: inherit; font-size: 1.25rem; line-height: 1; cursor: pointer; }
.avisos:not(:empty) { padding-top: 16px; }

/* Paginacao */
.pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 28px; }
.pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding-inline: 10px; border: 1px solid var(--linha); border-radius: 4px; font-variant-numeric: tabular-nums; }
.pagination a:hover { background: var(--fundo-2); text-decoration: none; }
.pagination .active span { background: var(--roxo); border-color: var(--roxo); color: #fff; }
.pagination .disabled span { color: var(--tinta-2); opacity: .6; }
.vazio { padding: 20px; background: var(--fundo-2); border-radius: 4px; }

/* Signos */
.signos { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.signos a { display: inline-block; padding: 8px 12px; border: 1px solid var(--linha); border-radius: 4px; }
.signos a[aria-current="page"] { background: var(--roxo); border-color: var(--roxo); color: #fff; }
.signo-entrada { padding-block: 16px; border-bottom: 1px solid var(--linha); }
.signo-entrada img { width: 72px; margin-bottom: 8px; }

@media (min-width: 620px) {
  .cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cartao { grid-template-columns: minmax(0, 1fr); }
  .cartao .foto-link { grid-column: 1; grid-row: 1; }
  .cartao > div { grid-column: 1; grid-row: 2; }
  .cartao-sem-foto > div { grid-row: 1; }
  .lista-duas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publicidade { min-height: 130px; }
  .acao span { display: inline; }
  .contato-grade { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; }
  .mais { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
  .mais.mais-um { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 980px) {
  .topo .faixa { min-height: 76px; }
  .marca img { width: 183px; }
  .data-hoje { display: inline; }
  .editorias ul { gap: 8px; }
  .editorias a { padding-inline: 16px; }
  .abertura { grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr); gap: 40px; padding-block: 24px 40px; align-items: start; }
  .manchete > a:first-child { order: 4; margin-top: 8px; }
  .resumo { font-size: 1.25rem; }
  .cartoes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .grade-interna .cartoes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .colunas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .arquivo .faixa { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 32px 56px; padding-block: 56px; }
  .anos { grid-column: 1 / -1; }
  .grade-interna { grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; padding-block: 24px 56px; align-items: start; }
  .lateral { position: sticky; top: 96px; }
  .rodape .faixa { grid-template-columns: 1fr auto; align-items: start; }
}

/* Mais lidas */
.lidas { min-width: 0; }
.lidas-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding-top: 10px; margin-bottom: 4px; border-top: 4px solid var(--roxo); }
.lidas-topo h2 { font-size: 1.375rem; font-weight: 600; line-height: 1.2; }
.lidas-capa .lidas-topo h2 { font-size: 1.5rem; }
.lidas-periodo { color: var(--tinta-2); font-size: .875rem; }
.lidas-abas { display: inline-flex; border: 1px solid var(--linha); border-radius: 6px; overflow: hidden; }
.lidas-abas button { min-height: 36px; padding-inline: 14px; border: 0; background: none; color: var(--tinta-2); font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer; }
.lidas-abas button[aria-selected="true"] { background: var(--roxo); color: #fff; }
.lidas-lista li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 10px; padding-block: 12px; border-bottom: 1px solid var(--linha); align-items: baseline; }
.lidas-lista li > div { display: grid; gap: 4px; justify-items: start; min-width: 0; }
.lidas-n { color: var(--roxo-texto); font-size: 1.75rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.lidas-lista h3 { font-size: 1.0625rem; font-weight: 500; line-height: 1.25; }
.lidas-lista .editoria { color: var(--tinta-2); font-size: .875rem; font-weight: 500; }

/* Canal do WhatsApp: verde escuro, para o texto branco ficar legivel */
.acao-whats { color: var(--whats); }
.acao-whats:hover { background: var(--whats-claro); text-decoration: none; }
.botao-whats { background: var(--whats-forte); border-color: var(--whats-forte); color: #fff; }
.botao-whats:hover { background: var(--whats); border-color: var(--whats); }
.siga { display: grid; gap: 12px; justify-items: start; max-width: 65ch; margin-top: 28px; padding: 16px; border: 1px solid var(--whats-linha); border-radius: 6px; background: var(--whats-fundo); }
.siga p { font-size: 1rem; line-height: 1.45; }
.siga b { display: block; margin-bottom: 2px; font-size: 1.125rem; }

@media (min-width: 620px) {
  .lidas-capa .lidas-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
}
@media (min-width: 980px) {
  .lidas-capa .lidas-lista { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 24px; }
  .lidas-capa .lidas-lista li { grid-template-columns: minmax(0, 1fr); gap: 6px; border-bottom: 0; }
}

/* Modo escuro: logotipo branco, icone do botao e textos antigos com cor fixa */
.logo-escuro, .icone-sol { display: none; }
:root[data-tema="escuro"] .logo-claro, :root[data-tema="escuro"] .icone-lua { display: none; }
:root[data-tema="escuro"] .logo-escuro, :root[data-tema="escuro"] .icone-sol { display: block; }
:root[data-tema="escuro"] .texto *:not(a) { color: inherit !important; background-color: transparent !important; }
:root[data-tema="escuro"] .texto a { color: var(--roxo-texto) !important; }

/* Partes de baixo da pagina so sao desenhadas quando chegam perto da tela */
.colunas, .secao.faixa, .arquivo, .rodape { content-visibility: auto; contain-intrinsic-size: auto 600px; }

/* Acesso discreto da equipe */
.painel-menu .acesso-equipe { margin-top: 4px; border-top: 1px solid var(--linha); color: var(--tinta-2); font-size: .9375rem; }
.rodape-acesso { color: var(--tinta-2); font-size: .875rem; }

/* Telas de acesso: entrar, codigo e senha, com a mesma cara do site */
.acesso { display: grid; justify-items: center; gap: 16px; padding-block: 32px 48px; }
.acesso-caixa { width: min(420px, 100%); padding: 24px 20px; border: 1px solid var(--linha); border-top: 4px solid var(--roxo); border-radius: 8px; background: var(--fundo); }
.acesso-caixa h1 { font-size: 1.625rem; font-weight: 600; line-height: 1.15; }
.acesso-sub { margin-top: 6px; margin-bottom: 18px; color: var(--tinta-2); font-size: .9375rem; }
.acesso-caixa .campo input { font-size: 1.0625rem; }
.campo-senha { position: relative; }
.campo-senha input { padding-right: 84px; }
.mostrar-senha { position: absolute; right: 6px; bottom: 6px; min-height: 32px; padding-inline: 10px; border: 0; border-radius: 4px; background: var(--fundo-2); color: var(--tinta-2); font: inherit; font-size: .875rem; cursor: pointer; }
.campo-erro { color: var(--erro-tinta); font-size: .9375rem; }
.botao-largo { width: 100%; margin-top: 4px; }
.acesso-links { margin-top: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: .9375rem; }
.acesso-links a, .acesso-voltar a { color: var(--roxo-texto); font-weight: 500; }
.acesso-links form { margin: 0; }
.link-botao { padding: 0; border: 0; background: none; color: var(--roxo-texto); font: inherit; font-weight: 500; cursor: pointer; }
.acesso-voltar { font-size: .9375rem; }
@media (min-width: 620px) {
  .acesso { padding-block: 56px 72px; }
  .acesso-caixa { padding: 32px 32px 28px; }
}