/* Términos y condiciones: lectura cómoda, índice fijo en escritorio. */
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body.legal{background:radial-gradient(900px 420px at 85% -10%,rgba(212,167,63,.08),transparent 70%),var(--ink)}

.lg-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);background:rgba(15,17,20,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lg-brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
.lg-brand img{width:30px;height:30px;object-fit:contain}
.lg-back{display:inline-flex;align-items:center;gap:.45rem;color:var(--mute);font-size:.88rem;transition:color var(--t-fast)}
.lg-back:hover{color:var(--gold)}

.lg-wrap{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;gap:3rem;padding:2.5rem clamp(1rem,4vw,2.5rem) 4rem}
.lg-toc{position:sticky;top:5.5rem;align-self:start;max-height:calc(100vh - 7rem);overflow:auto;font-size:.85rem}
.lg-toc strong{display:block;margin-bottom:.6rem;color:var(--steel);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.lg-toc ol{list-style:none;padding:0;display:grid;gap:.15rem;counter-reset:toc}
.lg-toc li{counter-increment:toc}
.lg-toc a{display:flex;gap:.55rem;padding:.3rem .5rem;border-radius:var(--r-sm);color:var(--mute);transition:color var(--t-fast),background var(--t-fast)}
.lg-toc a::before{content:counter(toc);min-width:1.2rem;color:#596370;font-variant-numeric:tabular-nums}
.lg-toc a:hover{color:var(--text);background:var(--panel)}

.lg-doc{min-width:0;line-height:1.7;color:#c9ced5}
.lg-head{padding-bottom:2rem;margin-bottom:.5rem;border-bottom:1px solid var(--line)}
.lg-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--gold);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.lg-head h1{margin:.5rem 0 .35rem;color:var(--text);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.02em}
.lg-meta{color:var(--steel);font-size:.85rem}
.lg-lead{margin-top:1rem;font-size:1.02rem}
.lg-summary{margin-top:1.5rem;padding:1.15rem 1.3rem;border:1px solid var(--gold-lo);border-radius:var(--r-md);background:radial-gradient(120% 160% at 0 0,rgba(212,167,63,.1),transparent 60%),var(--panel)}
.lg-summary strong{display:flex;align-items:center;gap:.5rem;color:var(--gold-hi)}
.lg-summary ul{margin-top:.6rem}

.lg-doc section{padding:2rem 0 .5rem}
.lg-doc h2{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem;color:var(--text);font-size:1.3rem;letter-spacing:-.01em}
.lg-doc h2 span{display:grid;place-items:center;width:1.9rem;height:1.9rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--gold);font-size:.85rem;font-variant-numeric:tabular-nums}
.lg-doc h3{margin:1.2rem 0 .35rem;color:var(--text);font-size:1rem}
.lg-doc p+p,.lg-doc p+ul,.lg-doc ul+p{margin-top:.7rem}
.lg-doc ul{padding-left:1.15rem;display:grid;gap:.5rem}
.lg-doc li::marker{color:var(--gold-lo)}
.lg-doc b{color:var(--text);font-weight:600}

.lg-contact{display:inline-flex;align-items:center;gap:.8rem;margin-top:.9rem;padding:.8rem 1.1rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);transition:border-color var(--t-fast),transform var(--t-fast)}
.lg-contact:hover{border-color:#25d366;transform:translateY(-1px)}
.lg-contact i{color:#25d366;font-size:1.5rem}
.lg-contact span{display:grid;line-height:1.35;color:var(--mute);font-size:.9rem}
.lg-contact strong{color:var(--text)}

.lg-foot{padding:1.5rem;border-top:1px solid var(--line);color:var(--steel);text-align:center}

@media (max-width:900px){
  .lg-wrap{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-top:1.5rem}
  .lg-toc{position:static;max-height:none;padding:1rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
  .lg-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .lg-toc ol{grid-template-columns:1fr}
  .lg-back span{display:none}
}
@media print{
  body.legal{background:#fff;color:#000}
  .lg-top,.lg-toc,.lg-foot{display:none}
  .lg-wrap{display:block;padding:0}
  .lg-doc,.lg-doc h1,.lg-doc h2,.lg-doc h3,.lg-doc b{color:#000}
}
