/* Páginas legales · The Lukso Group
   Consume el design system; aquí solo va el layout de un documento de texto.
   Sin hero, sin canvas, sin vestidor: son páginas para leer. */
.shell{max-width:780px;margin-inline:auto;padding-inline:clamp(20px,4.5vw,54px)}
.saltar{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-200%);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  background:var(--ink);color:var(--on-ink);padding:11px 18px;text-decoration:none;
  transition:transform var(--fast) var(--ease)}
.saltar:focus{transform:none}
.top{border-bottom:1px solid var(--line)}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding-block:14px;max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,4.5vw,54px)}
.top a{color:var(--ink);text-decoration:none;display:flex;align-items:center}
.top .volver{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-tenue);min-height:44px;align-items:center}
.top .volver:hover{color:var(--ink)}

.doc{padding-block:clamp(48px,8vw,104px) clamp(64px,10vw,128px)}
.doc .eb{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);display:block;margin-bottom:var(--space-4)}
.doc h1{font-family:var(--font-serif);font-style:italic;font-weight:500;
  font-size:clamp(30px,5vw,54px);line-height:1.05;letter-spacing:-.025em;margin:0;text-wrap:balance}
.doc .fecha{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-tenue);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);display:block}
.doc h2{font-family:var(--font-sans);font-weight:600;font-size:19px;letter-spacing:-.015em;
  margin:clamp(40px,5vw,64px) 0 var(--space-3)}
.doc p,.doc li{color:var(--ink-tenue);font-size:16px;line-height:1.7;margin:0 0 var(--space-3)}
.doc ul{padding-left:20px;margin:0 0 var(--space-3)}
.doc a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent)}
.doc a:hover{color:var(--accent)}
.doc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0 0 var(--space-4);
  font-family:var(--font-mono);font-size:12.5px;line-height:1.7}
.doc dt{color:var(--ink-tenue);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;padding-top:3px}
.doc dd{margin:0;color:var(--ink)}

/* Marcador de dato pendiente. Deliberadamente ruidoso: estas páginas no se
   publican con un solo hueco sin rellenar. */
.falta{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;
  color:var(--accent);border:1px solid var(--accent);padding:2px 7px;display:inline-block}

.pie{border-top:1px solid var(--line);padding-block:clamp(38px,5vw,64px) clamp(28px,4vw,48px);
  display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
  max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,4.5vw,54px)}
.pie .legal{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-tenue);letter-spacing:.06em;line-height:2}
.pie .legal a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-2)}
.pie .legal a:hover{color:var(--ink);border-bottom-color:var(--accent)}