/* Hoja compartida por aviso-legal.html, privacidad.html y cookies.html */
:root{
  --ground:#F1F0EC; --surface:#FFFFFF; --surface-2:#E9E7E1;
  --ink:#16171A; --ink-2:#4A4E54; --muted:#767B81;
  --line:#DCDAD4; --line-strong:#C2BFB6; --accent:#0B6E7F;
  --font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-body:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#101114; --surface:#191B1F; --surface-2:#22252A;
    --ink:#E8E9EC; --ink-2:#B6BAC0; --muted:#868C93;
    --line:#292C32; --line-strong:#3B3F47; --accent:#3FB3C4;
  }
}
:root[data-theme="dark"]{
  --ground:#101114; --surface:#191B1F; --surface-2:#22252A;
  --ink:#E8E9EC; --ink-2:#B6BAC0; --muted:#868C93;
  --line:#292C32; --line-strong:#3B3F47; --accent:#3FB3C4;
}
*{box-sizing:border-box}
body{margin:0; background:var(--ground); color:var(--ink); font-family:var(--font-body);
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display); font-weight:700; line-height:1.16; margin:0; text-wrap:balance}
p,ul,ol{margin:0}
a{color:var(--accent); text-underline-offset:2px}
.wrap{max-width:720px; margin:0 auto; padding:0 22px}

header.top{padding:22px 0; border-bottom:1px solid var(--line)}
.back{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:12px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--muted); text-decoration:none}
.back:hover{color:var(--ink)}

.doc{padding:44px 0 20px}
.doc .eyebrow{font-family:var(--font-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted)}
.doc h1{font-size:clamp(28px,5vw,40px); letter-spacing:-.025em; margin-top:10px}
.doc .updated{font-family:var(--font-mono); font-size:12px; color:var(--muted); margin-top:12px}

section{margin-top:34px}
section h2{font-size:20px; letter-spacing:-.015em; padding-bottom:8px; border-bottom:1px solid var(--line)}
section h3{font-size:16px; margin-top:20px}
section p{margin-top:12px; color:var(--ink-2)}
section ul,section ol{margin-top:12px; padding-left:20px; color:var(--ink-2); display:flex; flex-direction:column; gap:8px}
section li strong{color:var(--ink)}

.card{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin-top:16px}
.card dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:8px 18px; align-items:baseline}
.card dt{font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)}
.card dd{margin:0; color:var(--ink)}
@media(max-width:520px){.card dl{grid-template-columns:1fr; gap:2px} .card dd{margin-bottom:10px}}

.callout{border-left:3px solid var(--accent); background:var(--surface); border-radius:0 10px 10px 0;
  padding:14px 18px; margin-top:16px; color:var(--ink-2); font-size:16px}
.callout strong{color:var(--ink)}

table{width:100%; border-collapse:collapse; margin-top:14px; font-size:15px}
th{text-align:left; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); font-weight:500; padding:0 10px 8px 0; border-bottom:1px solid var(--line-strong)}
td{padding:10px 10px 10px 0; border-bottom:1px solid var(--line); color:var(--ink-2); vertical-align:top}
td code{font-family:var(--font-mono); font-size:13px; color:var(--ink)}

footer{margin-top:52px; padding:24px 0 44px; border-top:1px solid var(--line); color:var(--muted); font-size:14px}
footer a{color:var(--ink-2); text-decoration:none}
footer a:hover{text-decoration:underline}
footer .row{display:flex; gap:14px; flex-wrap:wrap; justify-content:space-between}