@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--blue:#0b59f7;--bg:#080e18;--surface:#0d1624;--text:#f6f8ff;--muted:#a8b5ca;--focus:#77a6ff;--ease-out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Satoshi,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,select,summary,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button,select{color:var(--text);background:#131e2e;border:1px solid #ffffff28;border-radius:5px;min-height:46px;padding:0 17px}button,summary{cursor:pointer}button{transition:transform .14s var(--ease-out)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1360px,92%);margin-inline:auto}.header{min-height:96px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.header img{display:block;width:84px;height:84px}.header-link{display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}.header-link:after{content:"";display:block;width:22px;height:1px;background:var(--focus);margin-left:12px;transition:transform .16s var(--ease-out);transform-origin:left}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:40px 0 34px}h1{font-weight:700;font-size:clamp(46px,5.6vw,78px);line-height:1.04;letter-spacing:-3.6px;margin:0;max-width:700px;text-wrap:balance}.intro-copy{color:var(--muted);font-size:16px;line-height:1.65;margin:0 4px 5px 0;text-wrap:pretty}.studio{border:1px solid #ffffff25;border-radius:8px;overflow:clip;background:var(--surface);scroll-margin-top:20px}#viewport{position:relative;height:clamp(440px,44vw,635px);isolation:isolate}canvas{display:block;touch-action:none;width:100%;height:100%}#cover{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#0a1524;opacity:1;transition:opacity .18s var(--ease-out)}#cover.leaving{opacity:0;pointer-events:none}.poster{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.62}.cover-content{position:relative;text-align:center;z-index:1;margin-top:100px}.primary{background:var(--blue);border-color:#377afa;padding:0 28px;height:54px;box-shadow:0 6px 26px #0005;font-weight:700}#load-status{font-size:13px;color:#e0e8f8;margin:16px 16px 0;min-height:20px}.toolbar{display:flex;align-items:center;gap:10px;padding:18px 22px 8px}.toolbar label{font-size:13px;color:var(--muted)}.toolbar select{margin-right:auto;min-width:170px}.secondary-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:3px 22px 12px}#viewer-hint{font-size:13px;line-height:1.5;color:var(--muted);margin:0;text-wrap:pretty}#settings{position:relative;flex:none}#settings summary{font-size:13px;min-height:44px;padding:12px 4px;list-style:none;text-decoration:underline;text-underline-offset:4px}#settings summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;bottom:calc(100% + 10px);right:0;width:260px;max-height:70dvh;overflow:auto;overscroll-behavior:contain;background:#101c2e;border:1px solid #3b4c65;padding:20px;display:grid;grid-template-columns:1fr 1.35fr;gap:10px;align-items:center;border-radius:7px;box-shadow:0 16px 50px #0007;z-index:5;transform-origin:bottom right;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}@starting-style{#settings[open] .settings-panel{opacity:0;transform:translateY(4px) scale(.98)}}.settings-panel label{font-size:14px}.settings-panel select{width:100%;padding:0 10px}.settings-panel .check{grid-column:1/-1;display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer}.settings-panel button{grid-column:1/-1}.check input{width:20px;height:20px;accent-color:#317aff}#walk-controls{display:flex;align-items:center;gap:15px;padding:8px 22px}#progress{width:100%;min-width:0;min-height:44px;accent-color:#498aff}.design-details{padding:13px 0;border-bottom:1px solid #ffffff16}.design-details>summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.design-details>summary:after{content:"Ver detalles";font-size:13px;color:var(--muted)}.design-details[open]>summary:after{content:"Cerrar"}.design-details summary::-webkit-details-marker{display:none}#interventions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#interventions button{font-size:13px;min-height:46px;padding-inline:13px}#interventions button[aria-pressed=true]{background:#214b94;border-color:#6497f7}#detail-copy{max-width:850px;line-height:1.7;font-size:14px;color:var(--muted);margin:18px 0 10px;text-wrap:pretty}.footer{display:flex;align-items:center;gap:22px;padding-block:25px max(32px,env(safe-area-inset-bottom));font-size:13px;color:var(--muted)}.footer small{font-size:12px;margin-left:auto}.footer a{font-size:12px;min-height:44px;display:flex;align-items:center}.studio:fullscreen,.studio.expanded{width:100vw;height:100dvh;display:flex;flex-direction:column;background:var(--surface);border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:contain}.studio.expanded{position:fixed;inset:0;z-index:100}.studio:fullscreen #viewport,.studio.expanded #viewport{flex:1;height:auto;min-height:0}.studio:fullscreen #controls,.studio.expanded #controls{flex:none}.skip-link{position:fixed;left:20px;top:-80px;padding:12px;background:#1c4d9d;z-index:200}.skip-link:focus{top:15px}.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}.no-script{padding:20px}#download-image{grid-column:1/-1;text-align:center;font-size:14px;padding:12px;color:#a7c6ff;min-height:44px}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled),select:hover{background:#1c2c44}.primary:hover:not(:disabled){background:#2670ff}.header-link:hover:after{transform:scaleX(1.3)}a:hover,summary:hover{color:#c8dcff}}@media(max-width:680px){.shell{width:92%}.header{min-height:78px}.header img{width:64px;height:64px}.header-link{font-size:13px}.intro{display:block;padding:28px 0}h1{font-size:clamp(40px,10.7vw,62px);letter-spacing:-1.8px}.intro-copy{font-size:15px;margin:16px 0 0;line-height:1.5}.intro-copy br{display:none}#viewport{height:56svh;min-height:340px;max-height:520px}.cover-content{margin-top:95px}#load-status{font-size:12px}.toolbar{padding:12px 12px 6px;gap:8px}.toolbar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.toolbar select{min-width:0;width:100%;padding:0 8px;font-size:14px}.toolbar button{padding:0 10px;font-size:13px;white-space:nowrap}.secondary-bar{padding:0 12px 7px;gap:8px}#viewer-hint{font-size:12px;max-width:240px}#settings summary{font-size:12px}#walk-controls{padding:7px 12px;gap:10px}#walk-controls button{font-size:13px;padding:0 12px}#interventions{display:grid;grid-template-columns:1fr 1fr}#interventions button{text-align:left;line-height:1.35;padding-block:8px}.footer{flex-wrap:wrap;gap:4px 12px}.footer small{width:100%;margin:0;order:3;line-height:1.5}.footer a{margin-left:auto}.studio:fullscreen #viewport,.studio.expanded #viewport{max-height:none;min-height:0}}@media(max-width:370px){.toolbar{flex-wrap:wrap}.toolbar select{flex:1 0 100%}.toolbar button{flex:1}.intro-copy{font-size:14px}}html[data-input=keyboard]{scroll-behavior:auto}html[data-input=keyboard] *,html[data-input=keyboard] *:before,html[data-input=keyboard] *:after{transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}