@font-face{font-family:"Hanken Grotesk";src:url("/fonts/hanken-grotesk-latin-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Páginas legales de PIXVEL: aviso de privacidad y términos de uso. */
:root{--ink:#0c0a09;--ivory:#fbf6ee;--sand:#efe4d3;--sand2:#d9c9b3;--mute:#6f6458;--gold:#d9a93a;--peach:#f3c5a0;--peri:#8f9be8;
  --aurora:linear-gradient(100deg,#f3c5a0 0%,#e0b04a 48%,#8f9be8 100%);
  --f:"Hanken Grotesk","SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--f);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.bar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08)}
.bar>div{max-width:1100px;margin:0 auto;padding:14px clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.bar img{display:block;height:26px;width:auto}
.bar a.back{color:#efe4d3;font-size:14px;text-decoration:none;opacity:.85}.bar a.back:hover{opacity:1}
.page{max-width:1100px;margin:0 auto;padding:clamp(36px,6vw,80px) clamp(16px,4vw,32px) clamp(60px,9vw,120px);display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.toc{position:sticky;top:24px;font-size:14px}
.toc b{display:block;margin-bottom:10px;font:600 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.toc ol{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.toc a{color:var(--mute);text-decoration:none}.toc a:hover{color:var(--ink)}
article{min-width:0;max-width:760px}
.eyebrow{margin:0 0 14px;font:600 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
h1{margin:0;font-size:clamp(34px,5.4vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:700}
.meta{margin:16px 0 0;color:var(--mute);font-size:14.5px}
.resumen{margin:34px 0 8px;padding:22px 24px;border-radius:20px;background:#fff;border:1px solid var(--sand)}
.resumen h2{margin:0 0 10px;font-size:18px;letter-spacing:-.02em}
.resumen ul{margin:0;padding-left:20px;display:grid;gap:7px;color:#3b322a}
h2{margin:44px 0 12px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.035em;line-height:1.15;scroll-margin-top:24px}
h3{margin:22px 0 6px;font-size:17px;letter-spacing:-.01em}
p,li{font-size:16.5px;color:#2e2620}
p{margin:0 0 14px}
ul,ol.num{margin:0 0 16px;padding-left:22px;display:grid;gap:6px}
table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--sand)}
th,td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--sand)}
th{background:#f6efe6;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
tr:last-child td{border-bottom:0}
.nota{padding:14px 18px;border-radius:14px;background:linear-gradient(100deg,#fff1e3,#eef0ff);border:1px solid #f0dcc6;font-size:15px}
footer{border-top:1px solid var(--sand2);padding:26px clamp(16px,4vw,32px);color:var(--mute);font-size:13.5px;text-align:center}
footer a{margin:0 8px}
@media (max-width:860px){.page{grid-template-columns:minmax(0,1fr)}.toc{position:static;padding-bottom:6px;border-bottom:1px solid var(--sand2)}.toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.bar,.toc,footer{display:none}.page{display:block;padding:0}body{background:#fff}}