.reference-hero{overflow:visible;border:0;padding-top:32px}.hero-composition{display:grid;grid-template-columns:28% minmax(0,72%);align-items:center;min-height:510px;padding:0 0 0 4.5%}.hero-copy{position:relative;inset:auto;width:auto;padding:0 20px 0 0;background:none;color:var(--ink)}.hero-copy h1{font-size:clamp(33px,3.3vw,53px);line-height:1.03;letter-spacing:-1.8px;margin:15px 0 22px}.hero-copy .eyebrow{color:var(--muted);font-size:8px;letter-spacing:1.6px;white-space:normal;line-height:1.6}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:270px;color:var(--muted)}.hero-copy h1 em{background:linear-gradient(100deg,#267da3,#b18a1d);background-clip:text}.hero-values{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 10px;margin-top:28px}.hero-values span{text-align:left;font-size:19px;display:flex;align-items:center;gap:9px;color:#3187a0}.hero-values small{font-size:9px;color:var(--muted);margin:0}.hero-scroll{margin:0;overflow:visible;min-width:0}.photo-house{min-width:0;width:100%;aspect-ratio:640/328;position:relative;background:none;isolation:isolate;overflow:visible;border-radius:0}.house-source{position:absolute;right:0;top:0;width:160%;max-width:none;transform:translateY(-3.90625%);clip-path:inset(3.90625% 0 74.7396% 37.5%);pointer-events:none;z-index:-2}.photo-house:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--bg),transparent 24%),linear-gradient(90deg,var(--bg),transparent 9%);z-index:1}.photo-hotspot{z-index:3;height:9%;border-radius:25px}.photo-hotspot:hover,.photo-hotspot[aria-expanded=true]{background:#ffda4326;box-shadow:0 0 0 2px #ffe36c,0 0 22px #f4bd4b80}.photo-hotspot:focus-visible{outline:2px solid #ffe36c;outline-offset:4px}.hero-hint{padding:18px 5% 28px;background:none;border:0;color:var(--muted);font-size:10px}.hero-hint span{opacity:.7}.hero-composition #service-panel{position:absolute;z-index:10;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:13px;box-shadow:0 15px 50px #00142138;padding:23px 22px;max-height:calc(100% - 24px);overflow:auto}.hero-composition #service-panel h3{font-size:21px;margin:0 20px 12px 0}.hero-composition #service-panel .eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--muted);margin:0 20px 9px 0}.hero-composition #service-panel p:not(.eyebrow){font-size:12px;line-height:1.65;margin-bottom:17px}.hero-composition #service-panel .page-cta{padding:9px 13px;font-size:10px;background:var(--soft);border-color:#3288a542}.hero-composition #service-panel .panel-close{right:9px;top:8px;font-size:22px;padding:3px 9px;border:0}.hero-composition #service-panel[hidden]{display:none}#comparaciones{max-width:1100px;margin:0 auto;padding:36px 5% 42px;grid-template-columns:31% minmax(0,69%);gap:24px;border-top:1px solid var(--line)}.compare-intro h2{font-size:29px;line-height:1.15}.compare-intro>p:last-child{font-size:12px;line-height:1.65}.compare-intro .eyebrow{font-size:8px;letter-spacing:1.7px}.compare-heading h3{font-size:13px}.compare-body{max-width:660px}#comparison .slider-view .base{aspect-ratio:2.15;max-height:300px}#comparison figure img{aspect-ratio:2.15}.slider-handle{padding:8px;font-size:15px}.pair-controls{margin:13px 0 0}.pair-controls .page-cta{padding:8px 13px;font-size:10px}.compare-body>.small{font-size:9px;line-height:1.5}.switch button{font-size:9px;padding:5px 7px}.slider-view figcaption{font-size:9px;padding:7px 10px}#zona{max-width:1200px;margin:0 auto;grid-template-columns:38% 25% 37%;gap:0;padding:30px 5%;border-top:1px solid var(--line);border-bottom:0;background:none}#zona h2{font-size:28px;line-height:1.15}#zona p{font-size:12px;line-height:1.6;max-width:290px}#zona .eyebrow{font-size:8px;letter-spacing:1.7px}#zona .small{font-size:8px;line-height:1.6;max-width:260px}#zona .map{width:100%;max-width:220px;margin:0 12px;padding:10px;border-radius:12px;background:radial-gradient(ellipse,#183c4d,#021d2a)}#zona .map svg{max-height:210px;height:auto}#zona .zone-contact{margin-left:35px;padding:23px;background:var(--panel);border-color:var(--line)}#zona .zone-contact h3{font-size:17px}.zone-contact .house-icon{font-size:30px}.real-footer{margin-top:20px}.light .reference-hero{background:var(--bg)}body:not(.light) .hero-copy h1 em{background:linear-gradient(90deg,#8fd8ff,#ffcf4b);background-clip:text}body:not(.light) .hero-copy{color:var(--ink)}
@media(min-width:1600px){.hero-composition{min-height:610px}}
@media(max-width:1050px){.hero-composition{grid-template-columns:29% minmax(0,71%);min-height:410px}.hero-copy h1{font-size:31px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-values{gap:10px}.hero-values small{font-size:8px}.hero-copy .eyebrow{font-size:7px}.hero-copy{padding-right:15px}#comparaciones{margin:0 4%;padding-left:0;padding-right:0}#zona{margin:0 4%;padding-left:0;padding-right:0}#zona .zone-contact{margin-left:20px}#zona h2{font-size:26px}}
@media(max-width:760px){.reference-hero{padding-top:24px}.hero-composition{display:flex;flex-direction:column;min-height:0;padding:0}.hero-copy{width:100%;padding:0 6% 20px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.hero-copy .eyebrow{grid-column:1/-1;font-size:8px;margin-bottom:8px}.hero-copy h1{font-size:34px;margin:0;letter-spacing:-1px;grid-row:2/4}.hero-copy>p:not(.eyebrow){font-size:11px;line-height:1.6;margin:0;padding-top:5px}.hero-values{display:flex;gap:13px;margin-top:15px}.hero-values span{font-size:17px}.hero-values small{display:none}.hero-scroll{width:100%;margin:0}.photo-house{aspect-ratio:640/380}.house-source{width:160%;transform:translateY(-3.90625%)}.photo-house:after{background:linear-gradient(0deg,var(--bg),transparent 24%),linear-gradient(180deg,var(--bg),transparent 8%)}.photo-hotspot{top:calc(var(--y) * .863);height:8%;min-height:24px}.hero-hint{font-size:9px;padding:0 6% 20px;line-height:1.6}.hero-hint span{display:none}#comparaciones{grid-template-columns:minmax(0,1fr);gap:15px;padding:25px 2% 30px;margin:0 4%}.compare-intro h2{font-size:27px;max-width:400px;margin:10px 0}.compare-intro h2 br{display:none}.compare-intro>p:last-child{font-size:11px;margin:0}.compare-body{max-width:none}.compare-heading{flex-wrap:wrap}.compare-heading h3{font-size:12px}#comparison .slider-view .base{aspect-ratio:1.9;max-height:235px}#zona{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding:25px 2%}#zona>div:first-child{grid-column:1}#zona h2{font-size:23px}#zona p{font-size:10px}#zona .map{grid-column:2;grid-row:1;width:100%;max-width:170px;margin:0 0 0 8px;padding:5px}#zona .map svg{max-height:175px}#zona .zone-contact{grid-column:1/-1;margin:20px 0 0;padding:18px}#zona .zone-contact p{max-width:none}.hero-composition #service-panel{padding:17px;max-height:calc(100% - 12px);border-radius:10px}.hero-composition #service-panel h3{font-size:17px}.hero-composition #service-panel p:not(.eyebrow){font-size:11px;margin-bottom:10px}.hero-composition #service-panel .eyebrow{font-size:7px}.hero-composition #service-panel .page-cta{font-size:10px;padding:7px 10px}}