/* ====================================================
   BERITA — Berita & Informasi styles
==================================================== */
.filter-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:32px; }
.filter-tab  { padding:8px 18px; border-radius:50px; font-size:.8rem; font-weight:600; cursor:pointer; border:1.5px solid rgba(255,255,255,.15); color:rgba(255,255,255,.55); transition:var(--tr); background:transparent; font-family:'Poppins',sans-serif; }
.filter-tab:hover  { border-color:rgba(58,127,216,.5); color:#fff; }
.filter-tab.active { background:var(--g-vivid); border-color:transparent; color:#fff; }
.news-grid  { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:44px; }
.news-card  { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius); overflow:hidden; backdrop-filter:blur(8px); transition:var(--tr); }
.news-card:hover { transform:translateY(-6px); border-color:rgba(255,255,255,.2); box-shadow:0 16px 48px rgba(4,16,31,.4); }
.news-thumb { height:170px; display:flex; align-items:center; justify-content:center; font-size:2.4rem; position:relative; }
.news-thumb::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(4,16,31,.4) 100%); }
.news-cat { position:absolute; top:12px; left:12px; z-index:1; padding:3px 10px; border-radius:50px; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.7px; background:rgba(58,127,216,.35); color:#A8D4F8; border:1px solid rgba(58,127,216,.3); backdrop-filter:blur(8px); }
.news-body  { padding:18px; }
.news-title { font-size:.92rem; font-weight:700; color:#fff; margin-bottom:8px; line-height:1.45; }
.news-meta  { font-size:.72rem; color:rgba(255,255,255,.38); margin-bottom:10px; display:flex; gap:12px; }
.news-excerpt { font-size:.82rem; color:rgba(255,255,255,.5); line-height:1.65; margin-bottom:14px; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.news-link  { font-size:.8rem; font-weight:700; color:#6EB0F0; display:inline-flex; align-items:center; gap:5px; transition:var(--tr); }
.news-link:hover { color:#fff; }
.agenda-list { display:flex; flex-direction:column; gap:12px; }
.agenda-card { display:flex; gap:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius); padding:16px 20px; transition:var(--tr); position:relative; backdrop-filter:blur(8px); }
.agenda-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:4px 0 0 4px; background:var(--g-vivid); }
.agenda-card:hover { border-color:rgba(255,255,255,.2); transform:translateX(4px); }
.ag-date { flex-shrink:0; width:50px; background:var(--g-deep); border-radius:10px; padding:10px 4px; text-align:center; }
.ag-day   { font-size:1.5rem; font-weight:900; font-family:'Poppins',sans-serif; line-height:1; }
.ag-mon   { font-size:.58rem; text-transform:uppercase; opacity:.6; letter-spacing:.5px; }
.ag-info h4 { font-size:.88rem; font-weight:700; margin-bottom:5px; }
.ag-info p  { font-size:.76rem; color:rgba(255,255,255,.42); }
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.gal-item  { position:relative; border-radius:var(--radius); overflow:hidden; aspect-ratio:1; cursor:pointer; border:1px solid rgba(255,255,255,.07); }
.gal-bg    { width:100%; height:100%; overflow:hidden; transition:transform .4s; }
.gal-item:hover .gal-bg { transform:scale(1.1); }
.gal-over  { position:absolute; inset:0; background:linear-gradient(135deg,rgba(4,16,31,.75),rgba(22,82,168,.5)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.3rem; opacity:0; transition:var(--tr); }
.gal-item:hover .gal-over { opacity:1; }
@media(max-width:900px){ .news-grid{grid-template-columns:repeat(2,1fr);} .gallery-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .news-grid{grid-template-columns:1fr;} }