/* Sprint 8 — páginas públicas de notícias (identidade Landing v2) */

.nt-main{max-width:1180px;margin:0 auto;padding:28px 20px 60px;min-height:60vh}

.nt-head h1{font-family:var(--font-pixel);font-size:clamp(20px,3.4vw,32px);color:var(--text);margin:0 0 6px;letter-spacing:1px}
.nt-head h1 .nt-accent{color:var(--neon)}
.nt-head p{color:var(--muted);margin:0 0 20px;font-family:var(--font-body)}

/* filtros por categoria */
.nt-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.nt-chip{font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--muted);background:var(--bg1);border:1px solid var(--line-soft);border-radius:999px;padding:8px 16px;cursor:pointer;transition:.15s}
.nt-chip:hover{color:var(--text);border-color:var(--line)}
.nt-chip.active{color:#04120a;background:var(--neon);border-color:var(--neon);box-shadow:0 0 14px var(--neon-glow)}

/* destaque */
.nt-hero{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-soft);margin-bottom:28px;min-height:340px;display:flex;align-items:flex-end;cursor:pointer;background:var(--bg1)}
.nt-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nt-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,26,0) 20%,rgba(6,14,26,.92) 78%)}
.nt-hero-body{position:relative;z-index:1;padding:26px;max-width:760px}
.nt-hero-body h2{font-family:var(--font-pixel);font-size:clamp(16px,2.6vw,26px);line-height:1.5;color:#fff;margin:10px 0}
.nt-hero-body p{color:var(--muted);margin:0 0 12px;font-family:var(--font-body)}

/* selo de categoria */
.nt-cat{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid}
.cat-anuncios{color:var(--neon);border-color:var(--neon);background:rgba(43,255,140,.08)}
.cat-atualizacoes{color:var(--gold);border-color:var(--gold);background:rgba(255,207,92,.08)}
.cat-eventos{color:#7aa2ff;border-color:#7aa2ff;background:rgba(122,162,255,.08)}
.cat-comunidade{color:#ff8ac2;border-color:#ff8ac2;background:rgba(255,138,194,.08)}
.cat-outros{color:var(--muted);border-color:var(--line);background:rgba(139,166,189,.08)}

/* grade de cards */
.nt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nt-card{background:var(--bg1);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s;display:flex;flex-direction:column}
.nt-card:hover{transform:translateY(-3px);border-color:var(--line)}
.nt-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg2)}
.nt-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.nt-card-body h3{font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--text);margin:0;line-height:1.35}
.nt-card-body>p{font-size:14px;color:var(--muted);margin:0;line-height:1.5;flex:1}
.nt-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted-dim);font-family:var(--font-body)}
.nt-meta .ic{margin-right:4px}

/* paginação */
.nt-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}
.nt-pager button{font-family:var(--font-body);font-weight:700;font-size:14px;min-width:40px;height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--line-soft);background:var(--bg1);color:var(--muted);cursor:pointer}
.nt-pager button:hover:not(:disabled){color:var(--text);border-color:var(--line)}
.nt-pager button.active{background:var(--neon);border-color:var(--neon);color:#04120a}
.nt-pager button:disabled{opacity:.35;cursor:default}

/* estado vazio / carregando */
.nt-empty,.nt-loading{text-align:center;color:var(--muted);font-family:var(--font-body);padding:60px 20px;border:1px dashed var(--line);border-radius:var(--radius);margin-top:8px}
.nt-empty a{color:var(--neon)}

/* ---------- página do artigo ---------- */
.nt-back{display:inline-block;color:var(--neon);text-decoration:none;font-family:var(--font-body);font-size:14px;margin-bottom:18px}
.nt-back:hover{text-decoration:underline}
.nt-article article{max-width:820px}
.nt-article h1{font-family:var(--font-pixel);font-size:clamp(18px,3vw,28px);line-height:1.6;color:var(--text);margin:12px 0}
.nt-sub{font-size:18px;color:var(--muted);line-height:1.6;font-family:var(--font-body);margin:0 0 14px}
.nt-article .nt-meta{font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}
.nt-cover{width:100%;max-height:440px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line-soft);margin-bottom:26px;background:var(--bg2)}
.nt-content{font-family:var(--font-body);font-size:17px;line-height:1.75;color:var(--text)}
.nt-content p{margin:0 0 1.1em}
.nt-content h1,.nt-content h2,.nt-content h3{font-family:var(--font-pixel);line-height:1.6;margin:1.4em 0 .7em;font-size:.95em}
.nt-content ul,.nt-content ol{margin:0 0 1.1em;padding-left:1.6em}
.nt-content li{margin-bottom:.4em}
.nt-content blockquote{border-left:3px solid var(--neon);margin:0 0 1.1em;padding:.6em 1em;background:var(--bg1);border-radius:0 8px 8px 0;color:var(--muted)}
.nt-content a{color:var(--neon)}
.nt-content img{max-width:100%;height:auto;border-radius:8px}
.nt-content pre{background:var(--bg1);border:1px solid var(--line-soft);border-radius:8px;padding:14px;overflow-x:auto;font-size:14px}
.nt-content hr{border:0;border-top:1px solid var(--line-soft);margin:1.6em 0}
.nt-content iframe{max-width:100%;border-radius:8px}

.nt-related{margin-top:52px}
.nt-related h2{font-family:var(--font-pixel);font-size:15px;color:var(--text);margin:0 0 18px;letter-spacing:1px}
.nt-related h2::before{content:"";display:inline-block;width:10px;height:10px;background:var(--neon);margin-right:10px;box-shadow:0 0 10px var(--neon-glow)}
.nt-grid.sm{grid-template-columns:repeat(3,1fr)}

/* botão jogar no header */
.nt-play{font-family:var(--font-pixel);font-size:11px;color:#04120a;background:var(--neon);border:0;border-radius:8px;padding:12px 18px;cursor:pointer;box-shadow:0 0 14px var(--neon-glow)}
.nt-play:hover{filter:brightness(1.08)}

/* rodapé simples */
.nt-footer{border-top:1px solid var(--line-soft);padding:22px 20px;text-align:center;color:var(--muted-dim);font-family:var(--font-body);font-size:13px}
.nt-footer a{color:var(--neon);text-decoration:none}

/* responsivo */
@media (max-width:1000px){
  .nt-grid,.nt-grid.sm{grid-template-columns:repeat(2,1fr)}
  .nt-hero{min-height:280px}
}
@media (max-width:640px){
  .nt-grid,.nt-grid.sm{grid-template-columns:1fr}
  .nt-main{padding:20px 14px 48px}
  .nt-hero-body{padding:18px}
  .nt-article .nt-meta{gap:6px 10px}
}