/* ══════════════════════════════════════
   MUSEU JUDAICO RJ — Documentos Históricos
══════════════════════════════════════ */

/* ── CARD DESTAQUE — DREYFUS ── */
.dreyfus-card { background:var(--navy); border-radius:12px; padding:2.5rem; margin:2.5rem 0; position:relative; overflow:hidden; }
.dreyfus-card::before { content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events:none; opacity:.45; mix-blend-mode:overlay; }
.dreyfus-card::after { content:''; position:absolute; left:0; top:2rem; bottom:2rem; width:3px; background:linear-gradient(to bottom,transparent,var(--gold),var(--gold-light),var(--gold),transparent); border-radius:0 2px 2px 0; }
.dreyfus-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; }
.dreyfus-eyebrow { font-family:var(--mono); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-light); margin-bottom:.625rem; }
.dreyfus-title { font-family:var(--serif); font-size:clamp(1.5rem,3vw,2.25rem); font-weight:400; color:white; line-height:1.1; margin-bottom:.875rem; }
.dreyfus-title em { font-style:italic; color:var(--gold-light); }
.dreyfus-body p { font-size:.9375rem; color:rgba(255,255,255,.65); line-height:1.75; }
.dreyfus-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.25rem; }
.dreyfus-tag { display:inline-flex; align-items:center; gap:.375rem; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.6); font-family:var(--mono); font-size:.6rem; letter-spacing:.08em; padding:4px 10px; border-radius:3px; }
.dreyfus-tag.highlight { background:rgba(180,145,80,.12); border-color:rgba(180,145,80,.25); color:var(--gold-light); }
.dreyfus-num { text-align:center; flex-shrink:0; }
.dreyfus-num-val { font-family:var(--serif); font-size:4.5rem; font-weight:300; color:var(--gold-light); line-height:1; letter-spacing:-.03em; }
.dreyfus-num-label { font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-top:.25rem; }

/* ── CARD FUNDO NEHAB ── */
.nehab-card { background:var(--parchment); border:1px solid var(--border); border-radius:10px; padding:2rem 2.25rem; margin-bottom:2.5rem; display:flex; gap:1.5rem; align-items:flex-start; }
.nehab-icon { width:48px; height:48px; border-radius:8px; background:var(--navy-tint); border:1px solid rgba(27,37,79,.15); display:flex; align-items:center; justify-content:center; color:var(--navy-mid); flex-shrink:0; }
.nehab-eyebrow { font-family:var(--mono); font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:.375rem; }
.nehab-title { font-family:var(--serif); font-size:1.25rem; font-weight:600; color:var(--ink); margin-bottom:.625rem; }
.nehab-text { font-size:.875rem; color:var(--ink-3); line-height:1.7; }
.nehab-badge { display:inline-flex; align-items:center; gap:.375rem; background:rgba(180,145,80,.1); border:1px solid rgba(180,145,80,.2); color:var(--gold-dark); font-family:var(--mono); font-size:.6rem; letter-spacing:.06em; padding:3px 8px; border-radius:3px; margin-top:.75rem; }

/* ── SEARCH LANG TABS ── */
.search-lang-tabs { display:flex; border:1.5px solid var(--border); border-right:none; background:white; flex-shrink:0; }
.lang-tab { height:52px; padding:0 1rem; font-family:var(--mono); font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); background:none; border:none; border-right:1px solid var(--border); cursor:pointer; transition:background 150ms, color 150ms; }
.lang-tab:hover { background:var(--navy-tint); color:var(--navy); }
.lang-tab.active { background:var(--navy-tint); color:var(--navy); font-weight:600; }

/* ── RESPONSIVE ── */
@media (max-width:960px) {
  .dreyfus-inner { grid-template-columns:1fr; }
  .dreyfus-num { text-align:left; display:flex; align-items:baseline; gap:.75rem; }
  .dreyfus-num-val { font-size:3rem; }
  .nehab-card { flex-direction:column; }
}
@media (max-width:600px) {
  .dreyfus-card { padding:1.75rem; }
  .dreyfus-num-val { font-size:2.5rem; }
  .search-lang-tabs { width:100%; }
  .lang-tab { flex:1; height:44px; font-size:.6rem; }
}