/* Paginas internas da secao NOTICIAS (noticia-1.html, ...). Base compartilhada em aconteceu.css;
   aqui so o que muda: cor da secao (azul, como a faixa da home onde o rotulo NOTICIAS aparece)
   e a lista de itens e o bloco "Sobre os palestrantes". */
.pag-not .topo{background:#0079c1}
.pag-not .topo-sec{color:#0079c1}
.pag-not .foto figcaption{border-left-color:#0079c1}
.pag-not .materia ul{margin:18px 0 0 24px}
.pag-not .materia li{font-size:18px;line-height:1.7;letter-spacing:.2px}
.pag-not .materia li+li{margin-top:8px}
.pag-not .materia h2+p,.pag-not .materia ul+p{margin-top:18px}
.pag-not .sobre p{font-size:16px;line-height:1.6}
.pag-not .sobre p strong{color:#0079c1}
.pag-not .data-pub{margin-top:8px;font-size:14px;font-weight:700;color:#888}
.pag-not .materia ul li strong{color:#0079c1}
.pag-not .servico{margin-top:40px;padding:20px 24px;background:#e4e4ea;border-left:4px solid #0079c1}
.pag-not .servico h2{margin:0 0 10px}
.pag-not .servico p{font-size:16px;line-height:1.6}
.pag-not .servico a{font-weight:700;text-decoration:none}
.pag-not .servico a:hover{text-decoration:underline}

/* Listagem (noticias.html): cards cinza como na home, um por linha com foto a esquerda; empilha no mobile */
.pag-lista .lista{max-width:1105px;margin:0 auto;padding:56px 20px 72px}
.pag-lista .lista h1{font-weight:700;font-size:clamp(26px,4.4vw,38px);line-height:1.2;letter-spacing:1px}
.pag-lista .lista-intro{font-weight:500;font-size:clamp(16px,2vw,20px);line-height:1.5;letter-spacing:.4px;margin:16px 0 0;padding-bottom:28px;border-bottom:1px solid #000}
.pag-lista .lista-cards{display:grid;gap:24px;margin-top:32px}
.pag-lista .lcard{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:0 32px;background:#e4e4ea;padding:16px}
.pag-lista .lcard-img{display:block;aspect-ratio:323/234;overflow:hidden}
.pag-lista .lcard-img img{display:block;width:100%;height:100%;object-fit:cover}
.pag-lista .lcard-txt{display:flex;flex-direction:column;justify-content:center;padding:8px 8px 8px 0}
.pag-lista .lcard .versal{font-weight:900;font-size:15px;letter-spacing:1.2px;color:#0079c1;text-transform:uppercase}
.pag-lista .lcard h2{font-weight:700;font-size:clamp(20px,2.4vw,24px);line-height:1.25;margin:10px 0 12px;color:#000}
.pag-lista .lcard h2 a{text-decoration:none}
.pag-lista .lcard h2 a:hover{text-decoration:underline}
.pag-lista .lcard .lead{font-size:16px;line-height:1.6;letter-spacing:.3px}
.pag-lista .lcard .leia{font-weight:700;font-style:italic;text-decoration:none;white-space:nowrap}
.pag-lista .lcard .leia:hover{text-decoration:underline}
.pag-lista .lcard .data{margin-top:14px;font-size:13px;font-weight:700;color:#8a8a8a}
@media (max-width:700px){
  .pag-lista .lcard{grid-template-columns:1fr;gap:16px 0;padding:10px 15px 18px}
  .pag-lista .lcard-img{margin:0 -5px}
  .pag-lista .lcard-txt{padding:0}
}

/* Botao VOLTAR no azul da secao NOTICIAS */
.pag-not .voltar:hover,.pag-not .voltar:focus-visible{color:#0079c1}
.pag-not .btn-voltar{background:#0079c1;border-color:#0079c1}
.pag-not .btn-voltar:hover,.pag-not .btn-voltar:focus-visible{background:#fff;color:#0079c1}
