/* Páginas legales (privacidad y cookies) — misma paleta que la web */
:root{
  --bg: #0b1426;
  --surface: #111d35;
  --surface-2: #182648;
  --line: rgba(245,240,230,0.10);
  --line-strong: rgba(245,240,230,0.18);
  --text: #f5f0e6;
  --muted: #a9b0c0;
  --muted-2: #6f7a94;
  --blue: #d4af5a;
  --blue-dim: rgba(212,175,90,0.17);
  --green: #8fb0e8;
  --maxw: 860px;
}
*{ box-sizing: border-box; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
}
a{ color: var(--blue); overflow-wrap: anywhere; }
.wrap{ max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }

header{ border-bottom: 1px solid var(--line); }
header .wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:18px; padding-bottom:18px; }
.logo{
  display:flex; align-items:center; gap:12px;
  font-weight:300; font-size:14px; letter-spacing:0.2em;
  color: var(--text); text-decoration:none;
}
.logo img{ height:40px; width:auto; display:block; }
.logo b{ font-weight:700; }
.back{ font-family:'IBM Plex Mono', monospace; font-size:12.5px; color: var(--muted); text-decoration:none; }
.back:hover{ color: var(--blue); }

main{ padding: 64px 0 96px; }
h1, h2{ font-family:'Playfair Display', Georgia, serif; font-weight:600; letter-spacing:-0.01em; }
h1{ font-size: clamp(32px, 5vw, 44px); margin: 0 0 8px; line-height:1.15; }
.updated{ font-family:'IBM Plex Mono', monospace; font-size:12px; color: var(--muted-2); margin: 0 0 40px; }
h2{ font-size: 22px; margin: 48px 0 12px; scroll-margin-top: 24px; }
h3{ font-size: 16px; font-weight:600; color: var(--text); margin: 28px 0 8px; }
p, li{ color: var(--muted); font-size: 15px; }
li{ margin-bottom: 6px; }
strong{ color: var(--text); font-weight:600; }

.card{
  border:1px solid var(--line); border-radius:14px; background: var(--surface);
  padding: 18px 22px; margin: 18px 0;
}
.card p{ margin: 4px 0; }
.toc{ columns: 2; column-gap: 32px; padding-left: 20px; }
.toc li{ font-size: 14px; break-inside: avoid; }
.toc a{ text-decoration:none; }
.toc a:hover{ text-decoration:underline; }

.table-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:14px; margin: 18px 0; }
table{ width:100%; border-collapse: collapse; font-size: 13.5px; min-width: 640px; }
th, td{ text-align:left; padding: 12px 14px; border-bottom:1px solid var(--line); vertical-align:top; }
th{ font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color: var(--muted-2); background: var(--surface); font-weight:500; }
td{ color: var(--muted); }
td:first-child{ font-family:'IBM Plex Mono', monospace; color: var(--text); white-space:nowrap; }
.table-wrap.plain td:first-child{ font-family: inherit; white-space: normal; }
tr:last-child td{ border-bottom:none; }
.tag{ display:inline-block; font-family:'IBM Plex Mono', monospace; font-size:11px; padding: 2px 8px; border-radius:999px; white-space:nowrap; }
.tag.nec{ background: var(--blue-dim); color: var(--blue); }
.tag.ana{ background: rgba(143,176,232,0.17); color: var(--green); }
.tag.mkt{ background: rgba(245,240,230,0.08); color: var(--text); }

.settings-btn{
  display:inline-block; margin-top: 8px;
  font-family:'IBM Plex Mono', monospace; font-size: 13px;
  padding: 12px 20px; border-radius: 10px;
  background: var(--blue); color: var(--bg); text-decoration:none; font-weight:500;
}
.settings-btn:hover{ filter: brightness(1.08); }

footer{ border-top: 1px solid var(--line); padding: 28px 0; font-size: 13px; color: var(--muted-2); line-height: 2; }
footer a{ color: var(--muted); text-decoration:none; }
footer a:hover{ color: var(--blue); }

@media (max-width: 640px){
  main{ padding: 40px 0 72px; }
  .wrap{ padding: 0 16px; }
  .toc{ columns: 1; }
  .logo span{ display:none; }
}