/* ══════════════════════════════════════════════════════
   GALERÍA — Dra. Julieta Rivero
   Misma paleta de marca que «Sobre mí»: negro cálido y
   dorado, sin color de tratamiento.
   ══════════════════════════════════════════════════════ */

:root {
  --bg:         #16140f;
  --bg-dark:    #0f0e0a;
  --bg-mid:     #221f17;
  --bg-deep:    #0c0b08;
  --gold:       #c4a352;
  --gold-dim:   rgba(196,163,82,0.35);
  --accent:     #e8dcc0;
  --text:       #f5f1e8;
  --text-sec:   #d8d2c4;
  --text-dim:   rgba(245,241,232,0.45);
  --border:     rgba(196,163,82,0.18);
  --border-l:   rgba(245,241,232,0.1);
  --hero-glow:  rgba(196,163,82,0.10);
  --cta-stripe: rgba(12,11,8,0.06);
  --cta-border: rgba(12,11,8,0.35);
}

/* ── Hero ─────────────────────────────────────────── */
.ga-hero{ background:var(--bg-dark); padding:140px 80px 90px; text-align:center;
  border-bottom:0.5px solid var(--border); }
.ga-eyebrow{ display:block; font-family:var(--font-body); font-size:var(--text-micro);
  letter-spacing:var(--ls-caps); text-transform:uppercase; color:var(--gold);
  margin-bottom:26px; }
.ga-hero h1{ font-family:var(--font-display); font-weight:300; font-size:var(--text-hero-s);
  line-height:var(--lh-heading); color:var(--text); letter-spacing:var(--ls-tight);
  max-width:880px; margin:0 auto; }
.ga-hero h1 em{ font-style:italic; color:var(--gold); }
.ga-sub{ font-family:var(--font-body); font-weight:300; font-size:var(--text-sm);
  line-height:var(--lh-body); color:var(--text-dim); max-width:620px;
  margin:24px auto 0; letter-spacing:var(--ls-body); }

/* ── Zona del feed ────────────────────────────────── */
.ga-feed{ background:var(--bg); padding:72px 80px 90px; }
.ga-feed-inner{ max-width:1100px; margin:0 auto; }

/* Aviso previo: el widget no se carga hasta que se acepta */
.ga-gate{ border:0.5px solid var(--border); background:var(--bg-mid); padding:56px 48px;
  text-align:center; max-width:720px; margin:0 auto; }
.ga-gate-icono{ font-family:var(--font-display); font-size:46px; line-height:1;
  color:var(--gold); opacity:.55; display:block; margin-bottom:22px; }
.ga-gate h2{ font-family:var(--font-display); font-weight:300; font-size:var(--text-xl);
  color:var(--text); margin-bottom:16px; letter-spacing:var(--ls-tight); }
.ga-gate p{ font-family:var(--font-body); font-weight:300; font-size:var(--text-sm);
  line-height:var(--lh-body); color:var(--text-sec); letter-spacing:var(--ls-body);
  max-width:520px; margin:0 auto 14px; }
.ga-gate p:last-of-type{ margin-bottom:30px; }
.ga-gate a{ color:var(--gold); text-decoration:none; border-bottom:0.5px solid var(--gold-dim); }
.ga-gate a:hover{ border-bottom-color:var(--gold); }
.ga-gate-boton{ display:inline-block; font-family:var(--font-body); font-size:var(--text-micro);
  letter-spacing:var(--ls-caps); text-transform:uppercase; text-decoration:none;
  color:var(--bg-deep); background:var(--gold); padding:15px 38px; border:none;
  cursor:pointer; transition:opacity .2s; }
.ga-gate-boton:hover{ opacity:.86; }

/* Contenedor del widget una vez aceptado */
.ga-widget{ min-height:320px; }

/* Pie: revocar el consentimiento */
.ga-revocar{ display:none; text-align:center; margin-top:34px; }
.ga-revocar button{ font-family:var(--font-body); font-size:var(--text-micro);
  letter-spacing:var(--ls-label); text-transform:uppercase; color:var(--text-dim);
  background:none; border:none; border-bottom:0.5px solid var(--border-l);
  padding:0 0 3px; cursor:pointer; transition:color .2s; }
.ga-revocar button:hover{ color:var(--gold); }

/* ── CTA ──────────────────────────────────────────── */
.ga-cta{ background:var(--gold); color:var(--bg-deep); padding:90px 80px; text-align:center; }
.ga-cta h2{ font-family:var(--font-display); font-weight:300; font-size:var(--text-2xl);
  margin-bottom:14px; letter-spacing:var(--ls-tight); }
.ga-cta p{ font-family:var(--font-body); font-weight:300; font-size:var(--text-sm);
  margin-bottom:34px; letter-spacing:var(--ls-body); }
.ga-cta-boton{ display:inline-block; font-family:var(--font-body); font-size:var(--text-micro);
  letter-spacing:var(--ls-caps); text-transform:uppercase; text-decoration:none;
  color:var(--gold); background:var(--bg-deep); padding:17px 44px; transition:opacity .2s; }
.ga-cta-boton:hover{ opacity:.86; }

/* ── Responsive ───────────────────────────────────── */
@media (max-width:860px){
  .ga-hero{ padding:110px 32px 64px; }
  .ga-hero h1{ font-size:var(--text-xl); }
  .ga-feed{ padding:56px 24px 64px; }
  .ga-gate{ padding:44px 26px; }
  .ga-cta{ padding:64px 32px; }
}
@media (max-width:480px){
  .ga-hero{ padding:96px 20px 52px; }
  .ga-feed{ padding:44px 16px 52px; }
  .ga-cta{ padding:52px 20px; }
  .ga-cta-boton{ display:block; }
}