/* privacidad.html — page-specific rules only. Shared reset, body base,
   .wrap/.mono, and footer come from kenzly.css. */

body { line-height: var(--lh-prose); }
.foot-links { flex-wrap: wrap; }

/* ── Nav (simplified — no pill, no links, no burger) ─────────────── */
nav { padding: 1.6rem 0; }
.nav-logo { display: inline-flex; flex-direction: column; text-decoration: none; color: var(--text-primary); }
.nav-logo b { font-size: .88rem; font-weight: var(--fw-semibold); letter-spacing: var(--ls-brand); }
.nav-logo small {
  font-size: .3rem; letter-spacing: var(--ls-wordmark-sub); color: var(--text-muted);
  font-weight: var(--fw-regular); margin-top: 3px;
}
.back-link {
  display: inline-flex; align-items: center; gap: .4rem;
  margin-top: 1rem; text-decoration: none; color: var(--text-muted);
  font-family: var(--font-mono); font-size: .62rem;
  letter-spacing: .14em; text-transform: uppercase;
  transition: color var(--dur);
}
.back-link:hover { color: var(--accent); }

/* ── Document ─────────────────────────────────────────────────────── */
main { padding: 2rem 0 5rem; }
.doc-card {
  background: var(--surface-card); border-radius: var(--radius-xl);
  box-shadow: var(--shadow-raised); padding: clamp(1.8rem, 5vw, 3.6rem);
}
.doc-eyebrow {
  color: var(--accent); font-family: var(--font-mono);
  font-size: .6rem; letter-spacing: var(--ls-eyebrow); text-transform: uppercase;
}
h1 {
  font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: var(--fw-semibold);
  letter-spacing: -.01em; margin: .6rem 0 .3rem;
}
.updated { color: var(--text-muted); font-size: .85rem; margin-bottom: 2rem; }
h2 {
  font-size: 1.15rem; font-weight: var(--fw-semibold); color: var(--text-secondary);
  margin: 2.4rem 0 .9rem; padding-top: 1.4rem;
  border-top: 1px solid var(--border-strong);
}
h2:first-of-type { border-top: none; padding-top: 0; margin-top: 1.6rem; }
h3 {
  font-size: .98rem; font-weight: var(--fw-semibold); color: var(--text-secondary);
  margin: 1.4rem 0 .6rem;
}
p { margin-bottom: 1rem; color: var(--text-secondary); font-size: .94rem; }
ul { margin: 0 0 1rem 1.3rem; }
li { margin-bottom: .45rem; color: var(--text-secondary); font-size: .94rem; }
strong { color: var(--text-primary); font-weight: var(--fw-semibold); }
a.inline { color: var(--accent); text-decoration: none; }
a.inline:hover { text-decoration: underline; }
.foot-note {
  margin-top: 2.4rem; padding-top: 1.4rem;
  border-top: 1px solid var(--border-strong);
  font-style: italic; color: var(--text-muted); font-size: .82rem;
}