:root{--ink:#141414;--ink2:#555555;--line:rgba(0,0,0,.12);--bg:#FFFFFF;--chip:#F2F2F2;--beige:#F7EDE5;--red:#D7282F;--mus:#141414;
  --font:"Sora",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--disp:"Bebas Neue","Oswald","Arial Narrow",Impact,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
[hidden]{display:none!important}

.lg-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(20px,calc((100vw - 1100px)/2));background:#0e0e0e;color:#fff}
.lg-marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--disp);font-size:1.6rem;letter-spacing:.04em;line-height:1}
.lg-marca img{width:38px;height:38px;border-radius:50%}
.lg-acc{display:flex;align-items:center;gap:10px}
.lg-volver{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}
.lg-volver:hover{background:rgba(255,255,255,.2)}
.lang-btn{display:inline-flex;align-items:center;height:38px;padding:3px;gap:2px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:none;color:#fff;font:inherit;cursor:pointer}
.lang-btn .lg{display:grid;place-items:center;min-width:32px;height:30px;padding:0 .5rem;border-radius:999px;font-weight:700;font-size:.74rem;letter-spacing:.08em;line-height:1;opacity:.55}
.lang-btn .lg.on{background:#fff;color:var(--ink);opacity:1}

.lg-main{padding:48px 20px 64px}
.lg-doc{max-width:720px;margin:0 auto}
.lg-doc h1{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(2.6rem,7vw,4.2rem);line-height:.95;letter-spacing:.02em}
.lg-act{margin:10px 0 0;font-size:.85rem;color:var(--ink2)}
.lg-intro{margin:22px 0 0;font-size:1.06rem;line-height:1.7}
.lg-indice{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px;padding:18px;border-radius:18px;background:var(--beige)}
.lg-indice a{padding:6px 12px;border-radius:999px;background:#fff;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap}
.lg-indice a:hover{background:var(--ink);color:#fff}
.lg-doc section{padding:30px 0 4px;border-bottom:1px solid var(--line)}
.lg-doc section:last-child{border-bottom:0}
.lg-doc h2{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.lg-doc h2 span{flex:none;display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:9px;background:var(--ink);color:#fff;font-family:var(--disp);font-weight:400;font-size:1.15rem;line-height:1;transform:translateY(-2px)}
.lg-doc p{margin:0 0 14px;color:#2d2d2d}
.lg-doc b{color:var(--ink)}
.lg-doc section a{color:var(--red);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}

.lg-pie{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding:22px max(20px,calc((100vw - 1100px)/2)) calc(22px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #ececec;font-size:.82rem;color:#8a8a8a}
.lg-pie a{font-weight:600}

@media (max-width:560px){
  body{font-size:15px}
  .lg-marca span{display:none}
  .lg-volver{padding:0 12px;font-size:.8rem}
  .lg-main{padding:32px 16px 48px}
  .lg-indice{padding:14px;gap:6px}
  .lg-indice a{font-size:.78rem}
  .lg-doc section{padding-top:24px}
  .lg-doc h2{font-size:1.12rem}
}