/* ════════════════════════════════════════════════════════════════
   Páginas legales (Términos / Privacidad) — estilo Hacelo IA.
   Dark slate + coral, tipografía Inter. Matchea la landing /home.
   ════════════════════════════════════════════════════════════════ */
:root{
  --lg-bg:#0b1120; --lg-card:#131c31; --lg-ink:#f1f5f9; --lg-body:#cbd5e1;
  --lg-muted:#94a3b8; --lg-brand:#E0714E; --lg-brand-2:#F2926E;
  --lg-border:rgba(255,255,255,.08);
  --lg-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--lg-bg); color:var(--lg-body);
  font-family:var(--lg-font); font-size:16px; line-height:1.75;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}

/* ─── Nav ─── */
.lg-nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 6%; border-bottom:1px solid var(--lg-border);
  background:rgba(11,17,32,.85); backdrop-filter:blur(12px);
  position:sticky; top:0; z-index:10;
}
.lg-nav .brand-logo{height:52px; width:auto; display:block}
.lg-back{
  font-size:14px; font-weight:600; color:var(--lg-muted); text-decoration:none;
  display:inline-flex; align-items:center; gap:7px; transition:color .15s;
}
.lg-back:hover{color:var(--lg-brand-2)}

/* ─── Contenido ─── */
.lg-wrap{max-width:760px; margin:0 auto; padding:60px 6% 32px}
.lg-wrap h1{
  font-size:clamp(30px,5vw,42px); font-weight:800; letter-spacing:-.025em;
  color:var(--lg-ink); margin:0 0 10px; line-height:1.08;
}
.lg-date{
  font-size:13.5px; color:var(--lg-muted); margin:0 0 40px;
  padding-bottom:24px; border-bottom:1px solid var(--lg-border);
}
.lg-wrap h2{
  font-size:19px; font-weight:700; color:var(--lg-brand-2);
  margin:42px 0 12px; letter-spacing:-.01em;
}
.lg-wrap p{margin:0 0 14px; color:var(--lg-body)}
.lg-wrap ul{margin:0 0 16px; padding-left:22px; color:var(--lg-body)}
.lg-wrap li{margin-bottom:7px}
.lg-wrap a{
  color:var(--lg-brand-2); text-decoration:none;
  border-bottom:1px solid rgba(242,146,110,.35); transition:border-color .15s;
}
.lg-wrap a:hover{border-color:var(--lg-brand-2)}
.lg-wrap strong{color:var(--lg-ink); font-weight:600}
.lg-wrap code{
  background:rgba(255,255,255,.06); border:1px solid var(--lg-border);
  border-radius:6px; padding:1px 6px; font-size:13.5px;
  font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace; color:#e8edf3;
}

/* ─── Footer ─── */
.lg-foot{
  border-top:1px solid var(--lg-border); text-align:center;
  font-size:13px; color:var(--lg-muted); padding:28px 6%; margin-top:48px;
}
.lg-foot a{color:var(--lg-muted); text-decoration:none}
.lg-foot a:hover{color:var(--lg-brand-2)}

@media(max-width:600px){
  .lg-nav .brand-logo{height:40px}
  .lg-back{font-size:13px}
  .lg-wrap{padding:44px 7% 28px}
}