:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100e19;--fg:#e6edf3;--muted:#9aa7b2}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif;overflow:hidden}#app{height:100%}#canvas-host{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:clip}#canvas-host canvas{display:block}#app{grid-template-rows:100%;grid-template-columns:1fr 0fr;height:100%;transition:grid-template-columns .5s cubic-bezier(.33,1,.68,1);display:grid}body.zone #app{grid-template-columns:2fr 3fr}#content{opacity:0;padding:2rem clamp(1rem,4vw,3rem);transition:opacity .2s .5s;overflow-y:auto}body.zone #content{opacity:1}#content h1{margin:0 0 .5rem;font-size:2rem}#content .lead{color:var(--muted);margin-top:0}#content h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid #22303c;margin:2rem 0 .5rem;font-size:1.1rem}#content article{padding:.75rem 0}#content h3{margin:0 0 .25rem;font-size:1.1rem}#content p{margin:0 0 .5rem}#content .links{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}#content a{color:#7cf5ff}#content .pdf-viewer{flex-direction:column;gap:.5rem;margin:.5rem 0 1.5rem;display:flex}#content .pdf-download{color:#ffc457;border:1px solid;border-radius:4px;align-self:flex-end;padding:.5rem;display:inline-flex}#content .pdf-download:hover,#content .pdf-download:focus-visible{filter:brightness(1.25)}#content .pdf-download:focus-visible{outline:2px solid var(--fg);outline-offset:2px}#content .pdf-embed{aspect-ratio:210/297;border:1px solid #5a3d14;width:100%;display:block}#hud{z-index:2;text-shadow:0 1px 2px #000;position:absolute;inset:1rem auto auto 1rem}#hud a{color:var(--fg);font-size:.9rem;text-decoration:none}#hud h1{margin:.25rem 0 0;font-size:1.5rem}@media (max-width:767px){#app{grid-template-rows:1fr 0fr;grid-template-columns:1fr;transition-property:grid-template-rows}body.zone #app{grid-template-rows:40vh 1fr;grid-template-columns:1fr}}.no-anim #app,.no-anim #content{transition:none!important}@media (prefers-reduced-motion:reduce){#app,#content{transition:none}}#zonas{pointer-events:none;z-index:1;position:absolute;inset:0}#zonas ul{margin:0;padding:0;list-style:none}#zonas a{pointer-events:auto;will-change:transform;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 6px #000,0 1px 2px #000;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s;position:absolute;top:0;left:0}.js:not(.mapa-listo):not(.no-canvas) #zonas a{visibility:hidden}#zonas a[data-zone=portfolio]{color:#7cf5ff}#zonas a[data-zone=cv]{color:#ffc457}#zonas a[data-zone=blog]{color:#ff5ee0}#zonas a:hover,#zonas a:focus-visible{text-underline-offset:.3em;filter:brightness(1.25);text-decoration:underline}#zonas a:focus-visible{outline:2px solid var(--fg);outline-offset:4px}#zonas a.dim{opacity:.35}#titulo{z-index:1;pointer-events:none;letter-spacing:.2em;text-transform:uppercase;color:#ffc457;text-shadow:0 0 6px #000,0 1px 2px #000;margin:0;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:.75rem;left:1rem}body.zone #titulo{opacity:0}.no-canvas,.no-canvas body{height:auto;overflow:auto}.no-canvas #canvas-host{height:auto;overflow:visible}.no-canvas #canvas-host canvas,.no-canvas #hud,.no-canvas #titulo{display:none}.no-canvas #app{height:auto;display:block}.no-canvas #content{opacity:1}.no-canvas #zonas{pointer-events:auto;padding:2rem clamp(1rem,4vw,3rem) 0;position:static}.no-canvas #zonas ul{flex-wrap:wrap;gap:1.5rem;display:flex}.no-canvas #zonas a{visibility:visible;letter-spacing:0;text-transform:none;font-size:1.1rem;text-decoration:underline;position:static;transform:none!important}