/* Hoja compartida por las páginas legales y el 404.
   Mismos tokens que la landing: crema, negro y latón. */
:root{
  --ground:#F3EDE5; --surface:#FBF7F1;
  --ink:#14110E; --ink-2:#5A4F45; --ink-3:#6E6155;
  --line:#DCD0C0; --line-soft:#E7DDCE;
  --noir:#14110E; --brass:#A98252; --brass-ink:#7C5A2E;
  --serif:"Marcellus", Georgia, "Times New Roman", serif;
  --script:"Allura", "Snell Roundhand", "Apple Chancery", cursive;
  --sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#14110E; --surface:#211C16;
    --ink:#F0E8DE; --ink-2:#BAAC9C; --ink-3:#9C8E7F;
    --line:#332B23; --line-soft:#2A231C;
    --brass:#C79A5B; --brass-ink:#DDB37A;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--sans);font-size:1rem;line-height:1.65;
}
.wrap{max-width:720px;margin-inline:auto;padding:clamp(28px,6vw,64px) clamp(20px,5vw,40px) 80px}
a{color:var(--brass-ink)}
a:hover{color:var(--ink)}
.mark{
  display:inline-block;font-family:var(--serif);text-decoration:none;color:var(--ink);
  font-size:.9375rem;letter-spacing:.2em;text-transform:uppercase;
}
.mark em{font-family:var(--script);font-style:normal;font-size:1.9rem;letter-spacing:0;text-transform:none;vertical-align:-.18em;margin-right:.15em}
.rule{height:1px;border:0;margin:22px 0 36px;background:linear-gradient(90deg,var(--brass),transparent)}
h1{font-family:var(--serif);font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.08;letter-spacing:-.015em;margin:0 0 10px}
h2{font-family:var(--serif);font-size:clamp(1.15rem,2.6vw,1.4rem);line-height:1.25;margin:38px 0 10px}
.lede{color:var(--ink-2);font-size:1.0625rem;margin:0 0 4px}
p,li{color:var(--ink-2)}
strong{color:var(--ink);font-weight:600}
dl{margin:0;display:grid;gap:10px}
dt{font-weight:600;color:var(--ink);font-size:.875rem}
dd{margin:0 0 6px;color:var(--ink-2)}
.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:20px 22px;margin:18px 0}
.back{display:inline-block;margin-top:44px;font-size:.875rem}
.foot{margin-top:56px;padding-top:20px;border-top:1px solid var(--line-soft);font-size:.8125rem;color:var(--ink-3)}
.foot a{color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:3px}