/* esferiko · páginas legales (Terms / Privacy / Legal Notice)
   Mismos tokens que el resto del sitio. */
:root{
  --bg:#0a0a08;
  --bg-soft:#121210;
  --bg-card:#16140f;
  --line:rgba(251,197,13,.18);
  --line-strong:rgba(251,197,13,.4);
  --gold:#FBC50D;
  --cream:#f5f0e8;
  --cream-dim:#d8d2c5;
  --muted:#8a8478;
  --display:'Cormorant Garamond', serif;
  --body:'Inter', system-ui, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--cream);
  font-family:var(--body);font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--gold);color:var(--bg)}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}

/* barra superior simple */
.lg-top{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 3rem;
  background:rgba(10,10,8,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.lg-logo{font-family:var(--display);font-size:1.8rem;font-weight:500;color:var(--cream);letter-spacing:.01em}
.lg-logo:hover{text-decoration:none;color:var(--gold)}
.lg-logo sup{font-size:.5em;color:var(--gold);vertical-align:super}
.lg-lang{display:flex;gap:.4rem;font-size:.72rem;letter-spacing:.15em;color:var(--muted)}
.lg-lang button{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;padding:.2rem}
.lg-lang button.on{color:var(--gold)}

/* contenido */
.lg-wrap{max-width:820px;margin:0 auto;padding:5rem 1.5rem 6rem}
.lg-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.lg-wrap h1{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6vw,4rem);line-height:1.05;margin:.8rem 0 1rem}
.lg-updated{font-size:.82rem;color:var(--muted);margin-bottom:3rem}
.lg-toc{border:1px solid var(--line);background:var(--bg-soft);padding:1.4rem 1.6rem;margin-bottom:3.5rem}
.lg-toc p{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.lg-toc ol{padding-left:1.2rem;color:var(--cream-dim);font-size:.92rem}
.lg-toc a{color:var(--cream-dim)}
.lg-toc a:hover{color:var(--gold)}
.lg-wrap h2{
  font-family:var(--display);font-weight:500;font-size:1.75rem;line-height:1.2;
  margin:3rem 0 1rem;padding-top:1.2rem;border-top:1px solid var(--line);scroll-margin-top:90px;
}
.lg-wrap h3{font-size:.95rem;font-weight:500;color:var(--cream);margin:1.6rem 0 .5rem}
.lg-wrap p,.lg-wrap li{color:var(--cream-dim);font-size:.97rem}
.lg-wrap p{margin-bottom:1rem}
.lg-wrap ul{padding-left:1.2rem;margin-bottom:1rem}
.lg-wrap li{margin-bottom:.4rem}
.lg-wrap strong{color:var(--cream);font-weight:500}

.lg-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.88rem}
.lg-table th,.lg-table td{border:1px solid var(--line);padding:.7rem .8rem;text-align:left;vertical-align:top;color:var(--cream-dim)}
.lg-table th{background:var(--bg-card);color:var(--gold);font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.lg-tablewrap{overflow-x:auto}

.lg-card{border:1px solid var(--line);background:var(--bg-card);padding:1.4rem 1.6rem;margin:1rem 0 1.5rem}
.lg-card p{margin-bottom:.35rem}

/* datos pendientes de completar: se ven a simple vista */
.ph{background:rgba(251,197,13,.14);color:var(--gold);border:1px dashed var(--line-strong);padding:0 .3em;border-radius:3px;font-weight:400}

/* pie */
.lg-foot{border-top:1px solid var(--line);padding:2rem 3rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;font-size:.8rem;color:var(--muted)}
.lg-foot nav{display:flex;flex-wrap:wrap;gap:1.4rem}
.lg-foot a{color:var(--muted)}
.lg-foot a:hover,.lg-foot a.on{color:var(--gold);text-decoration:none}

/* idioma: sólo se muestra el bloque del idioma activo */
html[lang="en"] [data-lang="es"],
html[lang="es"] [data-lang="en"]{display:none!important}

@media(max-width:700px){
  .lg-top{padding:1rem 16px}
  .lg-wrap{padding:3rem 16px 4rem}
  .lg-foot{padding:1.5rem 16px;flex-direction:column}
}