/* CJP Real Estate — legal pages (privacidad / cookies / aviso-legal).
   Reuses the shared header/footer; charcoal hero with the site's logo-toggle
   pattern, plus a clean long-form reading layout. Bilingual via [data-lang-content]. */

/* ---- header logo-toggle + transparent-state nav (mirrors body.ab-page) ---- */
body.legal-page .brand-logo--on-light{display:none}
body.legal-page .hd.solid .brand-logo--on-dark{display:none}
body.legal-page .hd.solid .brand-logo--on-light{display:block}
body.legal-page .hd.menu-open .brand-logo--on-light{display:none}
body.legal-page .hd.menu-open .brand-logo--on-dark{display:block}
body.legal-page .hd:not(.solid):not(.menu-open) .hd-link{color:rgba(250,247,242,.82)}
body.legal-page .hd:not(.solid):not(.menu-open) .hd-link:hover{background:var(--cjp-gold);color:#fff}
body.legal-page .hd:not(.solid):not(.menu-open) .hd-lang-trigger{border-color:rgba(250,247,242,.42)}
body.legal-page .hd:not(.solid):not(.menu-open) .hd-lang-trigger{color:rgba(250,247,242,.85)}
body.legal-page .hd:not(.solid):not(.menu-open) .hd-lang-btn.on{background:var(--cjp-gold);color:#fff}
body.legal-page .hd:not(.solid):not(.menu-open) .hd-burger span{background:var(--cjp-offwhite)}

/* ---- bilingual content toggle ---- */
.lg-root [data-lang-content]{display:none}
.lg-root [data-lang-content].on{display:block}

/* ---- hero ---- */
.lg-hero{
  background:var(--cjp-charcoal);
  color:var(--cjp-offwhite);
  padding:150px var(--pad) 64px;
}
.lg-hero-inner{max-width:var(--maxw);margin:0 auto}
.lg-eyebrow{
  font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cjp-gold-light);margin:0 0 18px;
}
.lg-title{
  font-family:var(--font-display);font-weight:500;line-height:1.05;
  font-size:clamp(38px,6vw,68px);margin:0;color:#fff;
}
.lg-meta{margin:20px 0 0;font-size:14px;color:rgba(250,247,242,.62)}

/* ---- "template — review with a lawyer" notice ---- */
.lg-note{
  max-width:var(--maxw);margin:28px auto 0;padding:0 var(--pad);
}
.lg-note-inner{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--cjp-sand);border:1px solid var(--cjp-beige);
  border-left:3px solid var(--cjp-gold);border-radius:var(--radius-md);
  padding:14px 18px;font-size:13.5px;line-height:1.55;color:var(--cjp-greige);
}
.lg-note-inner strong{color:var(--cjp-ink);font-weight:600}

/* ---- body ---- */
.lg-body{max-width:820px;margin:0 auto;padding:56px var(--pad) 96px}
.lg-body h2{
  font-family:var(--font-display);font-weight:500;font-size:clamp(24px,3.4vw,32px);
  color:var(--cjp-charcoal);margin:46px 0 14px;line-height:1.2;
}
.lg-body h2:first-child{margin-top:0}
.lg-body h3{
  font-family:var(--font-sans);font-weight:600;font-size:16px;letter-spacing:.01em;
  color:var(--cjp-ink);margin:28px 0 8px;
}
.lg-body p,.lg-body li{font-size:15.5px;line-height:1.72;color:var(--cjp-ink)}
.lg-body p{margin:0 0 14px}
.lg-body ul{margin:0 0 18px;padding-left:20px}
.lg-body li{margin:0 0 7px}
.lg-body a{color:var(--cjp-gold-deep);text-decoration:underline;text-underline-offset:2px}
.lg-body a:hover{color:var(--cjp-gold)}
.lg-body strong{font-weight:600}
.lg-lead{font-size:17px !important;color:var(--cjp-greige) !important;margin-bottom:28px !important}

/* contact / identity card */
.lg-card{
  background:var(--cjp-offwhite);border:1px solid var(--cjp-beige);
  border-radius:var(--radius-md);padding:20px 24px;margin:6px 0 22px;
}
.lg-card p{margin:0 0 4px;font-size:14.5px;line-height:1.6}
.lg-card p:last-child{margin-bottom:0}

/* ---- cookie table ---- */
.lg-table-wrap{overflow-x:auto;margin:6px 0 24px}
.lg-table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}
.lg-table caption{text-align:left;font-weight:600;color:var(--cjp-greige);font-size:13px;margin-bottom:8px}
.lg-table th,.lg-table td{
  text-align:left;padding:10px 14px;border-bottom:1px solid var(--cjp-beige);vertical-align:top;line-height:1.5;
}
.lg-table thead th{
  background:var(--cjp-sand);color:var(--cjp-charcoal);font-weight:600;
  font-size:12px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--cjp-taupe);
}
.lg-table td code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:var(--cjp-sand);padding:1px 6px;border-radius:var(--radius-xs);color:var(--cjp-espresso);
}
.lg-table tbody tr:last-child td{border-bottom:0}

/* inline "manage cookies" button inside prose */
.lg-cookie-link{
  background:none;border:0;padding:0;font:inherit;color:var(--cjp-gold-deep);
  text-decoration:underline;text-underline-offset:2px;cursor:pointer;
}
.lg-cookie-link:hover{color:var(--cjp-gold)}