/* Página /noticias (13/10): cartões .noticia da home, num trilho lateral em qualquer tela (a seção cabe numa tela).
   O trilho do celular vem do nova.css (abaixo de 860 px); daqui para cima ele continua trilho, não vira grade. */
.not-lista{padding-top:clamp(16px,2.4vw,32px)}
.not-lista .noticias-lista{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:min(84%,340px);gap:16px;width:calc(100% + 2 * var(--margem));margin:0 calc(-1 * var(--margem));padding:20px var(--margem) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margem);overscroll-behavior-x:contain;scrollbar-width:none}
.not-lista .noticias-lista::-webkit-scrollbar{display:none}
.not-lista .noticia{scroll-snap-align:start}
@media (min-width:860px){.not-lista .noticias-lista{grid-auto-columns:clamp(280px,25vw,340px);gap:22px}}
.noticias-lista .estado{grid-column:1/-1;padding:24px 0;font-size:17px}
.noticia-data .so-leitor{white-space:nowrap}
.not-contagem{min-height:1.4em}

/* Densidade pela altura disponível (iPad deitado, notebook, zoom): tudo sai de 100svh, sem faixas fixas.
   Coluna mais larga, foto mais baixa e menos respiro quando a área visível é baixa; o texto não é cortado. */
@media (min-width:700px){
  main>.bloco.not-lista{gap:clamp(6px,1.4svh,18px);padding-block:clamp(10px,2.6svh,32px)}
  .not-lista .noticias-lista{grid-auto-columns:clamp(280px,calc(min(25vw,340px) + max(0px,900px - 100svh) * .4),480px);padding-top:clamp(8px,2svh,20px);padding-bottom:clamp(4px,1.2svh,12px)}
  .not-lista .noticia{gap:clamp(6px,1.2svh,10px)}
  .not-lista .noticia-foto{aspect-ratio:auto;height:clamp(110px,22svh,212px)}
  .not-lista .noticia h3{font-size:clamp(16px,2.6svh,22px)}
}

/* Altura reservada para o trilho montado por JS (a página não pula quando ele chega). Sempre um pouco abaixo da
   altura real medida em cada faixa de altura visível, para nunca sobrar vazio embaixo do trilho. */
.not-lista .noticias-lista{min-height:560px}
@media (min-width:700px){.not-lista .noticias-lista{min-height:clamp(400px,58svh,540px)}}