/* ============================================================
   Civika · Páginas legales/institucionales (/legal/*)
   Reutiliza el layout del artículo de guía (guide-toc, guide-layout,
   guide-meta-row, guide-callout-*, ficha-*, card) -- aquí solo lo que
   ese sistema no cubre: listas neutras (sin el check verde de
   ficha-checklist, que no encaja en contenido legal) y tablas con
   cabecera para la página de cookies.
   ============================================================ */

.legal-list { display: flex; flex-direction: column; gap: var(--space-2); margin: 0 0 var(--space-3); padding: 0; list-style: none; }
.legal-list li { position: relative; padding-left: 18px; color: var(--slate-600); font-size: var(--text-sm); line-height: var(--leading-normal); }
.legal-list li::before { content: "–"; position: absolute; left: 0; color: var(--green-600); font-weight: 700; }

.legal-table-wrap { overflow-x: auto; margin-block: var(--space-4); }
.legal-table { width: 100%; min-width: 560px; border-collapse: collapse; background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--radius-lg); overflow: hidden; }
.legal-table th, .legal-table td { padding: var(--space-3) var(--space-4); font-size: var(--text-sm); text-align: left; border-bottom: 1px solid var(--slate-100); vertical-align: top; }
.legal-table th { background: var(--slate-50); color: var(--slate-500); font-weight: 700; }
.legal-table tr:last-child td { border-bottom: none; }