/* Hoja de estilo de las páginas legales. Reutiliza los tokens de main.css
   (colores, tipografías, radios) para que no se sientan un anexo pegado. */
.legal-wrap{max-width:780px;margin:0 auto;padding:0 24px}
.legal-header{padding:56px 0 30px;border-bottom:1px solid var(--line)}
.legal-header .back{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.legal-header .back:hover{color:var(--bronze)}
.legal-header h1{font-family:var(--serif);font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.12;margin-top:18px;color:var(--ink)}
.legal-header .updated{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:14px}

.legal-body{padding:38px 0 70px;color:var(--graphite);font-size:1rem;line-height:1.72}
.legal-body h2{font-family:var(--serif);font-size:1.42rem;line-height:1.25;color:var(--ink);margin:44px 0 14px}
.legal-body h3{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink);margin:26px 0 8px}
.legal-body p{margin-bottom:14px}
.legal-body ul{margin:0 0 16px 20px;list-style:disc}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--bronze);text-decoration:underline;text-underline-offset:3px}
.legal-body a:hover{color:var(--ink)}
.legal-body dl{margin:0 0 18px}
.legal-body dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.legal-body dd{margin:2px 0 0}

.legal-table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:.94rem}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal-table th{background:var(--sand);font-family:var(--sans);font-weight:600;color:var(--ink)}

/* Banner de datos pendientes. Mismo patrón que en el resto de proyectos:
   visible, honesto, y acompañado de noindex hasta que los datos sean reales. */
.pending{border:1px solid var(--taupe);background:var(--sand);border-radius:4px;padding:16px 18px;margin:26px 0}
.pending strong{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:6px}
.pending p{margin:0;font-size:.93rem}
mark.todo{background:#F6E8C8;color:var(--ink);padding:1px 5px;border-radius:2px;font-family:var(--mono);font-size:.85em}

.legal-foot{border-top:1px solid var(--line);padding:26px 0 60px;font-size:.86rem;color:var(--muted)}
.legal-foot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-right:18px}
.legal-foot a:hover{color:var(--bronze)}
.legal-foot .copy{margin-top:14px}