/* CLIMB EXPERIENCE V9 · Motion Lab: 3D visitor-driven technical visualization */
[hidden]{display:none!important}
body.sim-open{overflow:hidden}
.sim-shade{position:fixed;inset:0;z-index:400;background:rgba(1,9,18,.88);backdrop-filter:blur(16px);color:#f3faff;font-family:Inter,'Segoe UI',Arial,sans-serif;isolation:isolate;padding:clamp(8px,1.4vw,22px);display:flex;align-items:center;justify-content:center}
.sim-frame{width:min(1600px,100%);height:min(900px,100%);border:1px solid rgba(168,224,238,.42);border-radius:26px;background:linear-gradient(140deg,#143d52,#081d34 52%,#0b263b);box-shadow:0 28px 120px #000b;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.sim-head{height:76px;flex-shrink:0;border-bottom:1px solid #a9dae02c;padding:10px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(90deg,rgba(45,110,130,.30),rgba(12,33,53,.75))}
.sim-identity{display:flex;align-items:center;gap:16px;min-width:0}.sim-mark{width:50px;height:50px;border:1px solid #b2f6ed77;border-radius:14px;background:linear-gradient(140deg,#5dbfc2,#1a729e);display:grid;place-items:center;font-weight:900;font-size:25px;color:white;letter-spacing:-.08em;flex:0 0 50px}.sim-mark span{color:#ffe2ad;font-size:13px;align-self:end;margin-left:3px}
.sim-identity strong{font-size:clamp(13px,1.35vw,23px);font-weight:840;line-height:1.16;letter-spacing:-.024em;display:block;margin-top:5px}.sim-kicker{font-size:10px;font-weight:830;letter-spacing:.16em;text-transform:uppercase;color:#9feadd}.sim-head-actions{display:flex;align-items:center;gap:10px}.sim-text-btn{background:none;color:#d6f6f5;border:none;font-size:12px;font-weight:750;padding:10px}.sim-close{width:42px;height:42px;display:grid;place-items:center;font-size:28px;border:1px solid #bcf0f25c;color:#fff;background:#1a536e;border-radius:13px}
.sim-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);flex:1;min-height:0}
.sim-visual-col{min-height:0;min-width:0;padding:15px 17px 18px 20px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #9ce0de40}
.sim-viewport{flex:1;min-height:160px;position:relative;border:1px solid #a7d5df75;border-radius:21px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff1;background:#0b293f;isolation:isolate}
#simCanvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.sim-render-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 55% 15%,rgba(173,245,255,.1),transparent 32%),linear-gradient(180deg,transparent 75%,rgba(5,19,34,.45));mix-blend-mode:screen}
.sim-floating-top{position:absolute;top:13px;left:14px;right:14px;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.sim-chip{border:1px solid #b8e9e876;background:rgba(9,38,59,.83);color:#d3fbff;backdrop-filter:blur(8px);padding:7px 10px;border-radius:100px;letter-spacing:.07em;font-size:9px;font-weight:850}.sim-chip.secondary{color:#f6dfa9;border-color:#ffde9c61}
.sim-scene-bottom{position:absolute;left:13px;right:13px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.sim-floor-tag{display:inline-flex;padding:8px 11px;border-radius:9px;background:#102f45db;color:#adeaf0;font-size:11px;font-weight:850;border:1px solid #9ec9e56b}.sim-orbit-hint{color:#d2e4e9;background:#071d32a6;padding:7px 10px;border-radius:8px;font-size:10px}.sim-airlabel{position:absolute;top:55px;right:14px;max-width:190px;font-size:9px;font-weight:800;line-height:1.5;letter-spacing:.07em;color:#c7f0f7;background:#0e3856e3;padding:8px 10px;border:1px solid #a9ddec6c;border-radius:9px;pointer-events:none}
.sim-primary-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex-shrink:0}.sim-ctl{background:#1b4a66;color:#edfbff;border:1px solid #aad5e65c;border-radius:13px;padding:11px 9px;min-width:0;font-size:12px;font-weight:800;line-height:1.2;transition:background .16s,transform .16s}.sim-ctl:hover{background:#286d86;transform:translateY(-1px)}.sim-ctl.accent{background:#167f99}.sim-ctl.featured{background:linear-gradient(110deg,#2d8d9c,#45aaa3);border-color:#b9f7e4}.sim-ctl.active{outline:2px solid #f6d6a3;background:#277989}
.sim-secondary-controls{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}.sim-secondary-controls button{background:#11354d;border:1px solid #a3d1e74d;border-radius:10px;color:#b8dce6;padding:8px 11px;font-size:10px;font-weight:740}.sim-secondary-controls button.active{background:#246f7f;color:#fff;border-color:#abebdf}
.sim-side{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#407e93 transparent;background:linear-gradient(160deg,#103448,#0b263b);padding:18px 20px}
.sim-side-scroll{display:flex;flex-direction:column;gap:10px}.sim-brand-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-brand-tabs button{padding:12px;background:#153b55;border-radius:12px;border:1px solid #b3ddec5c;color:#c7e9f2;font-weight:840;letter-spacing:.06em}.sim-brand-tabs button.active{color:#fff;background:linear-gradient(120deg,#277c9f,#28a59e);border-color:#a4f5e1}
.sim-model-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sim-model-choice{border:1px solid #addce05a;background:rgba(25,73,94,.9);border-radius:11px;min-height:48px;padding:8px 10px;display:flex;gap:7px;align-items:center;justify-content:space-between;text-align:left;color:#dceef4;font-size:11px;font-weight:790}.sim-model-choice.active{border-color:#d3f6cd;background:#1c7c83;color:#fff}.sim-model-choice b{color:#f9db9c}
.sim-status{padding:13px 13px 10px;border:1px solid #add1e060;border-radius:14px;background:#061d30a8}.sim-status-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:820;letter-spacing:.09em;color:#cce9f4}.sim-led{display:inline-block;width:9px;height:9px;border-radius:100%;background:#b6cbd5;box-shadow:0 0 10px #fff3}.sim-led.moving{background:#8cefd1;box-shadow:0 0 16px #88e6dd}.sim-meter{height:8px;border-radius:99px;background:#23465b;margin-top:10px;overflow:hidden}.sim-meter span{display:block;height:100%;background:linear-gradient(90deg,#428bf0,#5bd7c4);border-radius:99px;transition:width .15s}.sim-status-floor{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;font-size:8px;color:#94baca;font-weight:800}.sim-status-floor b{font-size:12px;color:#baf2e8}
.sim-explanation{background:#1e5165;border:1px solid #a4e4da52;padding:14px;border-radius:16px}.sim-explanation h3{font-size:17px;letter-spacing:-.02em;margin:7px 0 6px}.sim-explanation p{margin:0;font-size:12px;line-height:1.52;color:#d4eaf0}
.sim-specs{padding:4px 2px}.sim-specs #simFacts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.sim-specs #simFacts>div{padding:8px 10px;background:#1d455c;border:1px solid #a3d0d53c;border-radius:10px;min-width:0}.sim-specs #simFacts span{font-size:10px;display:block;color:#b0cad7;margin-bottom:4px}.sim-specs #simFacts strong{font-size:11px;line-height:1.3;color:#f5fafc;display:block}.sim-source{font-size:10px;color:#c5d5dd;line-height:1.5;margin:8px 0 0}
.sim-caution{background:#654c313d;border:1px solid #ffe6aa58;border-radius:12px;padding:10px 11px}.sim-caution b{font-size:11px;color:#ffe2b1}.sim-caution p{font-size:10px;color:#ecdfd1;line-height:1.45;margin:4px 0 0}
.sim-foot{min-height:51px;flex-shrink:0;border-top:1px solid #a8d7e542;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a4c6d4;font-size:10px}.sim-cta{border:1px solid #bcebe56a;background:#236a7f;color:#fff;border-radius:100px;padding:9px 15px;white-space:nowrap;font-size:11px;font-weight:810}
.sim-tutorial{position:absolute;inset:0;background:#020c18ce;display:grid;place-items:center;z-index:5;padding:20px}.sim-tutorial-content{width:min(480px,94%);padding:28px;border-radius:20px;border:1px solid #b5e4e1;background:#113749;box-shadow:0 25px 90px #0009}.sim-tutorial h3{font-size:25px;margin:0 0 12px}.sim-tutorial p{line-height:1.65;font-size:13px;color:#d2e7ec}
.sim-launch{border:1px solid #a5ece0!important;background:linear-gradient(110deg,#257c98,#38a9a5)!important;color:#fff!important;box-shadow:0 8px 26px #27c6c322}.sim-nav-button{background:linear-gradient(110deg,#1d8096,#31a99a);border:1px solid #b1f4da;border-radius:20px;font-size:10px;font-weight:850;padding:9px 13px;color:white;white-space:nowrap}
.sim-feature-panel{border:1px solid #a6dfe073;border-radius:15px;background:linear-gradient(125deg,#205b6f,#14445f);padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.sim-feature-panel b{display:block;font-size:13px}.sim-feature-panel p{font-size:11px;color:#d3ebef;line-height:1.4;margin:4px 0}
@media(max-width:1020px){.sim-grid{grid-template-columns:1.25fr minmax(270px,.85fr)}.sim-visual-col{padding:10px}.sim-side{padding:13px}.sim-identity strong{font-size:14px}}
@media(max-width:760px){.sim-shade{padding:0}.sim-frame{border-radius:0;width:100%;height:100dvh;border:none}.sim-head{height:54px;padding:5px 12px}.sim-mark{width:37px;height:37px;flex-basis:37px;font-size:19px}.sim-identity{gap:8px}.sim-identity strong{font-size:12px}.sim-kicker{font-size:8px;letter-spacing:.08em}.sim-text-btn{display:none}.sim-close{width:35px;height:35px;font-size:24px}.sim-grid{display:flex;flex-direction:column;overflow:hidden}.sim-visual-col{flex:1 1 55%;min-height:0;padding:7px;gap:5px}.sim-viewport{min-height:140px;border-radius:12px}.sim-chip{font-size:7px;padding:5px 7px}.sim-floating-top{top:8px;left:8px;right:8px}.sim-floor-tag{font-size:8px;padding:5px}.sim-orbit-hint{font-size:8px}.sim-primary-controls{gap:5px}.sim-ctl{font-size:10px;padding:8px 4px;border-radius:8px}.sim-secondary-controls{gap:4px}.sim-secondary-controls button{font-size:8px;padding:6px 7px}.sim-side{flex:1 1 40%;min-height:0;padding:8px 10px;overflow:auto}.sim-side-scroll{gap:7px}.sim-brand-tabs button{padding:7px;font-size:10px}.sim-model-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-model-choice{min-height:35px;padding:5px 8px;font-size:10px}.sim-status{padding:8px}.sim-explanation{padding:8px;border-radius:10px}.sim-explanation h3{font-size:13px;margin:4px 0}.sim-explanation p{font-size:10px;line-height:1.35}.sim-specs #simFacts{gap:4px}.sim-specs #simFacts>div{padding:6px}.sim-specs #simFacts span{font-size:9px}.sim-specs #simFacts strong{font-size:10px}.sim-caution{padding:7px}.sim-caution p{font-size:9px}.sim-foot{min-height:36px;padding:5px 10px;font-size:8px}.sim-cta{font-size:9px;padding:7px 10px}.sim-airlabel{top:35px;right:6px;max-width:135px;font-size:7px}}
@media(max-width:380px){.sim-foot span{max-width:180px}.sim-head .sim-kicker{display:none}.sim-identity strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sim-ctl,.sim-model-choice{transition:none}}

/* V9.0 · engineer model comparison and screenshot controls */
.sim-comparator{border:1px solid #b1dee057;border-radius:11px;background:#10394f;padding:9px 11px}.sim-comparator summary{cursor:pointer;font-size:11px;color:#c0f2eb;font-weight:800;padding:4px 0}.sim-compare-select{margin:10px 0;display:flex;flex-direction:column;gap:5px}.sim-compare-select label{font-size:9px;color:#a9d9e6}.sim-compare-select select{font:inherit;font-size:11px;width:100%;padding:9px;background:#194965;border:1px solid #9ed2e456;color:#f3fcff;border-radius:9px}.sim-compare-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-compare-two>div{padding:10px;background:#1c4a61;border-radius:10px;min-width:0}.sim-compare-two b{color:#c5f4e7;font-size:10px;display:block;min-height:28px}.sim-compare-two p{display:flex;justify-content:space-between;align-items:start;gap:6px;margin:8px 0 0;font-size:10px;line-height:1.3}.sim-compare-two p span{color:#a8c8d5}.sim-compare-two p strong{color:white;text-align:right;font-weight:740}.sim-secondary-controls button:last-child{border-color:#eedba676;color:#ffe2a7}
/* Do not displace the engineering switch or crop the mobile header. */
@media(max-width:560px){
 .topbar{padding:7px 8px;gap:3px}
 .wordmark{width:88px;min-width:78px}
 .head-actions{gap:2px}
 .topbar .mode-switch button{font-size:8px;padding:5px 3px}
 .topbar .mode-switch{padding:2px}
 .topbar .lab-chip{padding:5px 6px;font-size:9px}
 .topbar .bare{width:27px;height:27px;font-size:12px}
 .sim-nav-button{font-size:0;width:34px;min-width:34px;height:32px;border-radius:10px;padding:4px;display:grid;place-items:center}
 .sim-nav-button::before{content:'3D';font-size:12px;font-weight:900}
 .sim-nav-button span{display:none}
}
@media(max-width:350px){
 .topbar .wordmark{width:81px;min-width:75px}
 .topbar #soundButton{width:24px;height:24px}
}

/* CLIMB V9.1 · Mecánica guiada y corte técnico ampliado */
.sim-enhance-btn{background:linear-gradient(125deg,#155a78,#2a9291)!important;border-color:#aaf7e5!important;color:#f9ffff!important;font-weight:850!important}
.sim-pressure-legend{position:absolute;left:13px;top:57px;z-index:3;pointer-events:none;display:grid;gap:5px;max-width:240px;font-size:9px;color:#e6fcff;line-height:1.25}
.sim-pressure-legend>span{display:flex;align-items:center;gap:6px;background:rgba(6,31,52,.90);border:1px solid #8bbace4d;border-radius:9px;padding:6px 8px;backdrop-filter:blur(10px)}
.sim-pressure-legend>span i{width:9px;height:9px;border-radius:50%;background:#6dd9ff;box-shadow:0 0 8px #4abced77;flex-shrink:0}
.sim-pressure-legend .legend-lower i{background:#5fd4b7}.sim-pressure-legend b{font-size:9px;white-space:nowrap}.sim-pressure-legend small{font-size:8px;color:#b6d7e5}.sim-pressure-legend .legend-flow{font-size:9px;color:#ffdea8;border-color:#d9bd8377}
.sim-detail-sheet{z-index:4;position:absolute;right:13px;bottom:55px;width:min(51%,400px);height:min(73%,370px);min-height:180px;border:1px solid #9ceee4a6;border-radius:17px;display:flex;flex-direction:column;overflow:hidden;background:#09293d;box-shadow:0 16px 65px #031321ed,0 0 0 2px #0d526357;backdrop-filter:blur(14px)}
.sim-detail-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-bottom:1px solid #8ccad15e;background:#15495a;color:#f9f4df;font-size:10px;letter-spacing:.08em;font-weight:870}
.sim-detail-head button{background:#26677a;color:white;border:1px solid #7bb3bcad;border-radius:7px;width:27px;height:27px;font-size:20px;line-height:1}
#simDetailCanvas{min-height:0;flex:1;width:100%;display:block}
#simDetailCaption{font-size:9px;line-height:1.3;color:#b7d5df;background:#12384b;padding:7px 10px;margin:0}
.sim-guide{padding:12px 13px;border:1px solid #97cfe073;border-radius:15px;background:linear-gradient(145deg,#164961,#123749);display:grid;gap:10px}
.sim-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.sim-guide-count{font-size:10px;font-weight:780;color:#c5e2ec}
.sim-guide-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.sim-guide-actions button{min-width:0;min-height:61px;border-radius:10px;border:1px solid #78abbd7f;background:#0d344c;color:#dceef3;text-align:left;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:7px 6px}
.sim-guide-actions button b{font-size:13px;letter-spacing:.02em;color:#92e4e1}.sim-guide-actions button span{font-size:9px;font-weight:780;line-height:1.22;overflow-wrap:anywhere}
.sim-guide-actions button.on{background:#1b7884;border-color:#b2f9eb;box-shadow:0 0 0 1px #baf4de36}.sim-guide-actions button.on b{color:#ffe1ad}
.sim-guide-content{font-size:11px;line-height:1.53;color:#d9eaf0;min-height:32px}.sim-guide-content strong{display:block;font-size:13px;color:#fff1d8;margin-bottom:5px}.sim-guide-content p{margin:0}
.sim-guide-reset{padding:5px 0;background:none;border:0;color:#b8eae9;text-decoration:underline;text-underline-offset:3px;font-weight:800;font-size:10px;text-align:left;justify-self:start}
.sim-primary-controls .sim-ctl:focus-visible,.sim-secondary-controls button:focus-visible,.sim-guide-actions button:focus-visible{outline:2px solid #fff1ac;outline-offset:2px}
@media(max-width:760px){.sim-guide{padding:9px;gap:7px}.sim-guide-actions button{min-height:44px;padding:5px}.sim-guide-actions button span{font-size:8px}.sim-guide-actions button b{font-size:10px}.sim-guide-content{font-size:10px}.sim-guide-content strong{font-size:11px;margin-bottom:3px}.sim-detail-sheet{width:min(80%,370px);height:min(78%,310px);right:6px;bottom:35px;border-radius:10px}.sim-detail-head{padding:5px 7px;font-size:8px}.sim-pressure-legend{left:5px;top:38px;font-size:8px;max-width:140px}.sim-pressure-legend>span{padding:4px 5px;gap:4px}.sim-pressure-legend b{font-size:7px}.sim-pressure-legend small{display:none}.sim-pressure-legend .legend-flow{font-size:8px}.sim-airlabel{display:none}.sim-secondary-controls button{min-height:24px}.sim-secondary-controls .sim-enhance-btn{order:-1}}
@media(max-width:380px){.sim-detail-sheet{height:80%;width:88%}.sim-orbit-hint{display:none}.sim-guide-actions button{min-height:38px}.sim-guide-actions button span{font-size:7.5px}}
/* Keep the detail close control inside the clipped viewport on short mobile screens. */
@media(max-width:760px){.sim-detail-sheet{top:6px;bottom:6px;height:auto;min-height:0;max-height:none}}
/* Compact release monogram: keep version number inside the badge. */
.sim-mark{position:relative;display:flex;align-items:center;justify-content:center}.sim-mark span{position:absolute;right:5px;bottom:3px;align-self:auto;margin:0;font-size:9px;letter-spacing:0;color:#ffe1a9}


/* V9.3 · Motion Lab Pro */
.sim-secondary-controls button[data-sim-toggle="xray"],.sim-secondary-controls button[data-sim-toggle="explode"],.sim-secondary-controls button[data-sim-action="mode"]{border-color:#98d8de88}
.sim-secondary-controls button[data-sim-toggle="xray"].active,.sim-secondary-controls button[data-sim-toggle="explode"].active,.sim-secondary-controls button[data-sim-action="mode"].active{background:#1c7f87;color:#fff}
