/* BLANK V12 — Masterplan Architectural. Solo estilo; geometría, datos y JS intactos. */
.planbox{background:#fdfcf9;border:1px solid #dfd7ca;border-radius:16px;padding:clamp(16px,2.3vw,28px);box-shadow:0 12px 34px rgba(29,44,54,.045)}
.plan-scroll{border-radius:11px;background:linear-gradient(180deg,#faf8f3 0%,#f6f3ed 100%);scrollbar-color:#b9aa91 #f1ece3;scrollbar-width:thin}
.plan-scroll svg{overflow:visible}
.lot rect{fill:#e5ecdd;stroke:#9ba98d;stroke-width:1.25;transition:fill .24s ease,stroke .24s ease,filter .24s ease;filter:drop-shadow(0px 2px 2px rgba(31,47,57,.045))}
.lot text{fill:#263947;transition:fill .24s ease;letter-spacing:-.01em}
.lot .n{font-family:'Sora',sans-serif;font-size:19px;font-weight:400}
.lot .m{font-family:'Jost',sans-serif;font-size:12px;fill:#647078}
.lot:not(.sel):not(.held):not(.sold):hover rect{fill:#b6d39f;stroke:#64865c;filter:drop-shadow(0px 4px 6px rgba(45,88,54,.18))}
.lot:hover text{fill:#263947}.lot:hover .m{fill:#4d5d66}
.lot.sel rect,.lot.sel:hover rect{fill:#243a48;stroke:#243a48;filter:drop-shadow(0px 4px 5px rgba(22,44,57,.22))}
.lot.sel text,.lot.sel:hover text,.lot.sel .m,.lot.sel:hover .m{fill:#fff}
.lot.held rect{fill:#e8e9e7;stroke:#adb5bb;filter:none}
.lot.sold rect{fill:#f1e4e0;stroke:#bc8e82;filter:none}
.lot.held text,.lot.sold text,.lot.held .m,.lot.sold .m{fill:#72797e}
.lot:focus-visible rect{stroke:#b49b72;stroke-width:3}
.road{fill:#ded8cc}
.plan-lbl{fill:#6c7479;font-size:13px;letter-spacing:.02em}
.legend{gap:22px;margin-top:21px;font-size:14px;color:#5c6770;align-items:center}
.legend i{width:10px;height:10px;border-radius:50%;vertical-align:0;margin-right:8px}
.legend .lg-d{background:#e5ecdd;border:1px solid #9ba98d}
.legend .lg-a{background:#c7cdd1;border:1px solid #a7afb6}
.legend .lg-v{background:#d9b1a6;border:1px solid #bd897c}
.pick{margin-top:21px;padding-top:21px;border-top:1px solid #e2dacc;gap:18px}
.pick strong{font-family:'Sora',sans-serif;font-weight:400;font-size:clamp(19px,2vw,23px);color:#243a48}
.pick .small{display:inline-block;margin-top:5px;color:#65727b;font-size:14px}
.pick .btn{box-shadow:0 5px 15px rgba(19,42,58,.10)}
@media(max-width:760px){.planbox{padding:14px;border-radius:13px}.legend{gap:14px;font-size:13px}.pick{align-items:flex-start}.pick .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.lot rect,.lot text{transition:none}}