body[data-page=espacios] .og-spaces-comparison{width:calc(100% - var(--gutter)*2);margin:0 auto 28px;min-height:0;display:grid;grid-template-rows:auto auto auto;padding:570px 28px 24px;gap:16px;border-radius:4px}
.og-spaces-comparison .og-comparison-media{height:540px;bottom:auto;background:#211f1c}
.og-spaces-comparison .og-comparison-media img{object-fit:contain;object-position:center}
.og-spaces-comparison .og-comparison-shade{display:none}
.og-spaces-comparison .og-divider{top:0;bottom:auto;height:540px}
.og-spaces-comparison .og-divider span{top:50%}
.og-spaces-comparison .og-split{top:240px;height:60px}
.og-spaces-comparison .og-range-label{top:20px;right:20px}
.og-spaces-comparison .og-states{margin:0}
.og-spaces-comparison .og-gallery-wrap{margin:0;gap:16px}
.og-spaces-comparison .og-room-gallery button{height:100px}
.og-originals{padding-top:8px;padding-bottom:32px}
.og-originals>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:22px 0;font:500 14px/1.6 var(--font-reading);color:var(--ink)}
.og-originals>summary::-webkit-details-marker{display:none}
.og-originals>summary .icon{width:18px;height:18px;transition:transform 180ms ease-out}
.og-originals[open]>summary .icon{transform:rotate(180deg)}
body[data-page=espacios] .og-originals>.hero{display:block;margin:24px calc(var(--gutter)*-1) 0}
@media(max-width:700px){
 body[data-page=espacios] .og-spaces-comparison{width:calc(100% - 28px);padding:430px 16px 18px;gap:16px}
 .og-spaces-comparison .og-comparison-media{height:410px}
 .og-spaces-comparison .og-divider{top:0;height:410px}
 .og-spaces-comparison .og-split{top:175px}
 .og-spaces-comparison .og-range-label{top:12px;right:12px;font-size:8px}
 .og-spaces-comparison .og-gallery-wrap{gap:8px}
 .og-spaces-comparison .og-room-gallery{grid-auto-columns:115px}
 .og-spaces-comparison .og-room-gallery button{height:88px}
 .og-originals>summary{font-size:12px;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.og-originals>summary .icon{transition:none}}
.og-space-story{position:absolute;top:80px;left:28px;width:calc((100% - 410px)/2 - 60px);max-width:270px;color:#f4eee4}
.og-space-story>p{font:400 9px/1.5 var(--font-reading);letter-spacing:.18em;color:#c7b89f;margin-bottom:20px}
.og-space-story h3{font:400 32px/1.2 var(--font-editorial);margin:0 0 18px;color:#f4eee4}
.og-space-description{font:400 13px/1.8 var(--font-reading);color:#ddd4c5}
.og-space-story a{display:inline-flex;gap:20px;align-items:center;margin-top:26px;font:500 12px/1.5 var(--font-reading);color:#f4eee4;text-decoration:underline;text-underline-offset:5px}
.og-space-story .icon{width:16px;height:16px}
.og-space-controls{position:absolute;top:200px;right:28px;width:calc((100% - 410px)/2 - 60px);max-width:230px;display:flex;flex-direction:column;gap:10px}
.og-space-controls p{font:400 11px/1.7 var(--font-reading);color:#ddd4c5;margin-bottom:8px}
.og-space-controls button{min-height:44px;border:1px solid #a99376;border-radius:2px;background:transparent;color:#f4eee4;font:400 12px/1.4 var(--font-reading);cursor:pointer}
.og-space-controls button:hover{background:#373126}
@media(max-width:1000px){.og-space-story{top:35px;left:20px;width:calc((100% - 340px)/2 - 40px)}.og-space-story h3{font-size:24px}.og-space-description{font-size:11px}.og-space-controls{right:20px;width:calc((100% - 340px)/2 - 40px)}}
@media(max-width:800px){.og-space-story{position:static;max-width:none;width:100%;margin:0 0 5px}.og-space-story>p{display:none}.og-space-story h3{font-size:26px;margin-bottom:10px}.og-space-description{font-size:12px}.og-space-story a{margin-top:16px}.og-space-controls{position:static;width:100%;max-width:none;flex-direction:row;margin:5px 0}.og-space-controls p{display:none}.og-space-controls button{flex:1}.og-spaces-comparison .og-states{grid-row:auto}}
.og-space-story,.og-space-controls{z-index:5}
/* Editorial spacing and image-led selection inspired by the supplied reference. */
body[data-page=espacios] .page-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 64px;align-items:end;padding-block:40px 36px}
body[data-page=espacios] .page-intro .page-location{grid-column:1/-1}
body[data-page=espacios] .page-intro h1{font:400 clamp(34px,3.6vw,52px)/1.13 var(--font-reading);letter-spacing:-.045em;margin:0;max-width:560px}
body[data-page=espacios] .page-intro p{margin:0;font-size:13px;line-height:1.8;max-width:45ch}
body[data-page=espacios] .og-spaces-comparison{padding:24px;gap:24px;background:#f0ede7;color:#25221d;border-radius:8px;margin-bottom:32px}
.og-spaces-comparison .og-gallery-wrap{grid-row:1;grid-column:1;grid-template-columns:36px minmax(0,1fr) 36px;gap:12px}
.og-spaces-comparison .og-room-gallery{gap:12px;padding:4px 2px 10px}
.og-spaces-comparison .og-room-gallery button{height:150px;border-radius:6px;border:2px solid transparent;background:#363027}
.og-spaces-comparison .og-room-gallery button[aria-pressed=true]{border-color:#847055;box-shadow:0 0 0 2px #f0ede7,0 0 0 3px #847055}
.og-spaces-comparison .og-room-gallery button img{opacity:1;transition:transform 350ms cubic-bezier(.2,.7,.3,1)}
@media(hover:hover){.og-spaces-comparison .og-room-gallery button:hover img{transform:scale(1.035)}}
.og-spaces-comparison .og-room-gallery button span{font-size:12px;left:10px}
.og-spaces-comparison .og-room-arrow{width:36px;height:44px;color:#343029;border:1px solid #b3a48f;border-radius:3px}
.og-spaces-comparison .og-room-arrow:hover{background:#e1d9cd}
.og-space-stage{grid-row:2;position:relative;height:540px;overflow:hidden;border-radius:6px;background:#211f1c;color:#f4eee4}
.og-spaces-comparison .og-comparison-media{z-index:0;inset:0}
.og-spaces-comparison .og-divider{z-index:2}
.og-spaces-comparison .og-states{grid-row:3;color:#343029;align-items:center}
.og-spaces-comparison .og-states strong{font-size:12px;color:#343029}
.og-spaces-comparison .og-states small,.og-spaces-comparison .og-view-label{color:#60584e}
.og-spaces-comparison .og-view-label select{background:#fffdf8;color:#343029;border-color:#ad9b81}
.og-spaces-comparison .og-comparison-status{grid-row:4;color:#60584e;margin:0}
body[data-page=espacios] .footer-invitation{position:relative;isolation:isolate;overflow:hidden;padding:64px 40px;min-height:280px;border:0;border-radius:6px;align-items:center;background:#28221b;color:#faf7ef;margin-bottom:32px}
body[data-page=espacios] .footer-invitation::before{content:'';position:absolute;inset:-20px 0;z-index:-2;background:url('assets/comparacion/balcon-despues.png') center calc(48% + var(--contact-offset,0px))/cover}
body[data-page=espacios] .footer-invitation::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,15,12,.86),rgba(17,15,12,.6))}
body[data-page=espacios] .footer-invitation p{font:400 clamp(26px,3.3vw,43px)/1.2 var(--font-reading);letter-spacing:-.03em;max-width:580px;color:#faf7ef}
body[data-page=espacios] .footer-invitation p em{font-style:normal;color:#dac4a8}
body[data-page=espacios] .footer-invitation .button{background:#faf7ef;color:#25221d;border:1px solid #faf7ef;min-height:50px;border-radius:3px}
@media(max-width:1000px){.og-spaces-comparison .og-room-gallery{grid-auto-columns:155px}.og-space-stage{height:500px}.og-spaces-comparison .og-comparison-media,.og-spaces-comparison .og-divider{height:500px}.og-spaces-comparison .og-split{top:220px}}
@media(max-width:800px){
 .og-space-stage{height:auto;min-height:410px;padding:430px 20px 20px}
 .og-space-stage .og-comparison-media{height:410px}
 .og-space-stage .og-divider{height:410px}
 .og-space-stage .og-split{top:175px}
 .og-space-story{position:relative;z-index:5}
 .og-space-story h3{margin-top:0}
 .og-space-controls{position:relative;margin-top:22px}
 body[data-page=espacios] .page-intro{display:block;padding-block:28px}.page-intro .page-location{margin-bottom:18px}
 body[data-page=espacios] .page-intro h1{font-size:36px;margin-bottom:18px;max-width:480px}
 body[data-page=espacios] .footer-invitation{padding:34px 24px;min-height:280px}
}
@media(max-width:700px){
 body[data-page=espacios] .og-spaces-comparison{padding:12px;gap:20px;width:calc(100% - 28px)}
 .og-spaces-comparison .og-room-gallery{grid-auto-columns:132px}
 .og-spaces-comparison .og-room-gallery button{height:125px}
 .og-spaces-comparison .og-gallery-wrap{gap:8px}
 .og-spaces-comparison .og-states{flex-wrap:wrap;gap:18px;padding-inline:8px}
 body[data-page=espacios] .footer-invitation p{font-size:30px;margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.og-spaces-comparison .og-room-gallery button img{transition:none;transform:none!important}}
@media(max-width:800px){.og-space-stage .og-space-story,.og-space-stage .og-space-controls{inset:auto}}