:root{--bg:#001722;--panel:#082430;--ink:#f5f7f8;--accent:#f9c638;--muted:#b5c7cf;--soft:#103343;--line:#6dbbd330}body{background:var(--bg)}body.light{--bg:#eef5f6;--panel:#fff;--ink:#072734;--accent:#a47800;--muted:#41616c;--soft:#dce9ed;--line:#17435730}header{height:80px;padding:0 4.5%;gap:13px;background:#031b27f5}header .brand{display:flex;gap:12px;align-items:center;color:white;font-size:30px;letter-spacing:1.6px}header .brand svg{width:34px;height:44px;color:#91d7ed}.brand-name{display:block!important;font:inherit!important;letter-spacing:inherit!important}.brand-name small{display:block;font:7px 'DM Sans';letter-spacing:1px;margin-top:2px}nav{gap:24px}nav a{font-size:11px;color:#e7eff3}#theme{font-size:19px;margin-left:5px;color:#9fd5ef}#edit{color:#9fd5ef;font-size:11px;padding:8px 12px}main{max-width:1600px}section{margin:0;padding:25px 4.5%}.eyebrow{color:var(--ink);font-size:10px;letter-spacing:1.8px;margin-bottom:8px}h2{font-size:32px;letter-spacing:-1px;font-weight:700;line-height:1.1;margin-bottom:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{margin:0}.section-heading>button{border:0;font-size:12px;white-space:nowrap;color:var(--accent);padding:8px 0}.reference-hero{padding:0}.photo-house{position:relative;aspect-ratio:1024/388;background-image:url('assets/design-reference.png');background-size:100% auto;background-position:center top}.hero-copy{position:absolute;inset:15% auto 0 0;width:38%;padding:2% 0 0 4.5%;background:linear-gradient(90deg,#00121bf5 75%,transparent);color:#fff}.hero-copy h1{font-size:clamp(40px,4.15vw,66px);font-weight:800;letter-spacing:-1.5px;line-height:.96;margin:8px 0 12px}.hero-copy h1 em,.hero-mobile-copy h1 em{background:linear-gradient(90deg,#8fd8ff,#ffcf4b);color:transparent;background-clip:text}.hero-copy>p:not(.eyebrow){font-size:clamp(12px,1.4vw,19px);line-height:1.25;max-width:310px}.hero-copy .eyebrow{font-size:clamp(7px,.8vw,11px);white-space:nowrap;color:#fff}.image-nav-mask{position:absolute;inset:0 0 auto;height:16%;background:linear-gradient(#001722db,#00172200);pointer-events:none;backdrop-filter:blur(8px)}.hero-values{display:flex;gap:22px;position:absolute;bottom:5%;left:12%}.hero-values span{font-size:25px;color:#a9dbf6;text-align:center}.hero-values span:nth-child(2){color:#f8c42e}.hero-values small{display:block;font-size:9px;color:#fff;line-height:1.2;margin-top:3px;white-space:nowrap}.photo-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:8%;transform:translateY(-50%);border:0;border-radius:25px;background:transparent}.photo-hotspot:hover,.photo-hotspot:focus-visible{background:#ffce3d33;box-shadow:0 0 16px #ffce3d88;outline:2px solid #ffcc3d}.hero-hint{padding:8px 4.5%;font-size:10px;margin:0;color:var(--muted);background:var(--bg)}.hero-hint span{float:right}.hero-mobile-copy{display:none}.service-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}.service-card{padding:0;text-align:left;border:1px solid #528aa64d;overflow:hidden;border-radius:8px;display:flex;flex-direction:column;background:var(--bg)}.service-card img{width:100%;aspect-ratio:1.35;object-fit:cover}.service-card strong{padding:12px 9px;font-size:11px;display:flex;gap:7px;align-items:center;justify-content:space-between}.service-card strong span{color:var(--accent);font-size:17px}.service-card:hover{border-color:#ffce36;transform:translateY(-3px)}.commitments{position:relative;min-height:330px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:35px;padding-bottom:25px}.measure-image{position:absolute;inset:0 0 0 40%;background-image:url('assets/design-reference.png');background-size:160% auto;background-position:100% 46.8%;z-index:-1}.commitments:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 30%,#001722af 50%,transparent 72%);z-index:0}.commitment-copy{position:relative;z-index:1;grid-column:1/-1}.commitment-copy h2{font-size:40px;max-width:650px}.commitment-copy>p:not(.eyebrow){line-height:1.3;color:var(--ink);font-size:15px}.commitment-values{display:flex;gap:38px;margin-top:22px}.commitment-values>span{display:flex;align-items:center;gap:12px;font-size:27px;color:var(--accent)}.commitment-values small{font-size:11px;color:var(--ink);line-height:1.25}#comparaciones{display:grid;grid-template-columns:27% 1fr;gap:25px;align-items:center;padding-top:24px;padding-bottom:20px}.compare-intro h2{font-size:34px}.compare-intro>p:last-child{font-size:14px;line-height:1.4;color:var(--muted)}.compare-heading{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.compare-heading h3{font-size:15px;margin:0}.compare-heading p{display:none}.switch button{padding:5px 8px;font-size:10px}#comparison{margin:0;gap:5px}#comparison figure img{aspect-ratio:1.7}.pair-controls{margin:8px 0;font-size:11px}.pair-controls button{font-size:11px;padding:2px 10px}.compare-body>.small{font-size:10px;margin:0}.slider-view{max-width:none}.slider-view .base{aspect-ratio:2.8}.slider-view input{bottom:8px}.filters{margin:0 0 17px;gap:7px}.filters button{padding:5px 12px;font-size:10px}.projects{grid-template-columns:repeat(4,1fr);gap:15px}.project{border:1px solid #528aa64d;border-radius:8px;overflow:hidden;position:relative;background:var(--panel)}.project img{border-radius:0;aspect-ratio:1.95}.project small{margin:10px 10px 5px;font-size:8px;letter-spacing:1px}.project h3{font-size:14px;margin:0 10px 7px}.project p{font-size:10px;margin:0 10px 12px}.project:hover{background:var(--soft)}.project:hover img{transform:none;filter:brightness(1.1)}.territory{grid-template-columns:33% 37% 30%;gap:0;padding-top:35px;padding-bottom:35px;background:radial-gradient(ellipse at 60% 100%,#143e50 0,transparent 65%)}.territory h2{font-size:37px}.territory p{font-size:13px;line-height:1.4}.territory .small{font-size:10px;max-width:250px}.map svg{height:270px}.zone-contact{border:1px solid #78bcd17d;background:#001722b0;padding:23px;border-radius:10px;color:#fff}.zone-contact .house-icon{float:left;font-size:38px;color:#f8c42e;margin-right:12px}.zone-contact h3{font-size:19px;font-weight:600}.zone-contact p{color:#c4d6df}.zone-contact button{border-radius:30px;border-color:#7bd5ff;color:#c4ecff;font-size:12px}.zone-contact .small{margin:12px 0 0}footer{padding:25px 4.5% 100px;background:var(--bg);border-top:1px solid var(--line)}footer .brand{font-size:23px}.floating{flex-direction:column;gap:7px;right:22px;bottom:20px}.floating button{background:#042333ed;border:1px solid #8bd8fa;color:#e5f4ff;border-radius:30px;padding:12px 22px;text-align:center}.floating small{display:none}#whatsapp{background:#042333ed;color:#e5f4ff}.primary{background:#f6c535;color:#071f2a}#service-panel{margin:0;padding:25px 4.5%;border-radius:0}.light .photo-house,.light .commitments{color:white}.light .commitments:before{background:linear-gradient(90deg,#eef5f6 30%,#eef5f6c0 50%,transparent 80%)}
@media(min-width:1600px){.hero-copy h1{font-size:66px}.hero-copy>p:not(.eyebrow){font-size:20px}}
@media(max-width:1100px){nav{gap:13px}nav a{font-size:10px}header .brand{font-size:25px}header .brand svg{width:28px}header{padding:0 3%;gap:8px}.hero-values{gap:20px}.hero-copy h1{font-size:4.1vw}.hero-copy>p:not(.eyebrow){font-size:1.35vw}.service-cards{gap:8px}.service-card strong{font-size:9px;padding:10px 7px}.commitment-copy h2{font-size:35px}.commitments{min-height:280px}.commitment-values{gap:26px}.compare-intro h2{font-size:29px}.compare-heading{flex-direction:column;align-items:flex-start;gap:8px}.projects{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){header{height:70px}header nav{display:none}header .brand{font-size:24px}#theme{margin-left:auto}.hero-scroll{overflow-x:auto}.photo-house{min-width:760px}.hero-copy h1{font-size:32px}.hero-copy>p:not(.eyebrow){font-size:11px;max-width:230px}.hero-copy .eyebrow{font-size:6px}.hero-values{gap:16px}.hero-values small{font-size:7px}.hero-values span{font-size:19px}.hero-hint{font-size:10px;line-height:1.5}.hero-hint span{float:none;display:block}.service-cards{display:flex;overflow-x:auto;padding-bottom:10px}.service-card{min-width:145px}.service-card strong{font-size:11px}.section-heading h2{font-size:26px}.section-heading>button{font-size:10px}.commitments{min-height:320px}.commitment-copy h2{font-size:30px}.commitment-copy>p:not(.eyebrow){font-size:13px}.commitment-values{gap:18px;flex-wrap:wrap;max-width:370px}.commitment-values small{font-size:10px}.measure-image{inset:0 0 0 25%;background-size:200% auto}.commitments:before{background:linear-gradient(90deg,var(--bg) 0%,#001722dc 42%,#00172266 100%)}#comparaciones{grid-template-columns:1fr;gap:10px}.compare-intro h2{font-size:29px}.compare-intro h2 br{display:none}.compare-intro>p:last-child{font-size:12px;margin-bottom:0}.compare-heading{flex-direction:row;align-items:center}.projects{grid-template-columns:1fr 1fr}.territory{grid-template-columns:1fr 1fr}.territory h2{font-size:28px}.territory .map{grid-column:2}.zone-contact{grid-column:1/-1;margin-top:15px}.map svg{height:240px}.floating{right:10px;bottom:10px;left:auto}.floating button{padding:9px 14px;font-size:10px}.floating #contact{display:none}footer{padding-bottom:80px}.hero-copy{background:linear-gradient(90deg,#00121bf5 70%,transparent)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-copy{background:linear-gradient(90deg,#001722 0%,#001722f5 90%,#00172255 100%)}.image-nav-mask{background:#001722;backdrop-filter:none}.hero-scroll{margin-top:-5.8%;position:relative;z-index:0}.reference-hero{overflow:hidden}.measure-image{inset:0;background:none;z-index:0;overflow:hidden}.measure-image img{position:absolute;right:0;top:0;width:100%;transform:translateY(-38.87%)}.commitments:before{z-index:1;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 40%,#001722a0 55%,transparent 70%)}.commitment-copy{z-index:2}@media(max-width:760px){.measure-image img{width:1024px;max-width:none}.commitments:before{background:linear-gradient(90deg,var(--bg),#001722d9 45%,#00172277)}.hero-scroll{margin-top:-44px}.hero-copy{width:38%;background:#001722ed}}
.hero-copy{background:#001722}.service-placeholder{aspect-ratio:1.35;width:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(140deg,#153f4b,#041e2c);color:#cce8f2;font-size:11px;gap:12px}.service-placeholder b{font-size:32px;color:#f8c42e}
.compare-body{min-width:0}.compare-heading{flex-wrap:wrap}.territory>*{min-width:0}@media(max-width:760px){.territory{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}header .brand{font-size:20px;gap:8px}header .brand svg{width:25px}.brand-name small{font-size:6px}#theme{padding:5px 9px}#edit{font-size:10px;padding:8px}header{gap:6px}.territory .map svg{width:100%}.compare-heading h3{font-size:13px}}
@media(max-width:760px){#comparaciones{grid-template-columns:minmax(0,1fr)}.compare-intro{min-width:0}#comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.compare-intro h2{overflow-wrap:break-word}