/* ══════════════════════════════════════
   MUSEU JUDAICO RJ — Periódicos Antigos
   Estilos exclusivos da página
══════════════════════════════════════ */

/* ── CARDS DOS PERIÓDICOS DISPONÍVEIS ── */
.periodicos-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.125rem; margin:2.5rem 0; }
.periodico-card { background:white; border:1px solid var(--border); border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(14,14,20,.04); transition:box-shadow 180ms,transform 180ms; cursor:pointer; }
.periodico-card:hover { box-shadow:0 8px 24px rgba(14,14,20,.1); transform:translateY(-2px); }
.periodico-card.selected { border-color:var(--navy); box-shadow:0 0 0 2px var(--navy); }
.pc-top { height:6px; background:linear-gradient(to right,var(--gold),var(--gold-light) 60%,rgba(180,145,80,.2) 100%); }
.pc-body { padding:1.375rem 1.5rem; }
.pc-title { font-family:var(--serif); font-size:1.125rem; font-weight:600; color:var(--ink); margin-bottom:.25rem; line-height:1.2; }
.pc-years { font-family:var(--mono); font-size:.65rem; letter-spacing:.1em; color:var(--gold); margin-bottom:.75rem; }
.pc-desc { font-size:.8125rem; color:var(--ink-3); line-height:1.65; }
.pc-badge { display:inline-flex; align-items:center; gap:.375rem; background:var(--navy-tint); color:var(--navy-mid); font-family:var(--mono); font-size:.6rem; letter-spacing:.06em; padding:3px 8px; border-radius:3px; margin-top:.75rem; }
.pc-badge-partial { background:rgba(180,145,80,.08); color:var(--gold-dark); }

/* ── AVISO DE OUTROS PERIÓDICOS ── */
.outros-box { background:var(--parchment); border:1px solid var(--border); border-radius:8px; padding:1.5rem 1.75rem; margin-bottom:2.5rem; display:flex; gap:1rem; align-items:flex-start; }
.outros-box .icon { color:var(--gold); flex-shrink:0; margin-top:2px; }
.outros-box-text { font-size:.875rem; color:var(--ink-3); line-height:1.7; }
.outros-box-text strong { color:var(--ink-2); display:block; margin-bottom:.25rem; }

/* ── SEARCH FOOTNOTE ── */
.search-footnote { margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--border); font-size:.8rem; color:var(--ink-3); line-height:1.65; font-style:italic; }

/* ── RESPONSIVE ── */
@media (max-width:960px) {
  .periodicos-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .periodicos-grid { grid-template-columns:1fr; }
}