:root{--ink:#172c2b;--muted:#76807a;--paper:#f6f6f0;--line:#dddfd6;--sage:#c8ddb9;--green:#33564d;--dark:#101b20;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #a6c18b;outline-offset:4px}button{transition:background .2s,transform .2s}button:active{transform:scale(.97)}[hidden]{display:none!important}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.brand svg{width:31px;height:37px;fill:none;stroke:currentColor;stroke-width:1.5}.brand>span{font-family:'Manrope',Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:2px}.header-project{text-align:center}.tiny,.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600}.header-project .tiny{display:block;color:var(--muted);font-size:8px;letter-spacing:1.8px}.header-project strong{display:block;font-size:15px;letter-spacing:3px;margin-top:5px}.header-project strong span{font-size:9px;font-weight:400;letter-spacing:2px}.header-actions{display:flex;align-items:center;gap:18px}.demo-badge{font-size:8px;letter-spacing:1.3px;font-weight:600;display:flex;gap:7px;align-items:center}.demo-badge i,.scene-tag i{width:5px;height:5px;background:#6e8961;display:inline-block;border-radius:50%}.icon-btn{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;background:none;font-size:12px}.outline-btn{border:1px solid var(--line);background:transparent;padding:11px 16px;font-size:11px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:20px}.outline-btn:hover{background:#e8ece2}.layout{display:grid;grid-template-columns:minmax(0,1fr) 358px;min-height:calc(100dvh - 134px)}.viewer{background:var(--dark);min-height:700px;position:relative;overflow:hidden;color:#fff;isolation:isolate}.world{position:absolute;inset:0;cursor:grab;touch-action:pan-y;user-select:none}.world:active{cursor:grabbing}.world canvas,.fallback,.floor-overlay{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;display:block}.fallback{pointer-events:none}.world canvas{z-index:1}.floor-overlay{z-index:2;pointer-events:none}.floor-overlay polygon{fill:transparent;stroke:transparent;stroke-width:1;pointer-events:all;cursor:pointer;transition:fill .15s}.floor-overlay polygon:hover,.floor-overlay polygon.selected{fill:#c8ddb94d;stroke:#d6efc0;stroke-width:2}.floor-overlay text{fill:white;font-size:12px;pointer-events:none;font-family:var(--font)}.viewer:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09151c65,transparent 22%,transparent 60%,#09151ce8);z-index:3;pointer-events:none}.scene-top{position:absolute;top:26px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;z-index:5}.scene-tag{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.5px}.scene-tag i{background:var(--sage)}.scene-tools{display:flex;gap:9px}.glass-btn{background:#13232955;color:white;border:1px solid #ffffff40;backdrop-filter:blur(10px);border-radius:4px;padding:9px 12px;font-size:15px}.glass-btn span{font-size:10px;margin-left:5px}.glass-btn:hover{background:#ffffff30}.scene-caption{position:absolute;left:36px;bottom:154px;z-index:4;pointer-events:none}.scene-caption .tiny{color:var(--sage);font-size:8px}.scene-caption h1{font:400 clamp(25px,2.5vw,42px)/1.17 'Manrope',Arial,sans-serif;letter-spacing:-1.4px;margin:12px 0 0}.camera-readout{position:absolute;right:30px;bottom:160px;display:flex;gap:9px;flex-direction:column;text-align:right;font-size:8px;letter-spacing:1.4px;color:#e2e9e8;z-index:4}.camera-readout span+span{color:#a7b4b7;font-size:7px}.viewer-bottom{position:absolute;bottom:32px;left:30px;right:30px;z-index:5;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:23px;gap:16px}.drag-hint,.reset{font-size:9px;color:#c6d0d2;letter-spacing:.3px}.drag-hint span{font-size:23px;vertical-align:middle;margin-right:8px}.rotation-controls{display:flex;gap:4px;background:#ffffff0a;padding:5px;border-radius:30px;border:1px solid #ffffff25;backdrop-filter:blur(8px)}.rotation-controls button{background:none;border:0;color:#fff;width:41px;height:36px;border-radius:50%;font-size:20px}.rotation-controls button:hover{background:#ffffff20}.rotation-controls #auto{background:var(--sage);color:var(--ink);width:36px}.rotation-controls svg{width:13px;height:13px;fill:currentColor;vertical-align:middle}.reset{border:0;background:none}.reset:hover{color:var(--sage)}.loading{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#101b20b3;font-size:12px}.spinner{width:18px;height:18px;border:1px solid #ffffff25;border-top-color:var(--sage);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.floor-hint{position:absolute;top:85px;left:28px;z-index:5;font-size:11px;background:#15282cdd;padding:12px 16px;border-radius:4px}.floor-hint span{display:block;font-size:9px;color:#b6c6c3;margin-top:4px}.panel{padding:32px 28px 20px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.eyebrow{color:#708063;font-size:8px;letter-spacing:1.6px}.panel h2{font:500 27px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin:12px 0}.panel-head p{font-size:11px;line-height:1.8;color:#7c827a;margin:0 0 25px;max-width:260px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px;gap:24px}.tabs button{border:0;background:none;padding:0 0 13px;font-size:11px;color:#8c9289;position:relative}.tabs button[aria-selected=true]{color:var(--ink);font-weight:650}.tabs button[aria-selected=true]:after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--green)}.section-title{font-size:8px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#6e776d}.section-title>span+span{color:#9a9f95;font-size:8px}.views-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.view-card{border:1px solid var(--line);background:none;padding:0;border-radius:5px;overflow:hidden;text-align:left}.view-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.8);transition:filter .2s}.view-card:hover img{filter:saturate(1.2)}.view-card[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.view-card>span{padding:9px 10px;display:flex;justify-content:space-between;font-size:9px}.view-card em{font-style:normal;color:#8c9589;font-size:8px}.view-card[aria-pressed=true] em{color:var(--green)}.editorial{border-top:1px solid var(--line);margin:28px 0 24px;padding-top:20px}.editorial-number{font-size:8px;letter-spacing:2px;color:#8e9b84}.editorial h3{font:400 25px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.8px;margin:10px 0}.editorial p{font-size:11px;line-height:1.8;color:#7d837b;margin:12px 0 0}.primary{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-radius:4px;padding:15px 18px;background:var(--green);color:#fff;font-size:11px;gap:12px}.primary:hover{background:#23443a}.primary span{font-size:18px}.subtle-note{color:#959b90;font-size:8px;line-height:1.6;margin-top:12px}.panel-footer{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-footer>span{font-size:6px;letter-spacing:1.2px;color:#969e91}.panel-footer strong{font-size:10px;letter-spacing:1px}.panel-footer strong span{font-size:8px;font-weight:400;letter-spacing:.5px}.panel-footer i{font-size:7px;font-style:normal;margin-left:2px}.footer{height:44px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:7px;letter-spacing:1px;color:#899084}.footer i{font-style:normal;color:#b0b4aa;margin:0 12px}.footer>span:nth-child(2){font-size:10px;letter-spacing:0;color:#737e6c}.intro{position:absolute;inset:0;z-index:20;background:var(--dark);opacity:1;transition:opacity .65s}.intro.leaving{opacity:0;pointer-events:none}.intro video{width:100%;height:100%;object-fit:contain}.intro:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07151bba,transparent 65%);pointer-events:none}.intro-brand{position:absolute;left:36px;bottom:90px;z-index:2;display:flex;flex-direction:column;gap:8px}.intro-brand strong{font:400 clamp(48px,7vw,100px)/1 'Manrope',sans-serif;letter-spacing:12px}.intro-brand>span:last-child{font-size:8px;letter-spacing:3px;color:#d6dfd7}.skip,.intro-play{position:absolute;z-index:3;color:white;background:#13272ca6;backdrop-filter:blur(10px);border:1px solid #ffffff55;border-radius:3px;padding:12px 18px;font-size:10px;right:30px;bottom:34px}.intro-play{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);font-size:14px}.intro-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff22;z-index:4}.intro-progress i{display:block;height:100%;width:0;background:var(--sage)}.floor-picker{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.floor-picker button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:17px;background:none}.floor-picker>div{text-align:center;display:flex;flex-direction:column}.floor-picker>div span{font-size:7px;letter-spacing:2px;color:#8e9785}.floor-picker strong{font:400 42px/1.3 'Manrope',sans-serif;letter-spacing:-2px}.panel input[type=range]{accent-color:var(--green);width:100%;height:3px;cursor:pointer;display:block;margin:4px 0 7px}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#8a9482}.plan-title{margin:23px 0 0}.plan{display:block;width:100%;margin:0 auto;max-height:205px}.plan .apartment{stroke:#f6f6f0;stroke-width:4;cursor:pointer;fill:#dae3d3;transition:fill .2s}.plan .apartment.reserved{fill:#dcded6}.plan .apartment:hover,.plan .apartment:focus{fill:#b7ce9f;outline:none}.plan text{font-family:var(--font);font-size:10px;fill:var(--ink);pointer-events:none}.plan .apt-name{font-size:15px;font-weight:500}.plan .core{fill:#edeee6;stroke:#b9c2af;stroke-width:1}.legend{display:flex;gap:15px;color:#89907f;font-size:7px;align-items:center;margin:0 0 13px}.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.sage-dot{background:#93ad7e}.gray-dot{background:#c4c8bd}.unit-list{display:flex;flex-direction:column}.unit-row{width:100%;border:0;border-top:1px solid var(--line);background:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;text-align:left}.unit-row:hover{background:#eef1e6}.unit-row strong{font-size:11px;font-weight:500}.unit-row small{display:block;font-size:9px;color:#8a9383;margin-top:3px}.unit-row .unit-status{font-size:7px;color:#6b815c;display:flex;align-items:center;gap:7px}.unit-row .unit-status b{font-size:13px;font-weight:400}.demo-note{font-size:9px;line-height:1.7;color:#8e9588;margin:13px 0 0}.illustrative{font-size:6px!important;color:#859373!important;border:1px solid #d6ddcb;padding:4px 6px;border-radius:3px}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:36px;max-width:560px;width:calc(100% - 32px);max-height:92dvh;overflow:auto;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#08151ec9;backdrop-filter:blur(7px)}dialog h2{font:400 32px/1.15 'Manrope',sans-serif;letter-spacing:-1px;margin:14px 0}.dialog-close{position:absolute;top:16px;right:16px;border:0;background:none;font-size:25px;color:#7d8977;line-height:1}.dialog-lead{font-size:12px;color:#818b79;line-height:1.7}.metrics{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;gap:30px;margin-top:22px}.metrics strong{display:block;font-size:20px;font-weight:500}.metrics span{font-size:8px;color:#89957e;display:block;margin-top:4px}.unit-plan{display:block;width:100%;max-height:275px;margin:20px 0}.unit-plan text{font:10px var(--font);fill:#74826a}.dialog-actions{display:flex;gap:12px}.dialog-actions .primary{width:auto;flex:1;justify-content:center}.dialog-actions .outline-btn{flex:1}.help-item{display:flex;gap:20px;margin-top:24px}.help-item>b{font-size:24px;font-weight:400;min-width:24px}.help-item p{font-size:12px;line-height:1.7;color:#7f8a77;margin:0}.help-item strong{display:block;font-size:13px;color:var(--ink);margin-bottom:5px}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,20px);background:#203c32;color:#fff;font-size:12px;padding:14px 23px;border-radius:5px;box-shadow:0 5px 25px #0003;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.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}.noscript{position:fixed;top:90px;left:0;right:0;z-index:80;padding:20px;background:#fff3c2;text-align:center}
@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 400px}.panel{padding:40px 35px}.header{height:100px}.layout{min-height:calc(100dvh - 144px)}}
@media(max-width:1100px){.header{padding:0 22px}.layout{grid-template-columns:minmax(0,1fr) 315px}.panel{padding:26px 23px}.header-project{display:none}.scene-caption{left:26px}.scene-caption h1{font-size:28px}.camera-readout{bottom:123px;right:22px}.drag-hint{font-size:8px}.viewer-bottom{left:22px;right:22px}.reset span{display:none}.rotation-controls button{width:34px}}
@media(max-width:760px){.header{height:72px;padding:0 20px}.brand>span{font-size:21px}.brand svg{height:30px;width:26px}.brand small{font-size:5px}.header-actions{gap:11px}.demo-badge{font-size:6px;letter-spacing:.5px}.header-actions .outline-btn{font-size:0;padding:8px 10px;gap:0}.header-actions .outline-btn span{font-size:16px}.icon-btn{width:25px;height:25px}.layout{display:flex;flex-direction:column;min-height:0}.viewer{min-height:0;height:65dvh;min-height:440px;max-height:660px}.world{inset:20px 0 35px}.scene-top{top:20px;left:20px;right:20px}.scene-tag{font-size:7px}.scene-caption{left:22px;bottom:125px}.scene-caption h1{font-size:28px;letter-spacing:-.7px}.scene-caption .tiny{font-size:7px}.camera-readout{right:20px;bottom:105px;font-size:6px}.camera-readout span+span{font-size:6px}.viewer-bottom{bottom:20px;left:20px;right:20px;padding-top:16px}.drag-hint{font-size:8px;max-width:115px}.rotation-controls button{height:32px;width:32px}.rotation-controls #auto{width:32px}.panel{border-left:0;padding:29px 24px 25px}.panel-head p{max-width:100%;margin-bottom:22px}.panel h2{font-size:29px}.views-grid{grid-template-columns:repeat(4,1fr);gap:8px}.view-card>span{font-size:8px;padding:9px 7px}.view-card em{display:none}.view-card img{aspect-ratio:1.15}.editorial{margin:22px 0}.editorial h3 br{display:none}.editorial h3{font-size:24px}.panel-footer{margin-top:0;padding-top:26px}.footer{padding:0 23px;height:50px;font-size:6px}.footer>span:nth-child(2){display:none}.footer>span:last-child{max-width:115px;text-align:right;line-height:1.5}.floor-picker{max-width:320px;margin:0 auto 10px}.panel input[type=range],.range-labels{max-width:350px;margin-left:auto;margin-right:auto}.plan{max-height:240px;width:330px;max-width:100%}.unit-row{padding:14px 0}.unit-row strong{font-size:12px}.unit-row small{font-size:10px}.unit-row .unit-status{font-size:8px}.legend{justify-content:center;font-size:8px}.intro-brand{bottom:95px;left:24px}.intro-brand strong{font-size:64px}.intro-brand>span:last-child{font-size:6px}.skip{right:20px;bottom:25px}.floor-hint{top:70px;left:20px;font-size:9px}.scene-caption.floors-active{display:none}dialog{padding:32px 23px}.dialog-actions{flex-direction:column}.metrics{gap:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.spinner{border-color:var(--sage)}}

.view-card img{height:auto}

/* Ajustes puntuales de nombre largo e inventario demostrativo. */
.intro-brand strong{font-size:clamp(25px,4.1vw,64px);letter-spacing:clamp(2px,.5vw,7px);white-space:nowrap}
.inventory-link{display:inline-block;margin-top:12px;color:#78866d;font-size:9px;text-decoration:none}.inventory-link:hover{text-decoration:underline}.sold-dot{background:#9c8e83}.plan .apartment.sold{fill:#d7d0c8}.commercial-line{margin:8px 0 0;font-size:11px}

.facade-shortcuts{display:grid;gap:6px;margin:-9px 0 22px}.facade-shortcuts button{width:100%;border:1px solid var(--line);border-radius:4px;background:none;padding:9px 11px;text-align:left;font-size:9px;color:#61745b;line-height:1.4}.facade-shortcuts button:hover{background:#e8ece2}