:root{--bg:#101311;--panel:#191d1b;--text:#f0f1eb;--muted:#a3aaa4;--line:#343c37;--blue:#80b9f4;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a,button{transition:color .2s,background .2s,transform .2s}a:hover{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);background:#101311ed;position:relative;z-index:10}.brand{display:flex;flex-direction:column;width:156px}.brand img{width:100%;height:auto;mix-blend-mode:screen}.brand span{font-size:11px;letter-spacing:1.2px;text-align:center;margin-top:-3px}nav{display:flex;align-items:center;gap:35px;font-size:13px}.nav-cta{border:1px solid var(--line);padding:15px 20px}.nav-cta span{margin-left:20px}.menu{display:none}.hero,.section{max-width:var(--max);margin:auto;padding:80px 5%}.hero{padding-top:35px;padding-bottom:0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600;margin:0 0 28px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:10px}.edition{color:var(--muted);font-size:12px}.hero-title{display:flex;align-items:end;justify-content:space-between;margin:15px 0 40px;gap:35px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.9vw,104px);font-weight:400;letter-spacing:-5px;line-height:1.01;margin-bottom:0}em{font-style:normal;color:var(--blue)}.hero-copy{padding-bottom:5px;min-width:290px}.hero-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:24px}.button{background:var(--blue);color:#101c29;border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 22px;font-size:13px;font-weight:600}.button:hover{background:#a5d1fc;color:#101c29;transform:translateY(-2px)}figure{margin:0}.hero-image{position:relative;overflow:hidden;background:#242c27}.hero-image>img{width:100%;height:auto;display:block;aspect-ratio:1.95;object-fit:cover;object-position:center}.hero-caption{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;padding:24px 28px;font-size:10px;letter-spacing:1px;background:linear-gradient(transparent,#000a);color:white}.image-corner{position:absolute;top:20px;right:20px;font-size:30px;font-weight:200}.hero-bottom{padding:22px 0;border-bottom:1px solid var(--line);color:var(--muted)}.section{padding-top:105px;padding-bottom:105px;border-bottom:1px solid var(--line)}h2{font-size:clamp(40px,4.5vw,65px);font-weight:400;letter-spacing:-2.5px;line-height:1.07;margin-bottom:30px}h3{font-weight:400;font-size:27px;letter-spacing:-.5px}p{line-height:1.7;color:var(--muted);font-size:15px}.intro,.proposal,.zone,.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%}.lead{font-size:21px;line-height:1.55;color:var(--text)}.intro-copy{padding-top:35px}.principles{border-top:1px solid var(--line);margin-top:35px}.principles span{display:flex;gap:28px;padding:18px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--blue)}.principles strong{color:var(--text);font-size:14px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;margin-bottom:5px}.service-main{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding:45px;background:var(--panel);border-top:1px solid var(--blue)}.small-label{font-size:10px;letter-spacing:1.8px;color:var(--blue);display:block;margin-bottom:30px}.service-main h3{font-size:34px}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--blue);padding-bottom:8px;margin-top:10px}.technical{border-left:1px solid var(--line);padding-left:40px;align-self:center}.technical>span{font-size:10px;color:var(--muted);letter-spacing:1px}.technical p{color:var(--text);margin-top:22px;font-size:18px}.technical small,.note{font-size:12px;color:var(--muted);line-height:1.7}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:25px 0;display:flex;align-items:center;gap:25px;font-size:18px}summary::-webkit-details-marker{display:none}summary span{font-size:11px;color:var(--blue)}summary b{font-weight:400;margin-left:auto;color:var(--blue)}details[open] summary b{transform:rotate(45deg)}details p{max-width:850px;padding-bottom:10px}.models{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.model-image,.work-image{padding:0;border:0;width:100%;background:#252c27;display:block;overflow:hidden}.model-image img{width:100%;aspect-ratio:1.5;object-fit:contain;display:block;transition:transform .7s}.model-image:hover img,.work-image:hover img{transform:scale(1.025)}.model-info{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.model-info h3{font-size:23px;margin:0}.model-info span{font-size:10px;letter-spacing:1px;color:var(--muted)}.model a{font-size:12px;color:var(--blue);display:inline-block;margin-top:13px}.designs>.note{margin:30px 0 0;max-width:860px}.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.work-image img{width:100%;aspect-ratio:1;object-fit:contain;display:block;transition:transform .7s}.work-grid h3{font-size:18px;margin:20px 0 8px}.work-grid p{font-size:11px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:12px;color:var(--blue)}.steps h3{margin:35px 0 18px;font-size:22px}.steps p{font-size:14px}.steps small{color:var(--blue);font-size:12px;line-height:1.6;display:block}.process-note{display:flex;align-items:center;gap:60px;border:1px solid var(--line);padding:25px 30px;margin-top:45px}.process-note span{min-width:200px;font-size:10px;letter-spacing:1px;color:var(--blue)}.process-note p{margin:0;font-size:13px}.proposal-panel{padding:40px;background:var(--panel)}.proposal-panel h3{font-size:34px}.guarantee{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin:25px 0 30px}.guarantee strong{font-weight:400;font-size:24px;min-width:120px;color:var(--blue)}.guarantee span{font-size:11px;color:var(--muted);line-height:1.6}.faq{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8%}.faq .eyebrow{grid-column:1/-1}.faq summary{font-size:16px}.map-panel{background:#1a2520;position:relative;min-height:370px;border:1px solid var(--line)}#map-placeholder{height:100%;min-height:370px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;background:radial-gradient(ellipse at 75% 30%,#29443d,transparent 65%)}#map-placeholder>span{font-size:10px;letter-spacing:2px;color:var(--blue)}#map-placeholder strong{font-size:27px;line-height:1.4;font-weight:400;margin:25px 0}#map-placeholder small{font-size:11px;color:var(--muted);margin-top:20px}.map-panel iframe{border:0;width:100%;height:370px;display:block}.map-caption{padding:13px 20px;font-size:10px;background:var(--panel)}.contact{background:linear-gradient(120deg,#17251f,#101311 65%)}.contact h2{font-size:clamp(50px,5.5vw,80px)}.contact-link{display:block;font-size:18px;margin:18px 0}.hours{font-size:12px;margin-top:28px}form{padding-top:15px}label{display:block;font-size:13px;margin-bottom:12px}label span{color:var(--muted)}input,select,textarea{display:block;width:100%;padding:16px;background:#1b211d;color:var(--text);border:1px solid #424b44;border-radius:0;margin-bottom:25px;font-size:14px}textarea{resize:vertical}form .button{width:100%;margin-bottom:18px}#form-status{font-size:12px;color:var(--blue)}footer{padding:45px 5% 30px;max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer>div{display:flex;gap:25px;font-size:12px}footer button{border:0;background:none;color:var(--muted);padding:0;font-size:12px}footer p{width:100%;font-size:11px;border-top:1px solid var(--line);padding-top:25px;margin:0}.floating-wa{position:fixed;bottom:22px;right:24px;z-index:20;display:flex;align-items:center;gap:10px;background:var(--blue);color:#102033;padding:13px 18px;border-radius:40px;box-shadow:0 5px 30px #0005;font-size:12px}.floating-wa:hover{background:#b4d6f8;color:#102033}.skip{position:fixed;top:-70px;background:var(--blue);color:black;padding:15px;z-index:100}.skip:focus{top:10px}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);padding:40px;max-width:650px;width:90%}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:10px;top:5px;background:none;border:0;color:white;font-size:32px}dialog h2{font-size:32px}#image-dialog{max-width:1200px;padding:40px 20px 15px}#image-dialog img{max-width:100%;max-height:76vh;display:block;margin:auto;object-fit:contain}#image-dialog p{font-size:12px;margin:15px 0 0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){header{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}
@media(max-width:900px){nav{gap:20px}.hero-title{align-items:start}h1{letter-spacing:-3px;font-size:65px}.hero-copy{min-width:220px}.hero-copy p{font-size:13px}.section{padding-top:75px;padding-bottom:75px}.intro,.proposal,.zone,.contact{gap:6%}.models{grid-template-columns:repeat(2,1fr)}.service-main{padding:30px;gap:5%}.technical{padding-left:25px}.steps{grid-template-columns:repeat(2,1fr)}.section-heading{gap:30px}.faq{display:block}.guarantee{flex-direction:column;gap:10px}.proposal-panel{padding:28px}}
@media(max-width:600px){header{height:83px}.brand{width:130px}.brand span{font-size:9px}.menu{display:block;color:var(--text);background:none;border:1px solid var(--line);padding:10px;font-size:12px}.menu span{margin-left:12px}nav{display:none;position:absolute;left:0;top:83px;background:var(--bg);width:100%;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.edition{display:none}.hero{padding-top:25px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:23px}.hero-title{flex-direction:column;gap:25px;margin-top:10px;margin-bottom:30px}h1{font-size:59px;letter-spacing:-3px}.hero-copy{width:100%;display:flex;flex-direction:column;align-items:flex-start}.hero-copy p{font-size:14px}.hero-image>img{aspect-ratio:auto;object-fit:contain}.hero-caption{position:relative;background:var(--panel);padding:14px;gap:10px;font-size:8px;letter-spacing:.3px}.image-corner{display:none}.hero-bottom{font-size:10px;gap:20px}.hero-bottom span{max-width:200px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:44px;letter-spacing:-2px}.intro,.proposal,.zone,.contact{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.lead{font-size:19px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;font-size:14px}.service-main{grid-template-columns:1fr;gap:35px;padding:26px}.service-main h3{font-size:28px}.technical{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.technical p{font-size:17px}.models{gap:30px 14px}.model-info{align-items:start;gap:8px;flex-direction:column}.model-info h3{font-size:24px}.model-info span{font-size:8px}.model a{font-size:11px}.model-image img{aspect-ratio:1.25}.work-grid{grid-template-columns:1fr;gap:25px}.work-image img{aspect-ratio:1.3}.work-grid h3{font-size:20px}.steps{gap:25px 18px}.steps h3{font-size:20px}.steps p{font-size:13px}.process-note{display:block;padding:24px}.process-note p{margin-top:15px}.proposal-panel h3{font-size:30px}.faq summary{font-size:15px;line-height:1.5}.contact-link{font-size:16px}.floating-wa{bottom:15px;right:15px;padding:13px}.floating-wa span{display:none}footer{gap:30px}footer>div{gap:18px;font-size:11px}footer p{padding-bottom:40px}summary{font-size:16px}#map-placeholder{padding:28px}.contact h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

.inclusions{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.inclusions-intro{align-self:start}.inclusions-intro>p{max-width:430px}.inclusion-list{border-top:1px solid var(--line)}.inclusion-list summary{font-size:16px;line-height:1.4}.inclusion-list .inclusion-title{color:var(--text);font-size:inherit;letter-spacing:0}.inclusion-list details p{font-size:14px;padding-left:40px}.inclusion-list details:last-child summary .inclusion-title{color:var(--blue)}
@media(max-width:900px){.inclusions{grid-template-columns:1fr;gap:25px}.inclusions-intro>p{max-width:700px}}
@media(max-width:600px){.inclusion-list summary{font-size:15px;gap:18px}.inclusion-list details p{padding-left:0}}
/* Portada inmersiva y superficies de vidrio */
header{position:absolute;top:0;left:0;width:100%;height:94px;background:linear-gradient(120deg,#121b22b8,#27333b65);border-bottom:1px solid #ffffff20;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.hero{position:relative;isolation:isolate;max-width:none;min-height:850px;height:100svh;max-height:1100px;padding:150px max(5%,calc((100vw - 1296px)/2)) 30px;display:flex;flex-direction:column;overflow:hidden;background:#15201e}
.hero-image{position:absolute;inset:0;z-index:-2;background:#15201e;overflow:hidden}
.hero-image>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 62%}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08101485 0%,#08101415 68%,#081014bd 100%),linear-gradient(90deg,#081014be 0%,#08101470 38%,#08101400 80%);pointer-events:none}
.hero-top .eyebrow{color:#e2eaf0}.hero-top .edition{color:#e2eaf0}.hero-title{display:block;margin:40px 0 0}.hero h1{font-size:clamp(66px,6.6vw,100px);max-width:850px;text-shadow:0 2px 24px #0003}.hero-copy{margin-top:28px;max-width:400px}.hero-copy p{color:#f0f3f4;text-shadow:0 1px 10px #0005;font-size:16px}.hero-bottom{margin-top:auto;border-top:1px solid #ffffff30;border-bottom:0;padding-top:24px;color:#eef2f4;gap:30px}.hero-caption{left:auto;right:5%;bottom:108px;width:auto;display:flex;flex-direction:column;align-items:end;gap:8px;padding:12px 16px;background:#17232d6b;border:1px solid #ffffff25;border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:9px}.image-corner{display:none}
.button,.nav-cta,.menu,.floating-wa{border-radius:14px;border:1px solid #d5e9ff45;background:linear-gradient(145deg,#bddfff42,#67aaf52e 48%,#86bbec20);color:#f4f8ff;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08,0 8px 25px #0002;backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}
.button:hover,.nav-cta:hover,.menu:hover,.floating-wa:hover{color:#fff;background:linear-gradient(145deg,#b9deff65,#6daef74d 48%,#86bbec38);border-color:#cbe5ff80;box-shadow:inset 0 1px 0 #ffffff50,0 8px 30px #0003}.hero .button{background:linear-gradient(145deg,#a4d3ff78,#3479bd65);border-color:#d4eaff85}.floating-wa{border-radius:40px;background:linear-gradient(145deg,#91c9fc85,#285f97b0)}
input,select,textarea{border-radius:12px;background:linear-gradient(135deg,#d0e4ff0d,#151d24a6);border:1px solid #c0d8ed30;box-shadow:inset 0 1px 0 #ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}select option{background:#19221e;color:#f0f1eb}
.service-main,.proposal-panel,.process-note,.map-panel{border-radius:18px;background:linear-gradient(135deg,#d8e8ff0c,#141c22a6);border:1px solid #c3d6e725;box-shadow:inset 0 1px 0 #ffffff0b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.map-panel{overflow:hidden}
.service-list details,.inclusion-list details,.faq details{border-bottom:0;margin:10px 0;background:linear-gradient(135deg,#c6defa0a,#16202980);border:1px solid #c3d6e71c;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.service-list summary,.inclusion-list summary,.faq summary{padding:21px 22px}.service-list details p,.inclusion-list details p,.faq details p{padding:0 22px 16px;margin-bottom:0}.inclusion-list{border-top:0}.principles span{padding:18px;border-radius:10px;background:linear-gradient(135deg,#b9d5ee08,#24334535);margin:5px 0;border:1px solid #c3d6e714}.principles{border:0}
.model-image,.work-image{border-radius:14px;background:#17201c;border:1px solid #ffffff18;box-shadow:0 10px 30px #0002}.model-image img,.work-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;display:block}.model-image:hover img,.work-image:hover img{transform:scale(1.035)}.dialog-close{border-radius:10px;background:#ffffff12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}dialog{border-radius:18px}
@media(max-width:900px){.hero{min-height:800px;padding-top:140px}.hero h1{font-size:72px}.hero-image>img{object-position:62% center}.hero-caption{bottom:105px}.work-grid{gap:18px}}
@media(max-width:600px){header{height:83px}nav{background:linear-gradient(135deg,#1b2938f5,#111b23f0);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffff25}.hero{height:100svh;min-height:790px;max-height:none;padding:120px 5% 24px}.hero-title{margin:22px 0 0}.hero h1{font-size:clamp(48px,13vw,60px);letter-spacing:-2.8px}.hero-copy{margin-top:24px;max-width:320px}.hero-copy p{font-size:14px}.hero-image>img{object-position:65% center}.hero::before{background:linear-gradient(180deg,#081014b0 0%,#08101483 36%,#08101408 68%,#081014df 100%),linear-gradient(90deg,#08101455,#08101400)}.hero-caption{right:5%;left:5%;bottom:85px;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;font-size:8px;gap:12px}.hero-bottom{font-size:10px;padding-top:18px;padding-bottom:0;gap:18px}.hero-bottom span{max-width:210px}.model-image img,.work-image img{aspect-ratio:3/2;object-fit:cover}.models{grid-template-columns:1fr;gap:32px}.model-info{flex-direction:row;align-items:center}.model-info span{font-size:10px}.model a{font-size:12px}.menu{border-radius:10px}.floating-wa{border-radius:40px}.inclusion-list summary,.faq summary,.service-list summary{padding:18px 16px}.inclusion-list details p,.faq details p,.service-list details p{padding:0 16px 16px}}
@media(min-width:901px){.hero{min-height:720px}.hero-caption{bottom:100px}}
@media(max-width:600px){.hero-caption{bottom:100px;left:5%;right:auto;max-width:85%;flex-direction:column;align-items:flex-start;font-size:9px;gap:5px}.hero-bottom{padding-right:45px}}
.hero-caption{position:absolute;color:#f2f5f7;font-size:10px;letter-spacing:.5px;z-index:1}.hero-bottom{padding-right:110px}
@media(max-width:600px){.hero-bottom{padding-right:45px}.hero-caption{font-size:9px}}
/* Dirección monocromática, navegación compacta y fichas de modelos */
:root{--bg:#090909;--panel:#111;--text:#fafafa;--muted:#a5a5a5;--line:#282828;--blue:#fff}
body{background:#090909}h1,h2,h3{font-weight:700}h1,h2{text-transform:uppercase}h2{font-size:clamp(36px,3.6vw,54px);letter-spacing:-1.7px;line-height:1.08}em{color:#fff}.eyebrow{color:#999;font-weight:400;letter-spacing:2.7px}.dot{background:#fff}
header{position:fixed;height:66px;padding:0 3%;background:linear-gradient(135deg,#151515dc,#23232390);border-bottom:1px solid #ffffff20;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}header .brand{width:118px}header .brand span{font-size:8px;letter-spacing:.8px}nav{gap:24px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}nav .nav-cta{padding:12px 16px;font-size:10px;letter-spacing:1px}.nav-cta span{margin-left:9px}
.button,.nav-cta,.menu,.floating-wa{border-radius:6px;background:linear-gradient(135deg,#ffffff27,#ffffff0d 55%,#ffffff16);border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff20,0 6px 20px #0002;color:#fff;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.button{font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.button:hover,.nav-cta:hover,.menu:hover,.floating-wa:hover{background:linear-gradient(135deg,#ffffff40,#ffffff18);border-color:#ffffff80;color:#fff}.hero .button{background:linear-gradient(135deg,#ffffff48,#ffffff1f);border-color:#ffffff70}.hero .secondary{background:#0002;border-color:#ffffff45}.hero-actions{display:flex;gap:14px;align-items:center}.hero-copy{max-width:650px}.hero-copy p{max-width:500px;font-size:16px}.hero{padding-top:145px;background:#111}.hero h1{font-size:clamp(66px,7.5vw,108px);font-weight:750;letter-spacing:-3.5px;line-height:.98}.hero-title{margin-top:24px}.hero::before{background:linear-gradient(180deg,#0005,#0002 60%,#000c),linear-gradient(90deg,#0009,#0003 45%,transparent 85%)}.hero-caption{border-radius:6px;background:#0005}.hero-bottom{font-size:11px}.hero-top .eyebrow{color:#ddd}.hero-top .edition{color:#ccc}
.service-main,.proposal-panel,.process-note,.map-panel{border-radius:6px;background:linear-gradient(135deg,#ffffff07,#141414a6);border-color:#ffffff18}.contact{background:linear-gradient(135deg,#161616,#090909)}.service-list details,.inclusion-list details,.faq details{border-radius:5px;background:linear-gradient(135deg,#ffffff06,#14141480);border-color:#ffffff18}.principles span{border-radius:4px;background:#ffffff03}.technical p{font-size:17px}input,select,textarea{border-radius:5px;background:linear-gradient(135deg,#ffffff08,#111b);border-color:#ffffff30}select option{background:#151515}.map-panel{background:#141414}#map-placeholder{background:radial-gradient(ellipse at 75% 30%,#303030,transparent 65%)}
.models{gap:24px;grid-template-columns:repeat(3,1fr)}.model{border:1px solid #242424;background:#0c0c0c;display:flex;flex-direction:column}.model-image{position:relative;border-radius:0;border:0;box-shadow:none}.model-image img{aspect-ratio:8/5}.model-badge{position:absolute;top:13px;left:13px;padding:9px 12px;color:#fff;background:#1119;border:1px solid #ffffff25;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-size:9px;letter-spacing:1.5px}.model-body{padding:25px;display:flex;flex:1;flex-direction:column}.model-type{text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#999;margin-bottom:14px}.model-body h3{font-size:21px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:17px}.model-body>p{font-size:13px;line-height:1.7;flex:1;margin-bottom:25px}.model-specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 25px;padding:20px 0;border-top:1px solid #282828;border-bottom:1px solid #282828}.model-specs dt{font-size:8px;letter-spacing:1.4px;color:#888;margin-bottom:9px}.model-specs dd{margin:0;font-size:15px;color:#eee}.model .model-cta{display:flex;margin:0;color:#fff;font-size:9px;letter-spacing:.8px;gap:8px;padding:14px 12px}.work-image{border-radius:5px}.floating-wa{border-radius:50px;background:#ffffff18}.floating-wa span{display:none}.floating-wa{padding:15px}.hero-bottom{padding-right:70px}
@media(min-width:1500px){header{padding:0 max(3%,calc((100vw - 1350px)/2))}}
@media(max-width:1050px){nav{gap:14px;font-size:9px;letter-spacing:.7px}header .brand{width:100px}.models{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{height:64px;padding:0 5%}header .brand{width:105px}.menu{display:block;font-size:11px;padding:9px 12px}nav{display:none;position:absolute;top:64px;left:0;width:100%;padding:20px;flex-direction:column;align-items:stretch;background:linear-gradient(135deg,#171717f5,#151515ee);border-bottom:1px solid #ffffff25;gap:0;font-size:11px;letter-spacing:1.3px}nav.open{display:flex}nav a{padding:13px 8px}nav .nav-cta{margin-top:10px;padding:14px}.hero{padding-top:115px}.hero h1{font-size:clamp(53px,10vw,76px)}.hero-actions{flex-wrap:wrap;gap:12px}.hero-copy p{font-size:14px}.model-body{padding:22px}}
@media(max-width:600px){.models{grid-template-columns:1fr}.hero h1{font-size:clamp(49px,13.5vw,64px);letter-spacing:-2px}.hero{min-height:790px}.hero-title{margin-top:32px}.hero .button{font-size:10px;letter-spacing:1px;padding:17px 18px}.hero-copy{max-width:100%}.hero-actions .secondary{padding:15px 18px}.hero-caption{font-size:8px}.hero-bottom{padding-right:45px}.model-image img{aspect-ratio:8/5}.model-body h3{font-size:23px}.model-body>p{font-size:14px}.model-specs dt{font-size:9px}.model-specs dd{font-size:16px}.model .model-cta{font-size:10px;padding:16px}.section-heading h2{font-size:39px}}
@media(max-width:600px){.hero h1{font-size:clamp(35px,10.4vw,54px);letter-spacing:-1.8px;line-height:1.05}.hero-actions{gap:12px}.hero-copy{margin-top:26px}.hero-title{margin-top:35px}}
/* Vidrio más transparente, modelos unidos y señal de desplazamiento */
.button,.nav-cta,.menu,.floating-wa,.hero .button,.hero .secondary{background:linear-gradient(135deg,#ffffff12 0%,#ffffff03 48%,#ffffff09 100%);border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08,0 4px 16px #0001;backdrop-filter:blur(9px) saturate(145%);-webkit-backdrop-filter:blur(9px) saturate(145%)}
.button:hover,.nav-cta:hover,.menu:hover,.floating-wa:hover,.hero .button:hover,.hero .secondary:hover{background:linear-gradient(135deg,#ffffff20,#ffffff08 55%,#ffffff12);border-color:#ffffff70;backdrop-filter:blur(11px) saturate(155%);-webkit-backdrop-filter:blur(11px) saturate(155%)}
.models{gap:10px}.model{border-radius:9px;overflow:hidden}.model-image{border-radius:0}.model-badge{border-radius:4px}.model-body{padding:23px}.hero-scroll{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2;color:#fff;text-shadow:0 1px 8px #0008}.hero-scroll span{font-size:8px;letter-spacing:2px;white-space:nowrap}.hero-scroll svg{animation:scroll-cue 2.4s ease-in-out infinite}.hero-scroll:hover{color:white}.hero-caption{bottom:110px}
@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}
@media(max-width:900px){.models{gap:10px}.hero-scroll{left:12%;transform:none}.hero-scroll span{font-size:7px}.hero-caption{right:5%;left:auto}}
@media(max-width:600px){.models{gap:14px}.model-body{padding:22px}.hero-scroll{left:50%;transform:translateX(-50%);bottom:100px}.hero-scroll span{font-size:7px;letter-spacing:1.5px}.hero-caption{left:5%;right:auto;bottom:175px}.hero-bottom{padding-top:16px}.hero-scroll svg{width:19px;height:25px}}
@media(prefers-reduced-motion:reduce){.hero-scroll svg{animation:none}}
/* Galería real: carrusel editorial manual */
.model-time-note{max-width:950px;margin-top:12px!important}.works-carousel{margin-top:45px}.carousel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.carousel-label{font-size:9px;letter-spacing:2px;color:#999}.carousel-controls{display:flex;align-items:center;gap:9px}.carousel-controls>span{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:2px;margin-right:15px;color:#bbb}.carousel-arrow{padding:0;width:43px;height:40px;display:grid;place-items:center;font-size:20px;font-weight:400;letter-spacing:0}.carousel-arrow:disabled{opacity:.3;cursor:default;transform:none}.work-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 10px;scroll-padding:0;touch-action:pan-x pan-y}.work-grid::-webkit-scrollbar{display:none}.work-grid>article{flex:0 0 calc((100% - 16px)/2);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.work-image{border-radius:9px;overflow:hidden}.work-image img{aspect-ratio:3/2;object-fit:cover;object-position:center}.work-grid h3{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:20px 0 8px}.work-grid p{margin-bottom:0;color:#999;font-size:10px;letter-spacing:.4px}.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px}.carousel-footer>span{font-size:10px;color:#888}.carousel-dots{display:flex;gap:7px;align-items:center}.carousel-dots button{padding:0;width:24px;height:28px;border:0;background:transparent;position:relative}.carousel-dots button::after{content:'';position:absolute;top:13px;left:0;right:0;height:2px;background:#454545;transition:background .2s}.carousel-dots button[aria-current=true]::after{background:#fff}.carousel-dots button:hover::after{background:#aaa}
@media(max-width:600px){.works-carousel{margin-top:30px}.carousel-top{gap:12px}.carousel-label{font-size:8px;letter-spacing:1.2px;max-width:140px;line-height:1.6}.carousel-controls{gap:7px}.carousel-controls>span{font-size:9px;margin-right:5px;letter-spacing:1px}.carousel-arrow{width:35px;height:35px;font-size:18px}.work-grid{gap:12px}.work-grid>article{flex-basis:89%}.work-grid h3{font-size:18px}.work-image img{aspect-ratio:4/3}.carousel-footer{align-items:start;flex-direction:column;gap:10px;margin-top:20px}.carousel-dots{gap:5px}.model-specs dt{font-size:8px;letter-spacing:1px}}
.carousel-dots button[hidden]{display:none}
/* Diapositivas fotográficas, profundidad y zoom */
.works-carousel{position:relative;isolation:isolate}.works-carousel::before{content:'';position:absolute;z-index:-1;top:65px;left:-20px;right:-20px;bottom:35px;background:radial-gradient(ellipse at 50% 55%,#ffffff0c,transparent 70%);pointer-events:none}.work-grid{gap:18px;padding:18px 3px 28px}.work-grid>article{flex-basis:calc((100% - 36px)/3);transition:transform .4s ease}.work-image{position:relative;isolation:isolate;border:1px solid #ffffff20;border-radius:11px;box-shadow:0 14px 22px -9px #000e,0 30px 32px -18px #000b,inset 0 1px 0 #ffffff15;background:#111;transition:box-shadow .4s ease,border-color .4s ease}.work-image img{aspect-ratio:4/3;transition:transform .75s cubic-bezier(.2,.65,.25,1),filter .5s;transform:scale(1);filter:brightness(.94)}.work-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#0009 100%);z-index:1}.work-photo-label{position:absolute;bottom:17px;left:18px;right:45px;color:#fff;text-align:left;font-size:10px;letter-spacing:.5px;line-height:1.4;z-index:2;text-shadow:0 1px 8px #0006}.work-expand{position:absolute;right:16px;bottom:15px;color:#fff;font-size:17px;z-index:2}.carousel-top{margin-bottom:0}.carousel-footer{margin-top:0}.carousel-footer>span{font-size:9px}.work-image:focus-visible{outline-offset:-5px;outline-color:white}.work-image:focus-visible img{transform:scale(1.04)}
@media(hover:hover) and (pointer:fine){.work-grid>article:hover{transform:translateY(-5px)}.work-image:hover{border-color:#ffffff60;box-shadow:0 18px 30px -8px #000f,0 35px 40px -18px #000c}.work-image:hover img{transform:scale(1.055);filter:brightness(1.02)}}
@media(max-width:1000px){.work-grid>article{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){.work-grid{gap:12px;padding:14px 2px 24px}.work-grid>article{flex-basis:80%}.work-image img{aspect-ratio:4/3}.work-photo-label{font-size:9px;left:14px;bottom:14px}.work-expand{bottom:12px;right:13px}.carousel-footer{gap:8px}.works-carousel::before{left:0;right:0}.carousel-top{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.work-image:hover img,.work-image:focus-visible img{transform:none}.work-grid>article:hover{transform:none}}
/* Galería continua: doce fotos, encuadres próximos y halo blanco discreto */
.work-grid{gap:8px;padding:18px 3px 24px}.work-grid>article{flex-basis:calc((100% - 24px)/4)}.work-image{cursor:default;box-shadow:0 12px 22px -12px #000d,0 0 0 transparent;border-color:#ffffff16;border-radius:8px;transition:box-shadow .4s ease,border-color .4s ease}.work-photo-label{font-size:9px;left:13px;bottom:13px;right:12px}.carousel-dots{width:100%;max-width:360px;gap:6px;justify-content:flex-end}.carousel-dots button{flex:1;max-width:24px;min-width:8px}
@media(hover:hover) and (pointer:fine){.work-grid>article:hover{transform:translateY(-2px)}.work-image:hover{border-color:#ffffff50;box-shadow:0 0 11px 1px #ffffff21,0 6px 20px -5px #ffffff12,0 15px 25px -12px #000e}.work-image:hover img{transform:scale(1.055)}}
@media(max-width:1100px){.work-grid>article{flex-basis:calc((100% - 16px)/3)}}
@media(max-width:760px){.work-grid>article{flex-basis:calc((100% - 8px)/2)}}
@media(max-width:600px){.work-grid{gap:7px;padding:15px 2px 22px}.work-grid>article{flex-basis:78%}.work-photo-label{font-size:9px}.carousel-dots{max-width:none;gap:4px;justify-content:flex-start}.carousel-footer{width:100%}}
@media(prefers-reduced-motion:reduce){.work-grid>article:hover{transform:none}.work-image:hover img{transform:none}}
/* Movimiento editorial: texto por líneas y profundidad en el fondo */
main{position:relative;isolation:isolate}main::before{content:'';position:fixed;inset:-70px 0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:105px 105px;transform:translate3d(0,var(--grid-y,0px),0);transition:transform .25s ease-out}.title-line{display:block}.title-line>span{display:block}.motion-enabled h2 .title-line{overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.motion-enabled h2 .title-line>span{transform:translate3d(0,110%,0);opacity:0;transition:transform .95s cubic-bezier(.2,.7,.2,1),opacity .75s;transition-delay:calc(var(--line-index,0)*90ms)}.motion-enabled h2.visible .title-line>span{transform:none;opacity:1}.motion-enabled .hero h1 .title-line>span{animation:title-arrive 1.15s cubic-bezier(.18,.7,.2,1) both;animation-delay:calc(.1s + var(--line-index,0)*130ms)}.motion-enabled .hero h1 .title-line{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.motion-enabled .hero-top{animation:soft-arrive .9s ease both}.motion-enabled .hero-copy{animation:soft-arrive 1s ease .3s both}.motion-enabled .hero-image>img{transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0) scale(1.12);transition:transform .55s cubic-bezier(.2,.6,.2,1);will-change:transform}.motion-enabled .hero-title{transform:translate3d(var(--copy-x,0px),var(--copy-y,0px),0);transition:transform .65s cubic-bezier(.2,.6,.2,1)}.reveal{transition:opacity .85s ease,transform .95s cubic-bezier(.2,.7,.2,1);transition-delay:var(--entry-delay,0ms)}
@keyframes title-arrive{from{opacity:0;transform:translate3d(0,105%,0)}to{opacity:1;transform:none}}
@keyframes soft-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.models{column-gap:4px;row-gap:8px}.model{border-radius:8px}.model-body{padding:20px}.model-type{margin-bottom:11px}.model-body h3{margin-bottom:13px}.model-body>p{margin-bottom:18px}.model-specs{padding:16px 0;margin-bottom:19px}
@media(max-width:600px){.models{gap:8px}.model-body{padding:20px}.motion-enabled .hero-image>img{transform:translate3d(0,var(--depth-y,0px),0) scale(1.12)}main::before{background-size:75px 75px}}
@media(prefers-reduced-motion:reduce){main::before{transform:none}.title-line>span,.motion-enabled h2 .title-line>span{opacity:1;transform:none}.hero-image>img,.hero-title{transform:none!important;will-change:auto}.reveal{opacity:1;transform:none}}
main::before{transform:none;background-position:0 var(--grid-y,0px);transition:background-position .25s ease-out}
@media(prefers-reduced-motion:reduce){main::before{background-position:0 0}}
/* Alternancia editorial y retícula arquitectónica */
main::before{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}
#bauen,#proceso,#incluye,#zona{position:relative;isolation:isolate;color:#151515;--text:#151515;--muted:#575757;--line:#c9c9c5;--blue:#191919}
#bauen::before,#proceso::before,#incluye::before,#zona::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background-color:#eeeee9;background-image:linear-gradient(#1c292b0a 1px,transparent 1px),linear-gradient(90deg,#1c292b0a 1px,transparent 1px),linear-gradient(#1c292b04 1px,transparent 1px),linear-gradient(90deg,#1c292b04 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:0 var(--grid-y,0px);pointer-events:none}
#bauen em,#proceso em,#incluye em,#zona em{color:#252525}
#bauen .eyebrow,#proceso .eyebrow,#incluye .eyebrow,#zona .eyebrow{color:#656560}
#bauen p,#proceso p,#incluye p,#zona p{color:#555550}
#bauen .lead{color:#202020}
#bauen .principles span{background:#ffffff60;border-color:#22222215;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#bauen .principles strong{color:#222}#bauen .principles span{color:#444}
#proceso .steps article{border-color:#b8b8b3}
#proceso .steps article>span{color:#666}
#proceso .steps small{color:#41413d}
#proceso .process-note{background:linear-gradient(135deg,#ffffff80,#ffffff30);border-color:#1c1c1c25;box-shadow:inset 0 1px 0 #fff9}
#proceso .process-note span{color:#383833}
#incluye .inclusion-list details{background:linear-gradient(135deg,#ffffff80,#ffffff35);border-color:#22222220;box-shadow:inset 0 1px 0 #ffffffb0}
#incluye .inclusion-list .inclusion-title,#incluye .inclusion-list details:last-child summary .inclusion-title{color:#262626}
#incluye .inclusion-list summary span:first-child,#incluye summary b{color:#666660}
#zona .text-link{color:#222;border-color:#777}
#zona .map-panel{background:#e4e4de;border-color:#22222225;color:#222}
#zona #map-placeholder{background:radial-gradient(ellipse at 75% 30%,#cfcfc4,transparent 65%)}
#zona #map-placeholder>span,#zona #map-placeholder small{color:#50504b}
#zona .map-caption{background:#ddddd6;color:#444}
#zona .button{color:#222;background:linear-gradient(135deg,#ffffff75,#ffffff20);border-color:#22222235;box-shadow:inset 0 1px 0 #fffa,0 4px 16px #0001}
#zona .button:hover{background:#ffffff85;border-color:#22222270}
#bauen,#proceso,#incluye,#zona{border-bottom-color:#c4c4bf}
@media(max-width:600px){main::before,#bauen::before,#proceso::before,#incluye::before,#zona::before{background-size:90px 90px,90px 90px,18px 18px,18px 18px}}
@media(prefers-reduced-motion:reduce){#bauen::before,#proceso::before,#incluye::before,#zona::before{background-position:0 0}}

#bauen,#proceso,#incluye,#zona{max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}
#bauen::before,#proceso::before,#incluye::before,#zona::before{left:0;right:0;width:auto;transform:none}
.floating-wa{color:#fff;background:linear-gradient(135deg,#30303099,#101010a6);border-color:#ffffff50;box-shadow:inset 0 1px 0 #ffffff20,0 5px 20px #0003}.floating-wa:hover{background:linear-gradient(135deg,#303030bb,#101010bf)}
.motion-enabled .section h2{transform:translate3d(0,var(--title-depth,0px),0);transition:transform .4s cubic-bezier(.2,.65,.25,1)}
@media(max-width:600px){.motion-enabled .section h2{transform:translate3d(0,calc(var(--title-depth,0px)*.6),0)}}
@media(prefers-reduced-motion:reduce){.section h2{transform:none!important}}
.map-panel iframe{height:440px}.office-contact{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.office-contact .small-label{margin-bottom:12px}.office-contact p{font-size:15px;color:var(--text);margin-bottom:5px}.office-contact .text-link{font-size:12px}.map-caption{line-height:1.5}
@media(max-width:600px){.map-panel iframe{height:400px}}
