/* Páginas legales (privacidad, términos, cookies): ligeras y legibles */
:root {
  --bg: #0e0c0a; --surface: #1b1814; --surface-2: #24201b; --line: #352f27;
  --text: #f6efe4; --text-2: #c9bba6; --text-3: #8d7f6c; --amber: #f5b83d; --amber-2: #ffd27a;
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f6f0e6; --surface: #ffffff; --surface-2: #f1e8da; --line: #e3d6c3;
  --text: #2a1d12; --text-2: #5a4836; --text-3: #8a7560; --amber: #c27c12; --amber-2: #a3650f;
  color-scheme: light;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--text); font: 500 16px/1.65 var(--font);
  background-image: radial-gradient(900px 500px at 10% -10%, rgba(245, 184, 61, .09), transparent 60%);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--amber); text-underline-offset: 3px; }
.lg-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 820px; margin: 0 auto; padding: 18px 20px; }
.lg-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; font: 800 19px var(--font-display); }
.lg-brand img { border-radius: 27%; }
.lg-brand b { color: var(--amber); }
.lg-back { font-weight: 700; font-size: 14px; text-decoration: none; padding: 8px 14px; border-radius: 12px; border: 1px solid var(--line); color: var(--text); }
.lg-back:hover { border-color: var(--amber); }
.lg-nav { display: flex; gap: 8px; max-width: 820px; margin: 0 auto; padding: 0 20px; overflow-x: auto; scrollbar-width: none; }
.lg-nav a { flex: none; padding: 8px 14px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); color: var(--text-2); text-decoration: none; font-weight: 700; font-size: 14px; }
.lg-nav a.on { background: color-mix(in srgb, var(--amber) 15%, var(--surface)); border-color: var(--amber); color: var(--text); box-shadow: inset 0 0 0 1px var(--amber); }
.lg-main { max-width: 820px; margin: 18px auto 0; padding: 28px 22px 34px; background: var(--surface); border: 1px solid var(--line); border-radius: 24px; }
@media (max-width: 860px) { .lg-main { margin: 14px 12px 0; padding: 22px 18px 28px; } }
h1 { font: 800 clamp(28px, 6vw, 38px)/1.1 var(--font-display); margin: 0 0 6px; letter-spacing: -.02em; }
h2 { font: 800 20px/1.25 var(--font-display); margin: 30px 0 8px; }
.lg-updated { color: var(--text-3); font-size: 13px; margin: 0 0 18px; }
.lg-lead { font-size: 17px; color: var(--text-2); }
.lg-small { font-size: 14px; color: var(--text-3, var(--text-2)); }
p, li { color: var(--text-2); }
b { color: var(--text); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.lg-box { margin: 14px 0; padding: 14px 16px; border-radius: 16px; background: color-mix(in srgb, var(--amber) 9%, var(--surface-2)); border: 1px solid color-mix(in srgb, var(--amber) 30%, transparent); color: var(--text-2); }
.lg-table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 8px 0; }
.lg-table th, .lg-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.lg-table th { color: var(--text); font-size: 13px; text-transform: uppercase; letter-spacing: .05em; }
code { font-size: .9em; padding: 2px 6px; border-radius: 6px; background: var(--surface-2); color: var(--text); }
mark.hole { background: rgba(255, 79, 139, .18); color: #ff8fb1; border: 1px dashed rgba(255, 79, 139, .6); border-radius: 6px; padding: 0 5px; font-weight: 700; }
:root[data-theme="light"] mark.hole { color: #b0305a; }
.lg-foot { max-width: 820px; margin: 0 auto; padding: 22px 20px 40px; color: var(--text-3); font-size: 13px; text-align: center; }