/* =========================================================
   ALEXTOLL · Páginas de texto (aviso legal, privacidad,
   cookies, gracias, 404). Usa tokens.css, base.css y layout.css.
   ========================================================= */
.page{padding:clamp(40px,6vw,72px) 0 88px}
.page .wrap{max-width:780px}
.page .meta{font-size:var(--fs-sm);color:var(--muted);margin-bottom:10px}
.page h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px}
.page h2{font-size:1.15rem;margin:40px 0 10px}
.page p,.page li{max-width:68ch}
.page p + p{margin-top:12px}
.page ul{padding-left:1.2em;display:grid;gap:6px;margin-top:10px}
.page a:not(.btn){color:var(--accent)}
.page .lede{font-size:var(--fs-md);color:var(--muted)}
.todo{background:var(--accent-soft);border:1px dashed var(--accent);border-radius:var(--r);padding:0 4px}
.box{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);padding:18px 20px;margin-top:24px}
.box p{line-height:1.8}
.tbl{overflow-x:auto;margin-top:14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{font-weight:700;border-bottom:1px solid var(--rule)}
td code{font-family:var(--f-mono);font-size:.85rem}
.tbl + p{margin-top:14px}
.page .linkbtn{color:var(--accent);text-decoration:underline}
.page .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* Tabla en móvil: cada fila se convierte en una ficha */
@media (max-width: 620px){
  .tbl{border:0;background:none}
  table{min-width:0}
  thead{display:none}
  table,tbody,tr,td{display:block}
  tr{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);padding:6px 0;margin-bottom:10px}
  td{border:0;padding:6px 16px;display:grid;grid-template-columns:7.5em 1fr;gap:10px}
  td::before{content:attr(data-label);font-weight:600;color:var(--muted)}
}

/* Página 404 */
.lost{display:grid;gap:18px;justify-items:start}
.lost .code{font-size:clamp(4rem,16vw,8rem);font-weight:800;font-stretch:125%;line-height:.9;letter-spacing:-.04em;color:var(--accent);font-family:var(--f-sans)}