/* ═══════════════════════════════════════════════════════════════════════
   legal.css — Estilo de las páginas legales (aviso legal, privacidad, cookies)
   (v1.9.5). Reutiliza las variables :root de trivialista.css. Prefijo lg-.
   Diseño sobrio y legible: son páginas de lectura, priman claridad y jerarquía.
═══════════════════════════════════════════════════════════════════════ */
.lg-wrap{max-width:820px;margin:0 auto;padding:36px 24px 80px;font-family:var(--font-body,'Inter',sans-serif);color:var(--text)}
.lg-head{margin-bottom:28px;padding-bottom:22px;border-bottom:2px solid var(--border)}
.lg-head h1{font-family:var(--font-head);font-size:2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}
.lg-head .lg-updated{color:var(--muted);font-size:.85rem}
.lg-toc{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:18px 22px;margin-bottom:30px}
.lg-toc b{font-family:var(--font-head);font-size:.9rem;display:block;margin-bottom:8px}
.lg-toc ol{margin:0;padding-left:20px}
.lg-toc li{margin:4px 0}
.lg-toc a{color:var(--blue);text-decoration:none;font-size:.9rem}
.lg-toc a:hover{text-decoration:underline}
.lg-wrap h2{font-family:var(--font-head);font-size:1.25rem;font-weight:800;margin:32px 0 12px;
  padding-top:12px;color:var(--text)}
.lg-wrap h3{font-family:var(--font-head);font-size:1.02rem;font-weight:700;margin:20px 0 8px}
.lg-wrap p{line-height:1.7;margin:0 0 14px;color:#37445c}
.lg-wrap ul{margin:0 0 16px;padding-left:22px}
.lg-wrap li{line-height:1.65;margin:6px 0;color:#37445c}
.lg-wrap a{color:var(--blue)}
/* Huecos a rellenar: resaltados para que sea IMPOSIBLE publicarlos por error */
.lg-fill{background:#FFF3CD;border:1px dashed #C79100;border-radius:6px;
  padding:1px 7px;font-weight:700;color:#7a5b00;font-family:var(--font-head);font-size:.9em;white-space:nowrap}
.lg-note{background:rgba(58,134,255,.08);border-left:4px solid var(--blue);border-radius:8px;
  padding:14px 18px;margin:18px 0;font-size:.9rem;line-height:1.6}
.lg-note b{font-family:var(--font-head)}
/* Tabla de cookies */
.lg-table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:.85rem}
.lg-table th,.lg-table td{border:1px solid var(--border);padding:9px 12px;text-align:left;vertical-align:top}
.lg-table th{background:var(--bg);font-family:var(--font-head);font-weight:700}
.lg-table td{color:#37445c;line-height:1.5}
.lg-cfg{display:inline-block;margin-top:6px;background:var(--teal);color:var(--dark);
  font-family:var(--font-head);font-weight:700;border:none;border-radius:11px;padding:11px 20px;cursor:pointer}
.lg-cfg:hover{transform:translateY(-2px)}
@media (max-width: 600px){
  .lg-wrap{padding:24px 16px 60px}
  .lg-head h1{font-size:1.6rem}
  /* La tabla de cookies pasa a tarjetas apiladas (v1.9.13) */
  .lg-table, .lg-table tbody, .lg-table tr, .lg-table td{display:block;width:100%}
  .lg-table thead{position:absolute;left:-9999px}
  .lg-table{border-collapse:separate;font-size:.85rem}
  .lg-table tr{border:1px solid var(--border);border-radius:10px;padding:6px 12px;margin-bottom:12px}
  .lg-table td{border:0;padding:7px 0;display:flex;justify-content:space-between;gap:14px;text-align:right}
  .lg-table td::before{content:attr(data-label);font-family:var(--font-head);font-weight:700;
    color:var(--text);text-align:left;flex:0 0 auto}
  .lg-table td + td{border-top:1px dashed var(--border)}
  /* En móvil el hueco a rellenar puede partir en varias líneas sin desbordar */
  .lg-fill{white-space:normal}
}