@media(max-width:700px){
 body[data-page=inicio] .og-comparison{display:grid;grid-template-rows:minmax(360px,1fr) auto auto auto;min-height:max(840px,100svh);padding:128px 18px 22px;gap:16px}
 body[data-page=inicio] .og-comparison .og-comparison-media{inset:0;height:100%;bottom:0}
 body[data-page=inicio] .og-comparison-media img{object-fit:cover;object-position:50% 50%}
 body[data-page=inicio] .og-comparison-shade{background:linear-gradient(90deg,rgba(12,12,11,.83),rgba(12,12,11,.4) 65%,rgba(12,12,11,.16)),linear-gradient(0deg,#151411,rgba(21,20,17,.85) 20%,transparent 62%)}
 body[data-page=inicio] .og-comparison-copy{align-self:start;max-width:100%;padding:0;animation:none}
 body[data-page=inicio] .og-comparison .og-intro{font-size:9px;margin-bottom:16px;letter-spacing:.25em}
 body[data-page=inicio] .og-intro span{width:48px}
 body[data-page=inicio] .og-comparison h1{font-size:clamp(31px,8.6vw,43px);line-height:1.1;letter-spacing:-.04em;margin:0 0 19px}
 body[data-page=inicio] .og-comparison .og-description{font-size:12px;line-height:1.75;max-width:33ch!important;margin-bottom:22px;color:#fffaf2}
 body[data-page=inicio] .og-actions{flex-wrap:nowrap;gap:9px}
 body[data-page=inicio] .og-comparison .button{min-height:48px;font-size:11px;padding:12px 13px;gap:12px;flex:1;white-space:nowrap;border-radius:3px}
 body[data-page=inicio] .og-divider{top:80px;bottom:220px;height:auto}
 body[data-page=inicio] .og-divider span{top:72%;width:44px;height:44px;outline-offset:4px}
 body[data-page=inicio] .og-split{top:calc(80px + (100% - 300px)*.72 - 32px);height:64px}
 body[data-page=inicio] .og-range-label{top:93px;right:18px;font-size:8px;padding:5px 8px;max-width:230px}
 body[data-page=inicio] .og-states{margin:0;flex-wrap:wrap;gap:15px}
 body[data-page=inicio] .og-states span{width:auto;min-width:105px}
 body[data-page=inicio] .og-states strong{font-size:11px}.og-states small{font-size:9px}
 body[data-page=inicio] .og-view-label{order:3;width:100%;text-align:left;font-size:9px}
 body[data-page=inicio] .og-view-label select{min-height:44px;width:100%;max-width:none;font-size:11px}
 body[data-page=inicio] .og-gallery-wrap{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:0}
 body[data-page=inicio] .og-room-arrow{width:44px;height:44px;border-radius:50%}
 body[data-page=inicio] .og-room-gallery{grid-auto-columns:112px;gap:10px;scroll-snap-type:x proximity;padding-bottom:8px}
 body[data-page=inicio] .og-room-gallery button{height:83px;scroll-snap-align:start;border-radius:4px}
 body[data-page=inicio] .og-room-gallery button span{font-size:10px}
 body[data-page=inicio] .og-comparison-status{font-size:9px;margin:0}
 body[data-page=inicio] .home-explore{overflow:hidden}
 body[data-page=inicio] .home-destinations{display:flex;flex-direction:row;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;margin-inline:-4px;scrollbar-width:thin}
 body[data-page=inicio] .home-destinations>a{display:block;flex:0 0 78%;min-width:0;scroll-snap-align:start}
 body[data-page=inicio] .home-destination-image{height:195px;width:100%;border-radius:4px}
 body[data-page=inicio] .home-destination-copy{padding-top:16px}
 body[data-page=inicio] .home-destinations span{font-size:17px;margin-right:30px}
 body[data-page=inicio] .home-destinations small{font-size:11px;max-width:none}
 body[data-page=inicio] .home-destinations .icon{top:19px}
 body[data-page=espacios] .og-spaces-comparison .og-room-arrow{width:44px;height:44px}
 body[data-page=espacios] .og-spaces-comparison .og-gallery-wrap{grid-template-columns:44px minmax(0,1fr) 44px}
 body[data-page=espacios] .og-spaces-comparison .og-room-gallery{scroll-snap-type:x proximity}
 body[data-page=espacios] .og-spaces-comparison .og-room-gallery button{scroll-snap-align:start}
 .menu-toggle,.menu-close,.modal-close,#back-top{min-width:44px;min-height:44px}
}
@media(max-width:360px){body[data-page=inicio] .og-comparison{padding-inline:16px;min-height:860px}body[data-page=inicio] .og-comparison .button{font-size:10px;padding-inline:10px}body[data-page=inicio] .og-comparison .og-description{font-size:11px}body[data-page=inicio] .og-gallery-wrap{gap:6px}}
@media(max-width:700px) and (orientation:landscape){body[data-page=inicio] .og-comparison{min-height:800px}}