/* ══════════════════════════════════════
   MUSEU JUDAICO RJ — Obras Judaicas Antigas
══════════════════════════════════════ */

/* ── Aviso hebraico ── */
.heb-notice { display:flex; align-items:flex-start; gap:.875rem; background:rgba(180,145,80,.07); border:1px solid rgba(180,145,80,.25); border-radius:8px; padding:1.125rem 1.375rem; margin-top:1rem; }
.heb-notice .icon { color:var(--gold); flex-shrink:0; margin-top:2px; }
.heb-notice p { font-size:.8375rem; color:var(--ink-3); line-height:1.7; }
.heb-notice strong { color:var(--ink-2); }

/* ── Lista de obras ── */
.obras-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; gap:1rem; flex-wrap:wrap; }
.obras-count { font-family:var(--mono); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
.obras-count span { color:var(--navy); font-weight:600; }

ol:has(> .obra-item) { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.875rem; }
.obra-item { background:white; border:1px solid var(--border); border-radius:8px; padding:0; transition:box-shadow 180ms; }
.obra-item:hover { box-shadow:0 4px 20px rgba(14,14,20,.08); }
.obra-top { height:3px; background:linear-gradient(to right,var(--gold),var(--gold-light) 60%,rgba(180,145,80,.15) 100%); border-radius:8px 8px 0 0; }
.obra-body { padding:1.375rem 1.75rem; display:flex; gap:1.5rem; align-items:flex-start; }
.obra-text { flex:1; min-width:0; }
.obra-text > .obra-desc { margin-top:.625rem; }
.obra-num { font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; color:var(--gold); margin-bottom:.375rem; }
.obra-title { display:inline; font-family:var(--serif); font-size:1.1875rem; font-weight:600; color:var(--ink); line-height:1.2; }
.obra-meta { display:inline; font-size:.9rem; color:var(--ink-3); font-style:italic; }
.obra-meta::before { content:" — "; color:var(--ink-3); opacity:.5; margin:0 .15em; font-style:normal; }
.obra-body > .obra-desc { margin-top:.625rem; }
.obra-desc { font-size:.9375rem; color:var(--ink-2); line-height:1.7; }
.obra-langs { flex-shrink:0; width:180px; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; gap:.375rem; }
.obra-lang-tag { display:inline-flex; align-items:center; background:var(--navy-tint); color:var(--navy-mid); font-family:var(--mono); font-size:.58rem; letter-spacing:.06em; text-transform:uppercase; padding:3px 8px; border-radius:3px; }
.obra-lang-tag.heb { background:rgba(180,145,80,.1); color:var(--gold-dark); }

/* ── Override: search-section margin ── */
.search-section { margin-bottom:3rem; }

/* ── RESPONSIVE ── */
@media (max-width:760px) {
  .obra-body { display:block; padding:1.375rem 1.75rem; }
  .obra-langs { flex-direction:row; flex-wrap:wrap; margin-top:.875rem; }
}
@media (max-width:600px) {
  .obra-body { padding:1rem 1.25rem; }
}