@font-face{font-display:swap;font-style:normal;font-weight:400 650;font-family:"Petrona";src:url("./petrona.woff2") format("woff2")}
@font-face{font-display:swap;font-style:normal;font-weight:500 800;font-stretch:100% 125%;font-family:"Archivo";src:url("./archivo-wide.woff2") format("woff2")}
:root{--void:#0b0e13;--deck:#11151c;--star:#e2ddd1;--glow:#f4f0e7;--dust:#9ea4ae;--hull:#2b323c;--amber:#e9aa4c;--hh:3.5rem;--rail:0rem;--gap:1.75rem;--off:1.9rem;--line:.45rem;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 1rem)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--void);color:var(--star);font:400 1.125rem/1.68 "Petrona",ui-serif,"Iowan Old Style",serif;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
picture{display:block}
figure{margin:0}
figcaption{margin-top:.5rem;color:var(--dust);font-weight:500;font-size:.9rem;line-height:1.4}
.negro img{mix-blend-mode:lighten}
h1,h2,.mk,.nv,.yr,figcaption,.gl dt,.tb thead th,.paso{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif}
h1,h2{color:var(--glow);font-weight:760;font-stretch:116%;letter-spacing:-.012em}
h1{margin:0 0 .8rem;font-size:clamp(2rem,1.2rem + 3.3vw,3.55rem);line-height:1.25}
h2{margin:0 0 1.25rem;font-size:clamp(1.45rem,1.1rem + 1.35vw,2.05rem);line-height:1.22}
p{margin:0 0 1.1em}
a{color:var(--amber);text-decoration-thickness:2px;text-underline-offset:1px}
a:hover{color:#ffcf88}
a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.jump{position:absolute;left:-999px;top:.55rem;z-index:40;padding:.6rem .95rem;background:var(--amber);color:#17120a;font-weight:600}
.jump:focus{left:1rem}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.6rem;height:var(--hh);padding:0 max(4vw,1rem);background:var(--deck)}
.mk{display:flex;align-items:center;align-self:stretch;gap:.45rem;flex:none;color:var(--glow);font-weight:700;font-stretch:125%;font-size:1.05rem;text-decoration:none}
.mk svg{width:1.6rem;height:1.6rem}
.nv{display:flex;align-items:center;flex:1 1 auto;min-width:0;margin-left:.4rem;height:var(--hh);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--hull) transparent}
.nv a{flex:none;padding:0 .65rem;line-height:2.75rem;color:var(--dust);font-weight:600;font-size:1rem;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}
.nv a:hover{color:var(--glow)}
.pg{width:min(92vw,86rem,calc(100% - 2rem));margin:0 auto}
.sky{position:relative;display:flex;align-items:flex-end;min-height:30rem;min-height:max(30rem,calc(100svh - var(--hh)));padding:6rem 0 1.25rem;background:#05070a;overflow:hidden}
.sky>picture{position:absolute;top:0;right:0;bottom:0;left:0}
.sky>picture img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.plate{position:relative;max-width:41rem;padding:1.25rem 1.2rem .3rem;background:rgba(8,11,16,.8)}
.plate p{color:#ddd7ca}
.tl{position:relative;padding:3.25rem 0 .5rem}
.tl::before{content:"";position:absolute;top:0;bottom:0;left:var(--line);width:1px;background:var(--hull)}
.std{max-width:45rem;margin:0 0 3.75rem var(--off);color:var(--glow);font-size:1.1em;line-height:1.6}
.ev,.ib{position:relative;margin:0 0 4.25rem;padding-left:var(--off)}
.ev::before{content:"";position:absolute;left:calc(var(--line) - 6px);top:.5rem;width:13px;height:13px;border-radius:50%;background:var(--void);box-shadow:inset 0 0 0 3px var(--amber)}
.yr{margin:0 0 .5rem;color:var(--amber);font-weight:800;font-stretch:112%;font-size:clamp(1.9rem,1.4rem + 1.7vw,2.75rem);line-height:1;font-variant-numeric:tabular-nums}
.yr.w{font-size:1.45rem;font-weight:700;line-height:1.4}
.md{margin:0 0 1.5rem}
.md>*+*{margin-top:1rem}
.md .alto{width:62%;margin-left:auto}
.tx,.st,.ev>.gl,.ib>p,.ib>h2{max-width:45rem}
.st{margin-top:1.1em}
.tx>:last-child,.st>:last-child,.ib>:last-child{margin-bottom:0}
.row3{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0 0 4.25rem var(--off)}
.row3>:first-child{grid-column:1/-1}
.medidas{display:grid;grid-template-columns:minmax(0,1fr);column-gap:2.5rem;max-width:46rem;margin:1.6rem 0 2.25rem;font-size:1rem;line-height:1.4}
.medidas div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px dotted var(--hull)}
.medidas dt{color:var(--dust)}
.medidas dd{margin:0;color:var(--glow);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.gl{margin:1.75rem 0 0}
.gl div{padding:.8rem 0;border-top:1px solid var(--hull)}
.gl div:last-child{border-bottom:1px solid var(--hull)}
.gl dt{color:var(--glow);font-weight:650;font-stretch:108%;font-size:1.02rem}
.gl dd{margin:.2rem 0 0}
.gl .fe{color:var(--dust);font-size:1rem}
.tb{overflow-x:auto;margin:1.5rem 0 1.75rem}
.tb table{width:100%;min-width:31rem;border-collapse:collapse;font-size:.93em;line-height:1.52}
.tb caption{padding:0 0 .55rem;color:var(--dust);text-align:left}
.tb thead th{padding:.55rem .75rem;background:var(--amber);color:#1a1409;font-weight:700;font-size:.95rem;text-align:left}
.tb tbody th,.tb td{padding:.6rem .75rem;border-bottom:1px solid var(--hull);text-align:left;vertical-align:top}
.tb tbody th{color:var(--glow);font-weight:600}
.tb td:nth-of-type(2){white-space:nowrap}
@media (max-width:51.99em){
.tb thead{display:none}
.tb caption{display:block}
.tb table,.tb tbody,.tb tr,.tb tbody th{display:block;min-width:0}
.tb tr{padding:.65rem 0;border-bottom:1px solid var(--hull)}
.tb tbody th,.tb td{padding:0;border:0}
.tb td{display:inline}
.tb td+td::before{content:" · ";color:var(--dust)}
.nv{scroll-snap-type:x proximity}
.nv a{padding:0 .45rem;scroll-snap-align:start}
.bot a{display:inline-block;line-height:2.75rem}
}
@media (max-width:24.99em){
.mk{min-width:2.75rem}
.mk span{display:none}
.nv{margin-left:0}
.nv a{min-width:calc((100vw - 5.35rem) / 4.5);text-align:center}
}
.tx ul,.tx ol,.st ol{margin:0 0 1.2em;padding-left:1.35rem}
.tx li,.st li{margin:.4rem 0;padding-left:.2rem}
.tx ul li::marker{color:var(--amber)}
.tx ol li::marker,.st ol li::marker{color:var(--dust)}
.tx ol.dt{padding-left:0;list-style:none}
.tx ol.dt li{margin:.95rem 0;padding-left:0}
.paso{display:block;margin-bottom:.1rem;color:var(--dust);font-weight:600;font-size:.84em;line-height:1.45;font-stretch:106%;font-variant-numeric:tabular-nums}
.rev{margin:0 0 3rem var(--off);color:var(--dust);font-size:1rem}
.doc{padding:3rem 0 1rem}
.doc>*{max-width:45rem;margin-left:0}
.doc h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem)}
.bot{padding:1.4rem max(4vw,1rem) 1.9rem;background:#07090d;color:var(--dust);font-size:1rem;line-height:1.7}
.bot p{margin:0}
.bot a{color:var(--star)}
.bot span{white-space:nowrap}
@media (min-width:52em){
:root{--rail:6.5rem;--gap:3rem;--off:calc(var(--rail) + var(--gap));--line:calc(var(--rail) + var(--gap) / 2)}
body{font-size:1.25rem}
.sky{padding-bottom:3rem;background:#030601}
.sky>picture{left:auto;width:70%}
.sky>picture img{object-position:60% 50%}
.plate{max-width:28rem;padding:2rem 2.25rem .9rem 0;background:rgba(3,6,1,.78)}
.ev{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);grid-template-areas:"yr h2" "yr md" "yr tx" "yr gl" "yr st";column-gap:var(--gap);padding-left:0}
.ev::before{left:calc(var(--line) - 6px);top:.95rem}
.yr{grid-area:yr;position:sticky;top:calc(var(--hh) + 1.25rem);align-self:start;margin:0;padding-top:.15rem;text-align:right;white-space:nowrap;font-size:clamp(1.7rem,1rem + 1.6vw,2.75rem)}
.yr.w{font-size:1.3rem;padding-top:.5rem}
.ev>h2{grid-area:h2}
.md{grid-area:md;max-width:36rem}
.tx{grid-area:tx}
.ev>.gl{grid-area:gl}
.st{grid-area:st}
.md:not(.one){display:grid;grid-template-columns:2fr 3fr;gap:1rem;align-items:start;max-width:none}
.md:not(.one)>*+*{margin-top:0}
.md:not(.one) .alto{width:auto}
.row3{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;align-items:start}
.row3>:first-child{grid-column:auto;grid-row:span 2}
.ev.ancho .md{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:1rem;align-items:start;max-width:none}
.ev.ancho .md>*+*{margin-top:0}
.ev .md.duo{grid-template-columns:minmax(0,.656fr) minmax(0,1.027fr);gap:.75rem;max-width:44rem}
.medidas{grid-template-columns:repeat(2,minmax(0,1fr))}
.doc>*{margin-left:var(--off)}
}
@media (min-width:75em){
:root{--rail:8rem;--gap:3.5rem}
.sky>picture{width:75%}
.plate{max-width:32rem}
.ev>.gl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);max-width:none;margin-top:2.5rem;border-bottom:1px solid var(--hull)}
.ev>.gl div:last-child{border-bottom:0}
}
@media (min-width:88em){
.ev{grid-template-columns:var(--rail) minmax(0,1.85fr) minmax(0,1fr);grid-template-areas:"yr h2 h2" "yr tx md" "yr gl gl"}
.ev.l{grid-template-columns:var(--rail) minmax(0,1fr) minmax(0,1.85fr);grid-template-areas:"yr h2 h2" "yr md tx" "yr gl gl"}
.ev.dos{grid-template-areas:"yr h2 h2" "yr tx st"}
.ev.dos .st{margin-top:0}
.ev.ancho{grid-template-areas:"yr h2 h2" "yr md md" "yr tx ." "yr gl gl"}
.ev.ancho .md{margin-bottom:2rem}
.md.one{position:sticky;top:calc(var(--hh) + 1.5rem);align-self:start;max-width:none;margin:0}
}