/* ═══════════════════════════════════════════════════════
   INSTITUTO LORDE — SKIN: noticias + noticia
   Decora as sections noticias-hero, noticias-feed, noticia-body.
   Só background, border, color, gradientes, box-shadow.
═══════════════════════════════════════════════════════ */

/* ── noticias-hero ── */
.noticias-hero {
  background:
    radial-gradient(ellipse at 60% 0%, rgba(201,168,76,0.07) 0%, transparent 55%),
    linear-gradient(175deg, var(--navy-dark) 0%, var(--navy) 60%, var(--navy-mid) 100%);
  border-bottom: 1px solid rgba(201,168,76,0.10);
}
.noticias-hero__glow {
  background: radial-gradient(ellipse, rgba(201,168,76,0.07) 0%, transparent 65%);
}
.noticias-hero__eyebrow { color: var(--gold); }
.noticias-hero__eyebrow i { color: var(--gold); }
.noticias-hero__title {
  background: linear-gradient(135deg, var(--gold-dark), var(--gold-bright), var(--gold));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.noticias-hero__sub { color: rgba(255,255,255,0.48); }

/* ── noticia-card ── */
.noticia-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(201,168,76,0.18);
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
.noticia-card::before {
  background: linear-gradient(90deg, transparent, var(--gold-light), var(--gold-bright), var(--gold-light), transparent);
}

/* ── card-top ── */
.card-top { border-bottom: 1px solid rgba(255,255,255,0.06); }
.source-avatar {
  background: linear-gradient(135deg, var(--navy-mid), var(--navy-light));
  border: 2px solid var(--gold);
  box-shadow: 0 0 16px rgba(201,168,76,0.25);
}
.source-avatar i { color: var(--gold); }
.source-name { color: #fff; }
.source-verified i { color: var(--gold-light); }
.source-meta { color: var(--muted); }
.source-meta i { color: var(--muted); }

/* ── card-body ── */
.card-body p { color: rgba(255,255,255,0.82); }
.noticias-feed__ver-mais { color: var(--gold-light); }
.noticias-feed__ver-mais:hover { color: var(--gold-bright); }
.noticias-feed__empty { color: rgba(255,255,255,0.35); }

/* ── imagem ── */
.image-overlay {
  background: linear-gradient(to bottom, transparent 60%, rgba(8,15,30,0.45) 100%);
}
.image-badge {
  background: rgba(8,15,30,0.8);
  border: 1px solid rgba(201,168,76,0.25);
  color: var(--muted);
}
.image-badge i { color: var(--gold); }

/* ── card-footer ── */
.card-footer { border-top: 1px solid rgba(255,255,255,0.07); }
.footer-action {
  color: rgba(255,255,255,0.5);
  border-right: 1px solid rgba(255,255,255,0.07);
}
.footer-action i { color: rgba(255,255,255,0.4); }
.footer-action:hover { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.85); }
.footer-action:hover i { color: rgba(255,255,255,0.75); }
.footer-action::after { background: linear-gradient(90deg, transparent, var(--gold), transparent); }

/* ── paginação ── */
.noticias-feed__pg-btn {
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.25);
  color: var(--gold);
}
.noticias-feed__pg-btn:hover { background: rgba(201,168,76,0.2); border-color: var(--gold); }
.noticias-feed__pg-btn i { color: var(--gold); }
.noticias-feed__pg-info { color: rgba(255,255,255,0.35); }

/* ── citação ── */
.noticia-quote {
  background: rgba(201,168,76,0.07);
  border: 1px solid rgba(201,168,76,0.2);
}
.noticia-quote::before {
  background: linear-gradient(180deg, var(--gold-dark), var(--gold-bright), var(--gold-dark));
}
.quote-content { color: rgba(255,255,255,0.88); }

/* ── crédito foto ── */
.photo-credit { color: var(--muted); }
.photo-credit i { color: var(--muted); }

/* ── relacionados ── */
.relacionados {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(201,168,76,0.14);
}
.relacionados-header {
  color: rgba(255,255,255,0.7);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.15);
}
.relacionados-header i { color: var(--gold); }
.rel-item { border-bottom: 1px solid rgba(255,255,255,0.05); }
.rel-item:hover { background: rgba(201,168,76,0.05); }
.rel-thumb { background: rgba(201,168,76,0.1); border: 1px solid rgba(201,168,76,0.2); }
.rel-thumb i { color: var(--gold-light); }
.rel-item:hover .rel-thumb { background: rgba(201,168,76,0.18); }
.rel-title { color: rgba(255,255,255,0.82); }
.rel-meta { color: var(--muted); }

/* ── toast ── */
.toast {
  background: var(--navy-dark);
  color: #fff;
  border-color: var(--gold);
  box-shadow: 0 8px 32px rgba(0,0,0,.35);
}
.toast i { color: var(--gold); }