/* WARP · Páginas legales (/privacidad/, /terminos/, /cookies/, /cancelaciones/).
   Mismos tokens, tipografías y footer que /mobiliario/. */
:root{
  --azul:        oklch(41.1% 0.0998 243.2);
  --azul-deep:   oklch(31%   0.085  243.2);
  --azul-2:      oklch(63.7% 0.0662 230.4);
  --ink:         oklch(16.5% 0.004  280);
  --ink-soft:    oklch(34%   0.012  260);
  --ink-mute-aa: oklch(52%   0.0155 238.1);
  --paper:       oklch(98.3% 0.004  243);
  --paper-2:     oklch(96%   0.006  243);
  --line:        oklch(89%   0.008  243);
  --line-strong: oklch(81%   0.012  243);
  --r:10px;
  --r-lg:20px;
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:'raleway',sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--azul);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--azul-2);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-100px;z-index:9500;background:var(--azul);color:var(--paper);padding:12px 18px;border-radius:var(--r);font-weight:600;text-decoration:none}
.skip-link:focus{top:12px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}

.lg-header{border-bottom:1px solid var(--line);background:var(--paper)}
.lg-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px}
.lg-logo img{height:32px;width:auto;display:block}
.lg-back{font-weight:600;font-size:.92rem;text-decoration:none;color:var(--ink-soft)}
.lg-back:hover{color:var(--azul)}

.lg-main{padding:64px 0 96px}
.lg-doc{max-width:760px}
.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--azul);display:inline-flex;align-items:center;gap:11px}
.kicker::before{content:'';width:28px;height:2px;background:var(--azul)}
.lg-doc h1{font-family:'new-atten-round',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;line-height:1.05;font-size:clamp(2rem,4.4vw,3rem);margin-top:16px}
.lg-meta{margin-top:14px;color:var(--ink-mute-aa);font-size:.9rem}
.lg-lead{margin-top:24px;font-size:1.08rem;color:var(--ink-soft)}
.lg-draft{margin-top:24px;padding:14px 18px;border-left:3px solid var(--azul);background:var(--paper-2);font-size:.92rem;color:var(--ink-soft)}

.lg-toc{margin-top:36px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-lg)}
.lg-toc h2{font-family:'raleway',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute-aa);margin-bottom:12px}
.lg-toc ol{padding-left:20px;display:grid;gap:6px;font-size:.96rem}

.lg-doc section{margin-top:48px;scroll-margin-top:24px}
.lg-doc h2{font-family:'raleway',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.3}
.lg-doc h3{font-family:'raleway',sans-serif;font-weight:600;font-size:1.06rem;margin-top:24px}
.lg-doc p,.lg-doc ul,.lg-doc ol:not(.lg-toc ol),.lg-doc dl{margin-top:14px}
.lg-doc ul,.lg-doc section ol{padding-left:22px}
.lg-doc li+li{margin-top:6px}
.lg-doc dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px}
.lg-doc dt{font-weight:600}
.lg-legend{margin-top:18px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:var(--r);font-size:.94rem}

.lg-table{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.lg-table table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
.lg-table caption{text-align:left;padding:12px 14px;font-weight:600;border-bottom:1px solid var(--line)}
.lg-table th,.lg-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.lg-table th{background:var(--paper-2);font-weight:600}
.lg-table tr:last-child td{border-bottom:none}
.lg-table code{font-size:.84rem}

.btn-cc{margin-top:16px;font-family:'raleway',sans-serif;font-weight:600;font-size:.95rem;padding:12px 22px;min-height:44px;border-radius:var(--r);cursor:pointer;background:var(--azul);color:var(--paper);border:none}
.btn-cc:hover{background:var(--azul-deep)}

.pendiente{background:oklch(94% 0.08 95);color:var(--ink);padding:0 4px;border-radius:3px;font-size:.92em}

/* Footer: mismo patrón que /mobiliario/ */
footer{padding:60px 0 40px;background:var(--paper-2);border-top:1px solid var(--line)}
.foot-legal{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:.94rem}
.foot-legal a,.foot-legal button{color:var(--ink-soft);text-decoration:none;background:none;border:none;font:inherit;cursor:pointer;padding:4px 0}
.foot-legal a:hover,.foot-legal button:hover{color:var(--azul)}
.foot-id{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);color:var(--ink-mute-aa);font-size:.88rem}
@media(max-width:600px){body{font-size:16px}.wrap{padding:0 16px}.lg-main{padding:44px 0 72px}.lg-doc dl{grid-template-columns:1fr}.lg-doc dd{margin-bottom:8px}}
.btn-link{background:none;border:none;padding:0;font:inherit;color:var(--azul);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
