/* =========================================================================
   CABAL HITS · PÁGINA DE NOTÍCIAS (notícias_cabal/noticias.css)
   Complementa assets/css/styles.css: lateral com busca, categorias e
   arquivo por mês + lista de notícias paginada.
   ========================================================================= */
.news-body{background:#0a0812}
.news-page{padding-top:clamp(110px,10vw,140px)!important;margin-top:0!important;padding-bottom:clamp(80px,9vw,140px)}
.news-page .section-head{align-items:flex-end}
.news-page .section-head h2{font-size:clamp(44px,7vw,84px)}

.npb{--np-line:rgba(180,107,255,.28);display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px;align-items:start;margin-top:26px}
.np-meta{font:400 12px/1.4 'Share Tech Mono',ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#cfa9ff}
.np-meta:not(:empty):before{content:'// ';color:#7b2fe0}

/* ---------- Lateral ---------- */
.npb-side{position:sticky;top:110px;display:grid;gap:18px}
.np-search{display:flex;align-items:center;gap:12px;min-width:0;height:50px;margin:0;padding:0 16px;border:1px solid var(--np-line);background:rgba(10,8,18,.78);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:border-color .2s}
.np-search svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#b46bff;stroke-width:1.8;stroke-linecap:round}
.np-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:600 14px/1 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.np-search input::placeholder{color:rgba(226,198,255,.5)}
.np-search input::-webkit-search-cancel-button{filter:invert(.7) sepia(1) hue-rotate(220deg)}
.np-search:focus-within{border-color:#b46bff}
.npb-block{padding:20px;border:1px solid var(--np-line);background:linear-gradient(180deg,rgba(26,16,48,.78),rgba(15,11,25,.85));clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.npb-block[hidden]{display:none}
.npb-title{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--np-line);font:400 12px/1 'Share Tech Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:#cfa9ff}
.npb-title:before{content:'// ';color:#7b2fe0}
.npb-list{display:grid;gap:2px}
.npb-item-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:0;background:none;color:#c9bfd9;font:600 14px/1 'Chakra Petch',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:left;transition:background .2s,color .2s}
.npb-item-btn small{font:400 12px/1 'Share Tech Mono',monospace;color:#9a86b4}
.npb-item-btn:hover{background:rgba(123,47,224,.18);color:#fff}
.npb-item-btn[aria-pressed=true]{background:#7b2fe0;color:#fff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.npb-item-btn[aria-pressed=true] small{color:#e2c6ff}
.npb-archive .npb-item-btn{font-size:13px;color:#a99bbd}

/* ---------- Lista ---------- */
.npb-head{display:flex;justify-content:space-between;gap:16px;padding:0 4px 14px;border-bottom:1px solid var(--np-line);margin-bottom:18px;scroll-margin-top:110px}
.npb-main{scroll-margin-top:110px;min-width:0}
.npb-card{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:200px;margin-bottom:16px;cursor:pointer;border:1px solid var(--np-line);background:linear-gradient(125deg,#1b1227cc,#0e0d16dd);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:border-color .25s,background .25s;animation:npIn .45s ease-out both}
.npb-card:hover{border-color:#ab69e8;background:linear-gradient(135deg,#291837,#100d19)}
.npb-img{background:#140e20 center/cover no-repeat;border-right:1px solid var(--np-line)}
.npb-img.art{background:radial-gradient(ellipse at center,#46235f55,#110d1b)}
.npb-txt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px 30px}
.npb-txt h3{margin:0;font-size:24px;text-transform:uppercase}
.npb-txt p{margin:0;font-size:14px;line-height:1.7}
.np-more{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:6px 0;border:0;background:none;color:#e2c6ff;font:600 14px/1 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:color .2s,gap .2s}
.np-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.npb-card:hover .np-more{color:#fff;gap:14px}
.npb-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px}
.npb-pager:empty{display:none}
.npb-pager button{width:44px;height:44px;border:1px solid var(--np-line);background:#171020;color:#cfa9ff;font:400 13px/1 'Share Tech Mono',monospace;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .2s,color .2s}
.npb-pager button:hover{background:#342048;color:#fff}
.npb-pager button[aria-current]{background:#7b2fe0;border-color:#7b2fe0;color:#fff}
.news-empty{display:grid;justify-items:center;gap:16px;padding:60px 20px;text-align:center;color:rgba(239,232,249,.75);border:1px dashed rgba(180,107,255,.35)}
.news-empty[hidden]{display:none}
.news-empty p{margin:0}
@keyframes npIn{from{opacity:0;transform:translateY(14px)}}

@media(max-width:1100px){
  .npb{grid-template-columns:1fr}
  .npb-side{position:static;grid-template-columns:1fr 1fr}
  .npb-side .np-search{grid-column:1/-1}
  .npb-card{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:700px){
  .news-page{padding-top:110px!important}
  .news-page .section-head{flex-direction:column;align-items:flex-start;gap:10px}
  .npb-side{grid-template-columns:1fr;gap:12px}
  .npb-archive{display:none}
  .npb-block{padding:14px}
  .npb-title{margin-bottom:10px}
  .npb-list{display:flex;flex-wrap:wrap;gap:6px}
  .npb-item-btn{width:auto;padding:9px 11px;gap:8px;font-size:13px;border:1px solid var(--np-line)}
  .npb-card{grid-template-columns:1fr}
  .npb-img{height:180px;border-right:0;border-bottom:1px solid var(--np-line)}
  .npb-txt{padding:20px}
  .npb-txt h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.npb-card{animation:none}}