*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f7f8f7;color:#1e2928;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e3e7e4}.brand{font-weight:700;letter-spacing:.12em;font-size:19px}.brand span{font-size:11px;font-weight:400;letter-spacing:.16em;margin-left:8px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#657a65}.edition{font-size:12px;letter-spacing:.16em;color:#687370}.hero{height:min(790px,calc(100svh - 82px));min-height:600px;position:relative;background:#27322e;color:white}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,19,.62),transparent 85%),linear-gradient(0deg,rgba(8,22,19,.62),transparent 45%)}.hero-content{position:absolute;left:7%;top:15%;right:5%}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:600;margin:0 0 20px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(50px,5.6vw,86px);letter-spacing:-.045em}h1 span{display:block;font-size:.62em;line-height:1.13;margin-top:14px;letter-spacing:-.03em}h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{padding:16px 24px;display:inline-flex;gap:28px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:500;min-height:52px}.button.light{background:#fff;color:#22342d}.button.outline{border-color:#ffffff70;color:#fff;background:#ffffff08;backdrop-filter:blur(4px)}.button:hover{transform:translateY(-2px)}.hero-foot{position:absolute;bottom:36px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:14px}.hero-foot i{font-style:normal;margin:0 15px;opacity:.5}.hero-foot a{font-size:11px;letter-spacing:.16em}.hero-foot a span{font-size:20px;margin-left:20px}.section{padding:88px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-heading>p{max-width:310px;color:#65706c;font-size:15px}.section-heading .eyebrow{color:#697b69;margin-bottom:12px}footer{padding:36px 5%;border-top:1px solid #dce2dd;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:13px;color:#66706b}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;background:white;padding:12px}a:focus-visible,button:focus-visible{outline:3px solid #94ac80;outline-offset:4px}@media(max-width:760px){header{height:68px;padding:0 5%}.edition{display:none}.brand{font-size:16px}.brand span{font-size:9px}nav{gap:16px;font-size:12px}nav a:first-child{display:none}.hero{height:690px;min-height:0}.hero-content{top:16%;left:6%}.hero>img{object-position:55%}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-foot{left:6%;right:6%;font-size:12px}.hero-foot i{margin:0 8px}.hero-foot a{display:none}.section{padding:56px 5%}.section-heading{display:block}.section-heading>p{margin-bottom:0}footer{flex-wrap:wrap}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.explore-layout{display:grid;grid-template-columns:230px minmax(0,1fr);background:#fff;border:1px solid #dce2dd;border-radius:5px;overflow:hidden}.room-nav{padding:28px 16px;background:#eff2ee;border-right:1px solid #dce2dd;display:flex;flex-direction:column}.small-label{font-size:11px;letter-spacing:.17em;color:#738071;margin:0 12px 23px}.room-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;padding:13px 12px;font-size:14px;color:#4a554d;border-radius:3px}.room-option:hover{background:#e1e7dc}.room-option.active{background:#253c31;color:white}.room-number{font-size:10px;opacity:.6;min-width:17px}.room-arrow{margin-left:auto}.nav-note{margin-top:auto;padding:32px 12px 2px;font-size:11px;color:#64745f;line-height:1.8}.nav-note small{color:#858e81}.status-dot{display:inline-block;width:6px;height:6px;background:#718463;border-radius:50%;margin-right:6px}.room-main{min-width:0}.stage{aspect-ratio:16/9;position:relative;background:#e7e9e3;overflow:hidden}.stage>img{width:100%;height:100%;object-fit:contain;display:block}.icon-button{border:1px solid #d4ddd2;background:white;color:#22342b;border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.icon-button:hover{background:#e9efe5}.icon-button:disabled{opacity:.3;cursor:default}.expand-image{position:absolute;right:18px;top:18px;background:#fffffff0}.hotspots{position:absolute;bottom:22px;left:24px;right:80px;display:flex;flex-wrap:wrap;gap:10px}.hotspot{border:1px solid #ffffffa6;background:#142a21c9;backdrop-filter:blur(12px);border-radius:40px;padding:5px 16px 5px 5px;color:#fff;display:flex;align-items:center;gap:9px;font-size:12px;min-height:42px;transition:background .15s}.hotspot:hover{background:#142a21}.hotspot-dot{display:inline-flex;border-radius:50%;background:#fff;color:#2d4736;width:30px;height:30px;align-items:center;justify-content:center;font-size:17px}.room-info{display:flex;justify-content:space-between;gap:24px;padding:28px 30px 18px}.room-info .eyebrow{font-size:10px;color:#7b8976;margin:0 0 7px}.room-info h3{font-size:32px;letter-spacing:-.03em}.room-info p:last-child{font-size:14px;color:#717c73;max-width:520px;margin-bottom:0}.room-photo-controls{display:flex;align-items:center;gap:8px;align-self:start}.room-photo-controls>span{font-size:11px;letter-spacing:.07em;color:#73806e;margin-right:8px}.related{border-top:1px solid #edf0e9;margin:4px 30px 0;padding:14px 0 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px}.related>span{color:#8b9485}.related>button{padding:4px 0;border:0;border-bottom:1px solid #b8c7b1;background:none;color:#3f553a;font-size:12px}.mobile-select{display:none}.plan-panel{margin-top:34px;padding:32px 36px 20px;background:#edf1eb;border:1px solid #dce2d8;border-radius:5px}.plan-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.plan-head h3{font-size:27px;letter-spacing:-.035em}.plan-head .eyebrow{font-size:10px;color:#788771;margin:0 0 8px}.plan-head p:last-child{font-size:13px;color:#727f6e}.plan-scroll{overflow-x:auto;margin:25px 0 4px}.plan-scroll svg{display:block;width:100%;min-width:720px}.plan-room{cursor:pointer;outline:none}.plan-room rect{fill:#fafbf8;stroke:#66716a;stroke-width:5;transition:fill .2s}.plan-room text{font-family:Arial,sans-serif;font-size:20px;fill:#52644c;pointer-events:none}.plan-room:hover rect{fill:#dce5d2}.plan-room.active rect{fill:#c4d4ad;stroke:#586c47}.plan-room.active text{fill:#243c1d}.plan-room:focus rect{stroke:#a56c2e;stroke-width:8}.plan-detail{font-family:Arial,sans-serif;fill:#899080;font-size:18px}.plan-footer{border-top:1px solid #d7dfd1;padding-top:15px;display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#73816a}.plan-footer small{font-size:11px}.plan-key{display:inline-block;width:9px;height:9px;background:#b8cda0;border:1px solid #879c70;margin-right:7px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.gallery-card{border:0;background:none;padding:0;text-align:left;color:#354332}.gallery-card>div{aspect-ratio:16/9;overflow:hidden;position:relative;border-radius:3px;background:#e7ebe2}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-card:hover img{transform:scale(1.035)}.gallery-expand{position:absolute;right:12px;bottom:12px;background:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.gallery-card:hover .gallery-expand,.gallery-card:focus-visible .gallery-expand{opacity:1}.gallery-caption{display:flex;justify-content:space-between;gap:10px;padding-top:13px;font-size:14px}.gallery-caption small{font-size:11px;color:#8b9585}.walkthrough{aspect-ratio:16/7.4;position:relative;background:#233b2b;border-radius:5px;overflow:hidden;color:#fff}.walkthrough>img{width:100%;height:100%;object-fit:cover}.walkthrough-shade{position:absolute;inset:0;background:#10271c9e}.walkthrough-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.film-symbol{font-size:28px;width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff6b;border-radius:50%;margin-bottom:20px}.walkthrough-pending .eyebrow{font-size:10px;letter-spacing:.2em;color:#d0debf;margin-bottom:10px}.walkthrough-pending h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.03em}.walkthrough-pending>p:not(.eyebrow){font-size:14px;color:#e0e7d8;margin:18px 0 24px}.walkthrough video{width:100%;height:100%;background:#102019}.video-fallback{position:absolute;bottom:15px;left:15px;background:#233b2b;padding:12px}.process-line{padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #cbd5c3;margin:40px 0 0}.process-line li{position:relative;padding:22px 28px 15px 0}.process-line li>span{font-size:11px;color:#87957c;letter-spacing:.13em}.process-line h3{font-family:Arial,sans-serif;font-size:15px;line-height:1.5;margin-top:17px;max-width:160px}.process-line b{position:absolute;right:16px;top:57px;font-weight:400;color:#96a28b}.process-line li:last-child b{display:none}#recorrido{padding-top:45px}#proceso{padding-top:45px;padding-bottom:100px}.image-error{position:absolute;inset:0;place-content:center;text-align:center;background:#e4e9dc}.image-error:not([hidden]){display:grid}.unavailable{background:#d9dfd2}.modal-open{overflow:hidden}dialog{padding:0;border:0;max-width:none;max-height:none;width:100%;height:100%;background:#15221ef5;color:white}dialog::backdrop{background:#14211e}.lightbox-head{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:13px;color:#d6dfd2}.lightbox-head button,.lightbox-foot button{border:0;background:none;color:white;font-size:14px;min-height:44px}.lightbox-head button span{font-size:26px;margin-left:15px}.lightbox-stage{height:calc(100% - 170px);display:flex;align-items:center;justify-content:center;gap:20px;padding:0 3%}.lightbox-stage img{max-width:calc(100% - 120px);width:auto;height:auto;max-height:100%;object-fit:contain}.lightbox-stage .icon-button{background:#ffffff10;color:#fff;border-color:#ffffff40}.lightbox-stage .icon-button:hover{background:#ffffff30}.lightbox-foot{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 8%;gap:20px}.lightbox-foot h3{font-size:25px}.lightbox-foot button{border-bottom:1px solid #748776}.section{scroll-margin-top:15px}
@media(min-width:1400px){.explore-layout{grid-template-columns:260px minmax(0,1fr)}.room-option{padding:15px}.room-info{padding:32px}.room-info h3{font-size:36px}}
@media(max-width:1050px){.explore-layout{grid-template-columns:190px minmax(0,1fr)}.room-nav{padding:22px 9px}.room-option{font-size:12px;gap:8px;padding:12px 8px}.room-info{padding:22px;gap:12px}.room-info h3{font-size:29px}.room-photo-controls>span{display:none}.hotspots{left:15px;bottom:15px;right:15px}.related{margin:0 22px}.process-line{grid-template-columns:repeat(3,1fr)}.process-line li:nth-child(3){border-right:0}.process-line li{border-bottom:1px solid #dce2d6;padding-bottom:25px}}
@media(max-width:760px){.explore-layout{display:block}.room-nav{display:none}.mobile-select{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px;background:#eff2e9}.mobile-select label{font-size:12px;color:#637258}.mobile-select select{background:#fff;border:1px solid #ccd6c2;border-radius:3px;font-size:14px;color:#263e21;padding:10px;max-width:60%}.room-info{padding:20px}.room-info h3{font-size:27px}.room-info p:last-child{font-size:13px}.room-photo-controls{gap:5px}.room-photo-controls .icon-button{width:34px;height:34px;font-size:16px}.hotspots{bottom:12px;left:12px;gap:6px}.hotspot{font-size:10px;padding-right:10px;min-height:36px}.hotspot-dot{width:25px;height:25px;font-size:15px}.expand-image{width:34px;height:34px;top:10px;right:10px}.related{font-size:11px;gap:12px;margin:0 20px}.related>span{width:100%}.related>button{font-size:12px}.plan-panel{padding:24px 17px 17px}.plan-head{display:block}.plan-head h3{font-size:26px}.plan-head>p{font-size:12px;margin:12px 0 0}.plan-scroll{margin-top:16px}.plan-footer{flex-direction:column;gap:7px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.gallery-caption{font-size:12px}.gallery-expand{display:none}.walkthrough{aspect-ratio:auto;min-height:410px}.walkthrough>img{position:absolute;inset:0}.walkthrough-pending>p:not(.eyebrow){font-size:13px}.walkthrough-pending h3{font-size:32px}.process-line{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.process-line h3{font-size:14px}.process-line b{right:7px}.process-line li{padding-right:25px}.lightbox-head{height:65px}.lightbox-stage{height:calc(100% - 185px);padding:0;gap:0;position:relative}.lightbox-stage img{max-width:100%;width:100%;max-height:100%}.lightbox-stage .icon-button{position:absolute;z-index:2;bottom:10px;background:#15221ec9}#lightbox-prev{left:20px}#lightbox-next{right:20px}.lightbox-foot{padding:12px 6%;height:120px;display:block}.lightbox-foot h3{font-size:23px}.lightbox-foot button{margin-top:8px}.hero-content h1 span{max-width:460px}.nav-note{display:none}}
@media(max-width:400px){header .brand span{display:none}.hero-foot{font-size:11px}.hero-actions .button{font-size:13px}.room-info{display:block}.room-photo-controls{margin-top:15px}.room-photo-controls>span{display:inline}.hotspot{font-size:9px}.gallery-grid{grid-template-columns:1fr}}

.hotspot,.related>button{font-size:14px}.room-info p:last-child{font-size:16px}.gallery-caption{font-size:15px}.plan-head>p{font-size:14px}.walkthrough-pending>p:not(.eyebrow){font-size:16px}.process-line h3{font-size:16px}@media(max-width:760px){nav{font-size:14px;gap:14px}.hotspot{font-size:12px}.related>button{font-size:14px}.room-info p:last-child{font-size:15px}.gallery-caption{font-size:14px}.walkthrough-pending>p:not(.eyebrow){font-size:15px}.mobile-select label{font-size:14px}.plan-head>p{font-size:14px}.process-line h3{font-size:15px}}
/* V2 evolves the existing explorer; V1 styling stays as its base. */
.brand{display:flex;align-items:center;gap:10px}.official-logo{display:block;width:96px;height:54px;object-fit:contain}.brand span{margin-left:0}.explore-layout{align-items:stretch}.room-main{display:flex;flex-direction:column}.room-main .stage{height:clamp(290px,44vh,490px);aspect-ratio:auto;background:#e7eae5}.stage>img{object-fit:contain}.room-info{padding:17px 24px;align-items:center}.room-info h3{font-size:28px}.room-info p:last-child{font-size:14px;margin-top:8px;line-height:1.45}.room-info .eyebrow{display:none}.room-photo-controls{align-self:center}.room-main .plan-panel{border:0;border-top:1px solid #dce2dd;border-radius:0;margin:0;padding:16px 24px 12px;background:#f0f3ed}.plan-head{gap:12px;align-items:center}.map-title{display:flex;align-items:center;gap:16px}.map-title .eyebrow{margin:0;font-size:11px}.map-title>span:last-child{font-size:13px;font-weight:600;color:#2f4934}.plan-actions{display:flex;align-items:center;gap:12px}.plan-actions button{background:none;min-height:34px;padding:5px 9px;border-radius:3px;font-size:13px;color:#385037}.document-link{border:1px solid #b9c7b2}.document-link:hover{background:#e1e8db}.plan-exterior{border:1px solid transparent}.plan-exterior.active{background:#c4d4ad;border-color:#617853}.plan-scroll{margin:10px 0 0}.plan-scroll svg{min-width:640px;max-height:190px}.plan-footer{padding-top:8px;font-size:10px}.plan-footer small{font-size:10px}.room-nav{padding-top:22px}.room-option{padding:12px 10px}.nav-note{padding-top:18px}.document-modal{width:94vw;height:92svh;max-width:1500px;max-height:1050px;margin:auto;border-radius:8px;background:#f6f7f4;color:#233a2b;box-shadow:0 30px 100px #0008;padding:0}.document-modal::backdrop{background:#10221aca;backdrop-filter:blur(4px)}.document-modal[open]{display:flex;flex-direction:column}.document-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;border-bottom:1px solid #dce2d7}.document-header .eyebrow{font-size:10px;margin:0 0 7px;color:#74836e}.document-header h2{font-size:30px;letter-spacing:-.025em}.document-toolbar{padding:12px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #dce2d7;font-size:14px}.document-toolbar label{display:flex;align-items:center;gap:8px}.document-toolbar select{padding:8px;border:1px solid #c3cdbc;background:#fff;color:#2d432b;font:inherit;border-radius:3px}.document-toolbar a{border-bottom:1px solid #9caa93;padding:7px 0}.document-toolbar a:first-of-type{margin-left:auto}.document-zoom{display:flex;align-items:center;gap:8px}.document-zoom button{background:white;border:1px solid #ccd5c4;padding:7px 11px;border-radius:3px;min-width:34px}.document-zoom button:disabled{opacity:.35;cursor:default}.document-zoom output{min-width:48px;text-align:center;font-size:13px}.document-canvas{flex:1;min-height:0;overflow:auto;background:#e2e7de;padding:16px;overscroll-behavior:contain}.document-canvas img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 3px 12px #22331a18}.document-note{margin:0;padding:12px 24px;font-size:12px;color:#77836e}.related[hidden]{display:none}.section-heading .eyebrow{margin-bottom:10px}
@media(min-width:1100px){#explorar{padding-top:48px;padding-bottom:64px}#explorar .section-heading{margin-bottom:22px}#explorar .section-heading h2{font-size:39px}.room-nav{width:auto}}
@media(max-width:1050px){.map-title{gap:8px;flex-wrap:wrap}.plan-head{flex-wrap:wrap}.room-info{padding:16px 20px}.room-main .plan-panel{padding:15px 18px 10px}.room-main .stage{height:clamp(250px,38vh,420px)}}
@media(max-width:760px){.official-logo{width:73px;height:43px}.brand{gap:5px}.brand span{display:none}header nav a:first-child{display:inline}.room-nav{display:block;padding:10px;border-right:0;border-bottom:1px solid #dce2dd}.room-nav .small-label,.room-nav .nav-note{display:none}.room-nav>div[role=group]{display:flex;overflow:auto;gap:5px;scrollbar-width:thin;padding-bottom:5px}.room-option{flex:0 0 auto;width:auto;font-size:13px;padding:10px 12px}.room-number,.room-arrow{display:none}.mobile-select{display:none}.room-main .stage{height:auto;aspect-ratio:16/9}.room-info{padding:14px 16px;display:flex}.room-info h3{font-size:25px}.room-info p:last-child{font-size:13px;margin-top:5px}.room-photo-controls{margin:0;flex-wrap:wrap;justify-content:flex-end;min-width:77px}.room-photo-controls>span{width:100%;text-align:right;margin:0;font-size:10px}.room-main .plan-panel{padding:14px 14px 10px}.map-title{justify-content:space-between;width:100%}.plan-head{display:flex;gap:8px}.plan-actions{width:100%;justify-content:space-between}.plan-scroll svg{min-width:640px;max-height:170px}.plan-footer{gap:5px}.document-modal{width:97vw;height:95svh}.document-header{padding:16px}.document-header h2{font-size:23px}.document-toolbar{padding:12px;gap:10px;font-size:12px}.document-toolbar a:first-of-type{margin-left:0}.document-toolbar a{font-size:12px}.document-canvas{padding:8px}.document-note{padding:10px 14px;font-size:11px}.document-zoom{gap:5px}.document-zoom button{padding:6px 9px}.document-toolbar label{font-size:12px}.document-toolbar select{max-width:135px}.document-toolbar .document-zoom{margin-left:auto}}
/* V3: identical photo framing, photographic day/night dissolve. */
.hero{touch-action:pan-y}.hero>#hero-night{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;will-change:opacity}.hero>#hero-image,.hero>#hero-night{object-position:center center}.hero-shade{pointer-events:none}.hero-facts{display:flex;align-items:center;gap:27px}.hero-fact{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.hero-fact svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:.9}.hero-mode{position:absolute;right:5%;top:25px;z-index:2;display:flex;gap:3px;border:1px solid #ffffff65;border-radius:30px;padding:3px;background:#192a2380;backdrop-filter:blur(8px)}.hero-mode button{color:white;font-size:13px;background:transparent;border:0;border-radius:25px;padding:9px 15px;min-height:36px}.hero-mode button[aria-pressed=true]{background:#ffffffdf;color:#233b2b}.hero-mode[hidden]{display:none}@media(hover:hover) and (pointer:fine){.hero-mode{opacity:0;pointer-events:none}.hero-mode:focus-within{opacity:1;pointer-events:auto}}@media(max-width:760px){.hero-facts{gap:16px}.hero-fact{gap:6px;font-size:12px}.hero-fact svg{width:17px;height:17px}.hero-mode{top:18px;right:6%}.hero-foot{left:6%;right:6%}}@media(max-width:400px){.hero-facts{gap:12px}.hero-fact{font-size:11px;gap:5px}.hero-fact svg{width:16px;height:16px}}

/* V4: one explorer, photo and plan on the left, contextual choices on the right. */
.explore-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:stretch}
.custom-panel{padding:28px 24px;background:#f2f4ef;border-left:1px solid #dce2dd;min-width:0}
.custom-panel>.eyebrow{font-size:10px;color:#74816f;margin-bottom:9px}
.custom-panel h3{font-size:30px;letter-spacing:-.03em}
.custom-room{font-size:13px;color:#64715f;margin:10px 0 26px}
.custom-category{border-top:1px solid #dce2d7;padding:17px 0}
.custom-category h4{font-size:13px;font-weight:500;margin:0 0 5px}
.category-empty{font-size:11px;color:#76816f}
.custom-note{font-size:12px;line-height:1.7;color:#6e7b67;margin:22px 0 0}
.compare-toggle{display:flex;border:1px solid #b9c7b2;border-radius:4px;padding:3px;margin-bottom:24px;gap:3px}
.compare-toggle button{flex:1;border:0;background:transparent;padding:9px 5px;border-radius:2px;font-size:11px;color:#43543f}
.compare-toggle button[aria-pressed=true]{background:#293f33;color:white}
.variant-options{display:grid;gap:8px;margin-top:12px}
.variant-option{background:#fff;border:1px solid #d3ddcc;border-radius:3px;padding:8px;display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;color:#354832}
.variant-option img{width:54px;height:38px;object-fit:cover;border-radius:2px}
.variant-option[aria-pressed=true]{border-color:#566d46;box-shadow:0 0 0 1px #566d46}
.hotspots{right:14px;gap:6px;bottom:14px}
.walkthrough{aspect-ratio:16/9;min-height:0;background:#102019}
.walkthrough video{display:block;object-fit:contain}
@media(min-width:901px){.room-main .stage{height:auto;aspect-ratio:16/9}.plan-head{flex-wrap:wrap}.map-title{flex-wrap:wrap}.room-info{gap:12px}}
@media(max-width:1100px) and (min-width:901px){.explore-layout{grid-template-columns:minmax(0,1fr) 225px}.custom-panel{padding:22px 18px}}
@media(max-width:900px){.explore-layout{display:flex;flex-direction:column}.room-main .stage{height:auto;aspect-ratio:16/9}.custom-panel{border-left:0;border-top:1px solid #dce2dd;padding:22px}.custom-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.custom-room{margin-bottom:16px}.custom-note{margin-top:12px}.compare-toggle{max-width:300px}}
@media(max-width:480px){.hotspot{font-size:10px;min-height:30px;padding:3px 8px 3px 3px;gap:5px}.hotspot-dot{width:22px;height:22px}.hotspots{bottom:8px;gap:5px}.custom-panel{padding:20px 16px}.custom-panel h3{font-size:27px}}

/* Real variants only; no empty panel or categories. */
.custom-panel[hidden]{display:none}
.explore-layout.no-customization{grid-template-columns:minmax(0,1fr)}
.variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.variant-option{display:flex;flex-direction:column;align-items:stretch;padding:5px;gap:5px;font-size:11px}
.variant-option img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.variant-option span{padding:3px 2px;line-height:1.35}
.variant-option[aria-pressed=true]{background:#e4ecdd}
.compare-toggle button:disabled{opacity:.4;cursor:default}
.custom-category{padding:13px 0}
@media(max-width:900px){.variant-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Material configurator: source-photo crops, one category at a time. */
.custom-panel{background:#f8f8f4;padding:27px 20px}
.custom-panel>.eyebrow{font-size:9px;letter-spacing:.16em;color:#7d8176}
.custom-panel h3{font-size:29px}.custom-room{margin:9px 0 22px}
.compare-toggle{background:#eeefea;border:0;padding:4px;border-radius:7px;margin-bottom:23px}
.compare-toggle button{border-radius:5px;min-height:36px}
.compare-toggle button[aria-pressed=true]{background:#fff;color:#283b30;box-shadow:0 1px 5px #25342512}
.material-tabs{display:flex;gap:6px;padding:0 0 19px;border-bottom:1px solid #e1e3dc}
.material-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:7px;padding:11px 6px;font-size:12px;color:#747a6e;min-height:44px}
.material-tabs button[aria-selected=true]{background:#e8ede3;border-color:#d5ddcd;color:#33462e}
.material-tabs svg{width:19px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.custom-categories{display:block}
.material-category{padding:20px 0 0;border:0}
.material-category[hidden]{display:none}
.material-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}
.material-heading h4{font-size:12px;margin:0}.material-heading>span{font-size:11px;color:#7b8273}
.material-category .variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}
.material-option{position:relative;border:1px solid #e0e2da;background:#fff;border-radius:9px;padding:6px;gap:0;overflow:hidden;transition:border-color .16s,box-shadow .16s}
.material-option:hover{border-color:#a8b39b;box-shadow:0 3px 9px #293c2310}
.material-option[aria-pressed=true]{border-color:#6e805d;background:#fff;box-shadow:0 0 0 1px #6e805d}
.material-option .material-sample{display:block;width:100%;aspect-ratio:1.2;border-radius:5px;padding:0;background-repeat:no-repeat;background-color:#e9e6df}
.material-option .material-label{display:block;padding:10px 3px 5px;font-size:11px;line-height:1.35;min-height:30px}
.material-option .material-check{display:none;position:absolute;right:11px;top:11px;width:18px;height:18px;border-radius:50%;background:#fff;color:#465b37;font-size:12px;padding:0;place-items:center;box-shadow:0 1px 4px #0002}
.material-option[aria-pressed=true] .material-check{display:grid}
@media(max-width:900px){.material-category .variant-options{grid-template-columns:repeat(4,minmax(0,1fr))}.material-tabs{max-width:340px}.material-heading{max-width:340px}.custom-panel{padding:24px}.material-option .material-sample{aspect-ratio:1.4}}
@media(max-width:480px){.custom-panel{padding:22px 16px}.material-category .variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-option .material-sample{aspect-ratio:1.7}.material-option .material-label{font-size:12px}}

/* Named views share the kitchen configuration. */
#kitchen-views{display:flex;gap:6px;flex-wrap:wrap}
#kitchen-views[hidden],.room-photo-controls>[hidden]{display:none}
#kitchen-views button{border:1px solid #d8ded2;border-radius:6px;padding:10px 12px;background:#fff;color:#62705a;font-size:12px;min-height:40px}
#kitchen-views button[aria-pressed=true]{background:#e8ede3;border-color:#a7b69b;color:#2d4328}
@media(max-width:760px){.room-info:has(#kitchen-views:not([hidden])){flex-wrap:wrap}.room-photo-controls:has(#kitchen-views:not([hidden])){width:100%;justify-content:flex-start}#kitchen-views{width:100%}#kitchen-views button{flex:1}}

/* Arca blue: interaction accents only. Neutral surfaces and typography retained. */
:root{--arca-accent:#528bab;--arca-soft:#e8f2f7;--arca-hover:#315f7a;--arca-line:#aac7d8;--arca-plan:#c5dfed}
a:focus-visible,button:focus-visible,select:focus-visible{outline-color:var(--arca-hover)}
nav a:hover,.related>button:hover,.document-toolbar a:hover,footer>a:last-child:hover{color:var(--arca-hover)}
.icon-button,.hotspot-dot,.gallery-expand,.related>button,.plan-actions button{color:var(--arca-hover)}
.icon-button:hover,.document-link:hover,.document-zoom button:hover,.document-toolbar select:focus-visible{background:var(--arca-soft);border-color:var(--arca-line)}
.button.light:hover{background:var(--arca-soft);color:var(--arca-hover)}
.button.outline:hover{border-color:var(--arca-line);background:#315f7a66}
.button span,.hero-foot a span{color:inherit}
.hotspot{background:#315f7ae8;border-color:#c5dfedb3}
.hotspot:hover{background:#254d65}
.hotspot-dot{background:#f4f9fc}
.plan-room:hover rect{fill:var(--arca-soft);stroke:var(--arca-accent)}
.plan-room.active rect{fill:var(--arca-plan);stroke:var(--arca-accent)}
.plan-room.active text{fill:#284f66}
.plan-room:focus rect{stroke:var(--arca-hover)}
.plan-key{background:var(--arca-plan);border-color:var(--arca-accent)}
.plan-exterior.active{background:var(--arca-soft);border-color:var(--arca-line);color:var(--arca-hover)}
.status-dot{background:var(--arca-accent)}
.material-tabs button:hover,#kitchen-views button:hover{background:var(--arca-soft);color:var(--arca-hover);border-color:var(--arca-line)}
.material-tabs button[aria-selected=true],#kitchen-views button[aria-pressed=true]{background:var(--arca-soft);border-color:var(--arca-line);color:var(--arca-hover)}
.variant-option:hover,.material-option:hover{border-color:var(--arca-accent);box-shadow:0 3px 9px #315f7a10}
.variant-option[aria-pressed=true],.material-option[aria-pressed=true]{border-color:var(--arca-accent);box-shadow:0 0 0 1px var(--arca-accent)}
.material-option .material-check{background:var(--arca-soft);color:var(--arca-hover)}
.compare-toggle button[aria-pressed=true]{background:var(--arca-soft);color:var(--arca-hover);box-shadow:0 1px 5px #315f7a12}
.compare-toggle button:not(:disabled):hover{color:var(--arca-hover)}
.hero-mode button[aria-pressed=true]{background:var(--arca-soft);color:var(--arca-hover)}
.hero-mode button:hover{color:#c5dfed}
.hero-mode button[aria-pressed=true]:hover{color:var(--arca-hover)}

/* Touch target refinements; original desktop design remains unchanged. */
@media(pointer:coarse){.icon-button,.room-photo-controls .icon-button,.hotspot,.plan-actions button,.hero-mode button,.document-zoom button,.document-toolbar select,.compare-toggle button{min-height:44px;min-width:44px}.material-tabs button,#kitchen-views button{min-height:44px}.hotspot{padding-right:12px}.document-toolbar a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:360px){header{padding-left:4%;padding-right:4%}header nav{gap:10px;font-size:11px}.official-logo{width:62px}.hero-facts{gap:9px}.hero-fact{font-size:10px}}