/* ============================================================
   PÁGINAS LEGALES — hereda tokens de base.css
   ============================================================ */

body.legal{background:var(--cream);color:var(--ink)}

.legal-header{
  background:var(--ink);color:var(--cream);
  padding:clamp(48px,8vw,76px) 24px clamp(36px,5vw,52px);
  text-align:center;
}
.legal-header__eyebrow{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--sol);margin-bottom:14px;
}
.legal-header h1{
  font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(34px,7vw,64px);line-height:1.05;margin-bottom:14px;
}
.legal-header p{
  font-family:var(--font-mono);font-size:13px;color:var(--cream-55);letter-spacing:.05em;
}

.legal-wrap{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,64px) 24px clamp(64px,8vw,96px)}

.legal-toc{
  background:#fff;border:1.5px solid var(--ink-12);border-radius:14px;
  padding:24px 28px;margin-bottom:48px;
}
.legal-toc__title{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--tierra);margin-bottom:14px;
}
.legal-toc ol{padding-left:1.2rem;margin:0}
.legal-toc li{margin-bottom:6px;font-size:15px}
.legal-toc a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.legal-toc a:hover{border-bottom-color:var(--sol)}

.legal-section{margin-bottom:44px;padding-bottom:44px;border-bottom:1.5px solid var(--ink-12)}
.legal-section:last-child{border-bottom:none}

.legal-section h2{
  font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:-.01em;
  margin-bottom:18px;display:flex;align-items:baseline;gap:12px;color:var(--ink);
}
.legal-section h2 .sec-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--tierra);flex-shrink:0}

.legal-section p{margin-bottom:14px;color:var(--ink-82);font-size:16px;line-height:1.7}
.legal-section ul{padding-left:1.4rem;margin-bottom:14px}
.legal-section li{margin-bottom:6px;font-size:16px;color:var(--ink-82);line-height:1.6}
.legal-section strong{color:var(--ink);font-weight:700}

.rights-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0}
@media(min-width:560px){.rights-grid{grid-template-columns:1fr 1fr}}
.right-card{background:#fff;border:1.5px solid var(--ink-12);border-radius:10px;padding:16px 18px}
.right-card-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sol);margin-bottom:6px}
.right-card p{font-size:14px!important;margin:0!important}

.legal-contact-box{background:var(--ink);color:var(--cream);border-radius:14px;padding:26px 28px;margin-top:18px}
.legal-contact-box p{color:var(--cream-85)!important;font-size:15px!important;margin-bottom:6px!important}
.legal-contact-box strong{color:var(--sol)!important}

.legal-back{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cream-70);text-decoration:none;
}
.legal-back:hover{color:var(--sol)}

@media(max-width:640px){.legal-wrap{padding:32px 18px 56px}}