:root{--ink:#263640;--muted:#6c7b84;--line:#dde3e6;--paper:#fff;--soft:#f2f5f5;--expo:#a64037;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f2f4f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #4e89bc;outline-offset:3px}button:disabled{opacity:.32;cursor:default}button{transition:background .15s,color .15s}button:hover:not(:disabled){background:#edf1f3}button[aria-pressed=true]{color:#203947}[hidden]{display:none!important}.topbar{height:100px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:13px;min-width:240px}.identity h1{font-size:22px;line-height:1.1;letter-spacing:-.7px;margin:0;font-weight:650}.identity p{margin:5px 0 0;font-size:12px;color:var(--muted);letter-spacing:.2px}.identity-mark{width:30px;height:30px;display:flex;gap:4px;align-items:center;transform:skewY(-18deg)}.identity-mark i{width:7px;background:#83949c;height:21px}.identity-mark i:nth-child(2){height:29px;background:#3b535f}.identity-mark i:nth-child(3){height:17px;background:#aebac0}.cities{display:flex;gap:6px;border:1px solid var(--line);border-radius:12px;padding:4px;background:#f8fafb}.cities button{min-width:135px;padding:9px 24px;border-radius:8px;font-size:14px;font-weight:650;line-height:1.35;text-align:left}.cities button span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}.cities button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #122c4020}.download{font-size:12px;font-weight:600;padding:12px 0;min-width:200px;text-align:right}.download span{margin-left:10px;font-size:18px}main{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:22px;padding:24px;max-width:2100px;margin:auto}.workspace{min-width:0;background:#fff;border:1px solid #d8e0e3;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-self:start;box-shadow:0 3px 16px #17354905}.expos{display:flex;border-bottom:1px solid var(--line);padding:0 17px;gap:8px;overflow-x:auto;scrollbar-width:thin}.expos button{white-space:nowrap;min-height:58px;padding:0 12px;font-size:12px;font-weight:550;display:flex;align-items:center;gap:9px;border-bottom:3px solid transparent}.expos button[aria-pressed=true]{border-color:var(--expo);color:var(--expo);background:transparent}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.simon{background:#a64037}.productores{background:#368475}.espacio{background:#456db5}.canvas-head{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 14px}.canvas-head strong{font-size:22px;font-weight:600;letter-spacing:-.7px;margin-right:13px}.canvas-head #view-detail{color:var(--muted);font-size:12px}.drawing-code{color:#819098;font:11px Consolas,monospace;letter-spacing:1px}.viewbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 15px}.segmented{display:inline-flex;padding:3px;background:#f0f3f4;border:1px solid #e2e8eb;border-radius:8px;gap:2px}.segmented button{padding:7px 11px;font-size:11px;font-weight:600;border-radius:5px;white-space:nowrap;color:#667781}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #233d451a;color:#284857}.icon-text{font-size:11px;font-weight:550;display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:6px}.icon-text span{font-size:21px;font-weight:400;line-height:1}.icon-text[aria-pressed=true]{background:#e2ebed;color:#255563}.viewport{height:max(450px,calc(100dvh - 393px));min-height:450px;max-height:1050px;position:relative;background:#e9edef;isolation:isolate;border-top:1px solid #e1e6e8;border-bottom:1px solid #dce3e6}.viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#e9edefec;color:#455e6c;z-index:8;font-size:14px}.error{color:#973f39;padding:30px;text-align:center}.scene-caption{position:absolute;top:19px;left:21px;display:flex;align-items:center;gap:7px;font-size:11px;color:#3a5261;pointer-events:none}.live-dot{background:#688a7a;border:3px solid #d2e0d8;width:10px;height:10px;border-radius:50%}.caption-detail{padding-left:10px;border-left:1px solid #bdc8cc;margin-left:5px;color:#7a8990}.navigation{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;background:#ffffffed;border:1px solid #cfd9de;box-shadow:0 3px 10px #1937480c;padding:5px;border-radius:10px}.navigation button{width:34px;height:35px;font-size:22px;font-weight:350;border-radius:5px}.navigation span{height:1px;background:var(--line);margin:3px}.gesture{position:absolute;bottom:13px;left:0;right:0;margin:0;text-align:center;font-size:10px;color:#657a85;pointer-events:none}.roof-note{position:absolute;top:41px;left:21px;font-size:10px;color:#77634b;margin:0;background:#fffcf1db;padding:5px 7px;border-radius:5px}.layerbar{padding:15px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:13px 20px;border-bottom:1px solid var(--line)}.wall-control{display:flex;align-items:center;gap:10px}.control-label{font-size:11px;font-weight:600}.toggles{display:flex;gap:12px;flex-wrap:wrap}.toggles label{font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer;min-height:29px}.toggles input{accent-color:#456575;width:13px;height:13px;margin:0;cursor:pointer}.canvas-bottom{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.canvas-bottom p{font-size:10px;color:var(--muted);margin:0}.canvas-bottom p span{padding:0 6px}.canvas-bottom>div{display:flex;align-items:center;gap:16px}.canvas-bottom a{font-size:11px;color:#647986}.canvas-bottom button{font-size:11px;font-weight:600;padding:9px 12px;background:#304e5d;color:#fff;border-radius:7px;white-space:nowrap}.canvas-bottom button:hover{background:#243e4b}.canvas-bottom button span{margin-left:7px}.sidepanel{padding:0 2px 10px;min-width:0}.expo-identity{padding:12px 8px 22px;border-bottom:1px solid var(--line)}.expo-identity img{display:block;max-width:165px;max-height:82px;object-fit:contain;object-position:left center;margin-bottom:23px;mix-blend-mode:multiply}.eyebrow{font-size:9px;color:#7c8d96;letter-spacing:1.4px;font-weight:650}.expo-identity h2{font-size:23px;line-height:1.18;letter-spacing:-.7px;font-weight:600;margin:8px 0}.expo-identity p{font-size:11px;color:var(--muted);margin:0}.station-head{display:flex;justify-content:space-between;align-items:baseline;padding:20px 8px 11px}.station-head h3{font-size:13px;margin:0}.station-head>span{color:var(--muted);font-size:10px}.station-navigation{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;margin:0 7px 12px;background:#fff;padding:3px}.station-navigation button{width:30px;height:27px;border-radius:5px}.station-navigation span{font-size:10px;color:var(--muted)}#stations{list-style:none;margin:0;padding:0 0 10px}#stations li{margin:0}#stations button{display:flex;gap:10px;width:100%;text-align:left;font-size:11px;line-height:1.35;padding:8px;border-radius:6px;align-items:center}.station-number{font-size:10px;font-weight:600;min-width:23px;height:23px;border:1px solid #d8e0e2;background:#fff;border-radius:6px;display:grid;place-items:center;color:var(--expo)}#stations button[aria-current=step]{background:#e6edef;color:#284857}#stations button[aria-current=step] .station-number{background:var(--expo);border-color:var(--expo);color:#fff}.station-description{font-size:10px;line-height:1.55;color:var(--muted);margin:0 8px 16px;min-height:30px}details{border-top:1px solid var(--line);margin:0 8px}summary{font-size:11px;font-weight:600;cursor:pointer;padding:15px 0}.criteria{font-size:11px;line-height:1.65;color:var(--muted)}.criteria p{margin:0 0 12px}.blend-link{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:0 8px;padding:14px 0;border-top:1px solid var(--line);color:#4d6877}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.workspace:fullscreen{border:0;border-radius:0;height:100dvh;max-width:none}.workspace:fullscreen .viewport{flex:1;height:auto;max-height:none;min-height:100px}.workspace:fullscreen .canvas-head{padding-top:12px}.workspace:fullscreen .expos{justify-content:center}.workspace:fullscreen .viewbar{padding-bottom:10px}
@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:28px 34px}.viewport{height:calc(100dvh - 388px)}.layerbar{gap:20px 28px}.toggles{gap:18px}.expos button{font-size:13px}#stations button{font-size:12px;padding:9px}}
@media(max-width:1150px){main{grid-template-columns:minmax(0,1fr) 270px;gap:17px;padding:18px}.topbar{padding:0 24px}.identity{min-width:210px}.download{min-width:140px}.layerbar{gap:8px}.viewport{min-height:420px}.canvas-bottom p{max-width:170px;line-height:1.5}.expos{padding:0 8px;gap:0}.expos button{padding:0 9px;font-size:11px}.canvas-head #view-detail{display:block;margin-top:3px}.canvas-bottom>div{gap:10px}.caption-detail{display:none}}
@media(max-width:850px){.topbar{height:auto;min-height:88px;padding:17px 18px;flex-wrap:wrap;gap:18px}.identity{min-width:0;flex:1}.identity h1{font-size:20px}.download{min-width:0;font-size:11px}.cities{order:3;width:100%}.cities button{flex:1;padding:7px 16px}.cities button span{display:inline;margin-left:8px}.cities button{text-align:center}main{display:block;padding:14px}.sidepanel{margin-top:22px;padding:0 10px}.expo-identity{padding-top:0;display:grid;grid-template-columns:150px 1fr;column-gap:20px}.expo-identity img{grid-row:1/5;align-self:center;max-width:135px;max-height:85px;margin:0}.expo-identity h2{font-size:24px}.viewport{height:58dvh;min-height:420px;max-height:750px}.station-head{padding-top:17px}#stations{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}.station-description{min-height:0}.canvas-bottom p{max-width:none}.layerbar{gap:10px 22px}.toggles{gap:15px}.canvas-head #view-detail{display:inline}.workspace:fullscreen .viewport{height:auto}.workspace:fullscreen .canvas-head{display:none}.workspace:fullscreen .expos button{min-height:42px}.workspace:fullscreen .viewbar{padding-top:7px}}
@media(max-width:540px){.topbar{padding:15px 14px;gap:14px}.identity p{font-size:10px}.identity-mark{width:26px;gap:3px}.download{font-size:10px}.cities button{min-width:0;padding:8px}.cities button span{display:block;margin:2px 0 0}main{padding:10px}.workspace{border-radius:10px}.expos{padding:0 7px}.expos button{padding:0 8px;font-size:10px;gap:5px;min-height:47px}.dot{width:5px;height:5px}.canvas-head{padding:16px 15px 12px}.canvas-head strong{font-size:21px}.canvas-head #view-detail{font-size:10px;display:block;margin-top:3px}.drawing-code{font-size:9px}.viewbar{padding:0 11px 12px;gap:5px}.segmented button{padding:7px 8px;font-size:10px}.icon-text{font-size:9px;gap:2px;padding:6px 3px}.icon-text span{font-size:18px}.viewport{min-height:385px;height:53dvh}.scene-caption{top:14px;left:14px;font-size:10px}.navigation{right:9px;padding:3px}.navigation button{width:30px;height:32px}.gesture{font-size:9px;left:14px;right:14px;line-height:1.5;bottom:10px;padding:0 14px}.layerbar{padding:12px;gap:8px}.wall-control{justify-content:space-between;width:100%}.wall-control .segmented{flex:1;margin-left:15px}.wall-control button{flex:1}.toggles{gap:12px;justify-content:space-between;width:100%;flex-wrap:wrap}.toggles label{font-size:10px;gap:4px}.toggles input{width:12px;height:12px}.canvas-bottom{padding:12px;gap:8px}.canvas-bottom p{display:none}.canvas-bottom>div{width:100%;justify-content:space-between}.expo-identity{grid-template-columns:110px 1fr;column-gap:16px}.expo-identity img{max-width:105px}.expo-identity h2{font-size:21px}.expo-identity .eyebrow{font-size:8px}.expo-identity p{font-size:10px}#stations{grid-template-columns:1fr}.station-description{font-size:11px}.criteria{font-size:12px}.workspace:fullscreen .layerbar{padding:7px 12px}.workspace:fullscreen .canvas-bottom{padding:6px 12px}.workspace:fullscreen .toggles label{min-height:23px}.workspace:fullscreen .gesture{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}