/* ══════════════════════════════════════════════════════════════════
   LEGAL PAGES (03/07/2026) — capa sobre landing.css (tokens + nav +
   footer). Solo tipografía de documento largo + tablas informativas.
   ══════════════════════════════════════════════════════════════════ */

.legal-main{max-width:860px;margin:0 auto;padding:140px clamp(20px,4vw,40px) 80px}
.legal-main h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.5vw,44px);letter-spacing:-.02em;line-height:1.08;margin:0 0 10px}
.legal-updated{font-family:var(--font-mono);font-size:13px;color:var(--muted);margin:0 0 34px}
.legal-main h2{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2.6vw,25px);letter-spacing:-.015em;margin:44px 0 12px}
.legal-main h3{font-family:var(--font-display);font-weight:600;font-size:17px;margin:28px 0 8px}
.legal-main p,.legal-main li{font-size:16px;line-height:1.65;color:var(--ink-2)}
.legal-main ul,.legal-main ol{padding-left:22px;margin:10px 0 18px}
.legal-main li{margin:6px 0}
.legal-main a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.legal-main strong{color:var(--ink)}

/* aviso destacado (p. ej. resumen en lenguaje llano) */
.legal-note{background:var(--paper);border:1px solid var(--line-2);border-radius:14px;padding:18px 20px;margin:22px 0;box-shadow:0 1px 2px rgba(14,19,17,.04)}
.legal-note p{margin:0;font-size:15px}
.legal-note .tag{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--lime,#d4fb4f);color:#0a2b22;border-radius:6px;padding:3px 8px;margin-bottom:8px}

/* tablas (cookies, bases jurídicas, encargados) */
.legal-table{width:100%;border-collapse:collapse;margin:16px 0 26px;font-size:14.5px;background:var(--paper);border:1px solid var(--line-2);border-radius:12px;overflow:hidden}
.legal-table th{font-family:var(--font-display);font-weight:600;text-align:left;padding:10px 14px;background:var(--bg-2);border-bottom:1px solid var(--line-2);font-size:13.5px}
.legal-table td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5;color:var(--ink-2)}
.legal-table tr:last-child td{border-bottom:none}
.legal-table code{font-family:var(--font-mono);font-size:12.5px;background:var(--bg-2);padding:1px 6px;border-radius:5px}

/* índice de páginas legales al pie de cada documento */
.legal-siblings{margin-top:56px;padding-top:22px;border-top:1px solid var(--line-2);font-size:14px;color:var(--muted)}
.legal-siblings a{margin-right:14px}

/* la tabla desborda en móvil dentro de un scroller propio, no de la página */
.legal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-scroll .legal-table{min-width:560px}

@media (max-width:640px){
  .legal-main{padding-top:112px}
}