/* LS Strategy · aviso de privacidad (sitio/privacidad.html; encargo 007, parte D). Usa los tokens, la base y
   la marca de css/portada.css. Sin nada en línea: la CSP no cambia. */
body.privacidad{background:var(--bg);color:var(--ink)}
.priv-cab{background:var(--band);color:var(--band-fg)}
.priv-cab .in,.priv-pie .in{max-width:860px}   /* alineados con la columna del texto */
.priv-cab .in{padding-block:16px}
.priv-cab .marca{display:inline-block}
.priv-cab .marca-logo{height:28px;width:auto;display:block}
.priv-texto{max-width:860px;padding-block:28px 40px;display:grid;gap:12px}
.priv-texto h1{font-size:clamp(2rem,7vw,3rem);max-width:none}
.priv-texto h2{font-family:var(--display);font-weight:700;letter-spacing:-0.015em;line-height:1.15;font-size:1.3rem;margin:22px 0 0}
.priv-texto ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
.priv-texto ul ul{margin-top:6px}
.priv-version{font-family:var(--mono);font-size:.82rem;color:var(--muted)}
.pending{background:var(--warn-bg);color:var(--warn-ink);padding:1px 7px;border-radius:4px}
.priv-tabla{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.45;background:var(--surface)}
.priv-tabla th,.priv-tabla td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.priv-tabla thead th{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--alt)}
.priv-tabla tbody th{font-family:var(--display);font-weight:700}
/* En celular la tabla de 5 columnas no cabe: cada fila pasa a ser una tarjeta, con el nombre de la columna
   antes de cada dato (data-titulo; el texto del aviso no cambia). */
@media(max-width:759.98px){
  .priv-tabla,.priv-tabla tbody,.priv-tabla tr,.priv-tabla th,.priv-tabla td{display:block}
  .priv-tabla{background:none}
  .priv-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .priv-tabla tr{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
  .priv-tabla th,.priv-tabla td{border:0;border-top:1px solid var(--line)}
  .priv-tabla tbody th{border-top:0;background:var(--alt);font-size:1.02rem}
  .priv-tabla td::before{content:attr(data-titulo);display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
}
.priv-pie{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.priv-pie .in{padding-block:20px 28px}
.priv-pie a{color:inherit}