:root{--navy:#061b38;--navy2:#09284e;--blue:#0874b9;--sky:#54b9df;--ink:#102d48;--gray:#5b6c7d;--soft:#f3f7fa;--line:#dce7ee;--white:#fff;--shadow:0 20px 60px rgba(6,27,56,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1160px,calc(100% - 52px));margin:auto}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #eaf0f4}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:208px;display:block}.nav{display:flex;align-items:center;gap:22px}.nav>a{font-size:.87rem;font-weight:620;transition:.2s}.nav>a:hover{color:var(--blue)}.nav .nav-cta{padding:12px 16px;border-radius:7px;background:var(--navy);color:white;margin-left:6px;font-size:.83rem}.nav .nav-cta:hover{background:var(--blue);color:white}.mobile-toggle{display:none}.hero{position:relative;overflow:hidden;padding:104px 0 102px}.topo-bg:before{content:"";position:absolute;width:650px;height:600px;left:-450px;top:-160px;border:1px solid #d9eaf3;border-radius:38% 62% 59% 41%;box-shadow:0 0 0 34px rgba(18,109,164,.025),0 0 0 75px rgba(18,109,164,.025),0 0 0 120px rgba(18,109,164,.02);transform:rotate(-25deg)}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:68px;align-items:center}.eyebrow{font-size:.69rem;font-weight:830;color:#0a81c6;letter-spacing:.17em;display:inline-flex;align-items:center;gap:9px}.eyebrow.muted{color:#347aa5}.spark{height:7px;width:7px;background:#0d8ace;border-radius:50%;box-shadow:0 0 0 4px #e1f3fc}.hero h1{font-size:clamp(2.8rem,4.4vw,4.5rem);letter-spacing:-.06em;line-height:1.075;margin:25px 0 22px;color:var(--navy);font-weight:830}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:1.075rem;line-height:1.85;max-width:560px;color:var(--gray)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:33px 0 54px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:14px 20px;min-height:49px;border-radius:7px;font-weight:740;font-size:.89rem;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:white}.btn.primary:hover{background:var(--navy2)}.btn.ghost{color:var(--ink);border-color:var(--line);background:white}.btn.ghost:hover{border-color:#9bbfd3}.btn.white{background:white;color:var(--navy);margin-top:32px}.hero-caption{display:flex;align-items:center;gap:13px;color:#667889;font-size:.8rem;font-weight:580}.hero-caption .line{width:35px;height:1px;background:#8ca6b9}.hero-art{border:1px solid #ccdae4;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;background:var(--navy)}.scene-header{height:47px;display:flex;align-items:center;gap:11px;padding:0 20px;background:#061b38;color:#a5c0d8;letter-spacing:.1em;font-size:.65rem;font-weight:750}.scene-header span:last-child{margin-left:auto;color:#5cbaeb}.scene-dot{background:#60d4c1;width:7px;height:7px;border-radius:50%}.terrain-svg{display:block;width:100%;height:auto}.scene-bottom{display:flex;justify-content:space-around;gap:8px;background:#061b38;color:#b9cfdf;font-size:.66rem;letter-spacing:.08em;padding:17px 10px}.scene-bottom span{display:flex;gap:8px;align-items:center}.scene-bottom i{display:block;width:5px;height:5px;border-radius:50%;background:#2eafe9}.feature-strip{background:#f5f9fc;border-block:1px solid #e5eef4}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature-grid>div{display:flex;gap:20px;align-items:center;padding:24px 24px;border-right:1px solid #dfe8f0;font-size:.84rem;font-weight:650}.feature-grid>div:first-child{padding-left:0}.feature-grid>div:last-child{border:0}.feature-grid strong{color:#0a87c5;font-size:1.24rem}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:46px;margin-bottom:40px}.section h2{font-size:clamp(2.05rem,3.7vw,3.35rem);line-height:1.18;letter-spacing:-.045em;color:var(--navy);margin:18px 0 0}.section-heading>p{max-width:367px;color:var(--gray);font-size:.99rem;line-height:1.82;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{border:1px solid var(--line);padding:27px 27px 31px;border-radius:10px;background:#fff;transition:.2s}.service:hover{border-color:#94b9ce;transform:translateY(-3px);box-shadow:0 16px 36px rgba(6,27,56,.06)}.service-num{font-size:.66rem;font-weight:780;letter-spacing:.13em;color:#457b9b}.service-icon{height:55px;display:flex;align-items:center;font-size:2.2rem;font-weight:300;color:var(--blue)}.service h3{font-size:1.11rem;line-height:1.34;margin:10px 0 10px;color:var(--navy);letter-spacing:-.012em}.service p{font-size:.87rem;line-height:1.75;color:var(--gray);margin:0}.section-light{background:var(--soft)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.project-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:11px}.project-art{height:226px;position:relative;overflow:hidden;background:#062b4e}.art-label{position:absolute;top:20px;left:20px;color:#d3eaf9;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.15);padding:6px 10px;border-radius:5px;font-size:.64rem;letter-spacing:.09em;font-weight:790;z-index:2}.project-art-terrain{background:radial-gradient(circle at 65% 45%,#1179a3,#08284c 60%,#071c38)}.art-ring{position:absolute;left:50%;top:53%;border-radius:45% 55% 35% 65%;transform:translate(-50%,-50%) rotate(-22deg);border:1.8px solid rgba(151,223,247,.75)}.art-ring.one{height:85px;width:150px}.art-ring.two{height:135px;width:210px}.art-ring.three{height:187px;width:280px}.art-ring.four{height:265px;width:365px}.art-center{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);color:white;font-size:1.75rem;font-weight:800;letter-spacing:.2em}.project-art-grid{background:linear-gradient(140deg,#0b345b,#116fa0)}.project-art-grid:after{content:"";position:absolute;inset:-40px;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 29px,#b6dff2 30px 31px),repeating-linear-gradient(90deg,transparent 0 29px,#b6dff2 30px 31px);transform:perspective(270px) rotateX(32deg)}.flight-mark{position:absolute;top:42%;left:30%;color:white;font-size:2.5rem;font-weight:200;z-index:1}.flight-mark.right{left:72%;top:65%}.grid-label{position:absolute;bottom:19px;right:20px;color:white;z-index:2;font-size:.66rem;letter-spacing:.12em}.project-art-lines{background:linear-gradient(120deg,#062746,#0a507b)}.art-horizontal{position:absolute;left:15%;right:10%;height:3px;background:#62c4e4;transform:rotate(-16deg);top:40%;box-shadow:15px 15px 0 #408fb6}.art-horizontal:nth-of-type(3){top:52%;left:11%}.art-horizontal:nth-of-type(4){top:64%;left:15%}.art-horizontal:nth-of-type(5){top:76%;left:19%}.art-horizontal:nth-of-type(6){top:88%;left:25%}.project-card-body{padding:24px}.project-type{color:#317da8;font-weight:760;letter-spacing:.13em;font-size:.64rem}.project-card h3{font-size:1.1rem;margin:10px 0;color:var(--navy)}.project-card p{min-height:65px;font-size:.87rem;line-height:1.69;color:var(--gray);margin:0 0 18px}.project-card a{color:var(--blue);font-weight:750;font-size:.83rem}.coming{font-size:.8rem;color:#718899}.notice-small{font-size:.79rem;color:#718698;margin-top:18px}.visor-promo{background:#061b38;position:relative;overflow:hidden}.visor-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.visor-promo .section h2,.visor-promo h2{color:white}.visor-promo p{font-size:1rem;line-height:1.88;color:#b9d0df;max-width:500px}.eyebrow.blue{color:#66c4f2}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.chips span{border:1px solid #40617e;color:#cce4f5;padding:7px 11px;border-radius:20px;font-size:.75rem}.viewer-promo-card{height:380px;background:linear-gradient(150deg,#10385c,#0b213f);border:1px solid #456989;border-radius:12px;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.2)}.bar-top{height:42px;border-bottom:1px solid #2a4e71;display:flex;gap:7px;align-items:center;padding:0 18px}.bar-top i{width:7px;height:7px;border-radius:50%;background:#4388ab}.bar-top span{margin-left:16px;color:#8da9be;font-size:.63rem;letter-spacing:.09em}.view-inner{height:285px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#0e6289,#091f3e 65%)}.view-orbit{position:absolute;border-radius:50%;border:2px solid #5eb5d8;opacity:.4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg) skew(17deg)}.view-orbit.outer{height:245px;width:380px}.view-orbit.middle{height:180px;width:286px}.view-orbit.inner{height:112px;width:186px}.view-terrain{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;letter-spacing:.24em;font-weight:900;font-size:2.4rem;text-align:center;text-shadow:0 0 25px #147aa9}.view-terrain small{font-size:.56rem;letter-spacing:.5em;font-weight:500}.view-status{display:flex;justify-content:space-between;color:#aac8dc;padding:18px;font-size:.65rem;letter-spacing:.09em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px}.contact-intro>p{font-size:1.04rem;line-height:1.8;color:var(--gray);max-width:460px}.contact-lines{margin-top:42px;display:flex;flex-direction:column;gap:0}.contact-lines>a,.contact-lines>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:17px 0;font-weight:650}.contact-lines strong{display:block;color:#6e8293;font-size:.75rem;font-weight:650;min-width:98px}.contact-lines span{color:var(--blue)}.contact-lines>div{color:#364e64;font-size:.84rem}.contact-form{padding:36px;background:var(--soft);border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column}.form-heading h3{font-size:1.5rem;color:var(--navy);margin:0 0 7px}.form-heading p{color:var(--gray);font-size:.81rem;line-height:1.6;margin:0 0 21px}.contact-form label{font-size:.79rem;font-weight:700;margin:12px 0 7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px 13px;border:1px solid #cddce5;border-radius:6px;background:white;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#168ccd;box-shadow:0 0 0 3px rgba(22,140,205,.1)}.contact-form .submit{margin-top:22px;width:100%}.footer{background:#061b38;color:white}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:46px 0}.footer-grid img{width:256px;height:auto;display:block}.footer-grid p{font-size:.8rem;color:#adc5d7;margin:4px 0}.footer-nav{display:flex;gap:24px;font-size:.84rem;color:#c4d9e7}.footer-nav a:hover{color:#69c2e9}.footer-bottom{padding:20px 0;border-top:1px solid #2e4760;display:flex;justify-content:space-between;font-size:.75rem;color:#96b0c3}.notice{color:#7b8fa0}@media(max-width:1000px){.hero-grid{gap:35px}.nav{gap:14px}.nav>a{font-size:.79rem}.brand img{width:177px}.contact-grid,.visor-grid{gap:45px}}@media(max-width:800px){.header-inner{height:72px}.mobile-toggle{display:flex;width:43px;height:41px;flex-direction:column;justify-content:center;gap:5px;align-items:center;background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer}.mobile-toggle span{height:2px;width:21px;background:var(--navy)}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;box-shadow:0 15px 25px rgba(0,0,0,.08);padding:20px 26px;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav .nav-cta{margin:0;text-align:center}.hero{padding:70px 0}.hero-grid,.visor-grid,.contact-grid{grid-template-columns:1fr}.hero-art{max-width:600px}.hero-actions{margin-bottom:35px}.section{padding-top:75px;padding-bottom:75px}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.project-card:last-child{display:none}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading>p{max-width:680px}.viewer-promo-card{max-width:650px}}@media(max-width:570px){.shell{width:min(100% - 32px,1160px)}.hero h1{font-size:2.8rem}.hero-copy>p{font-size:.98rem}.hero-actions{flex-direction:column;align-items:stretch}.feature-grid{grid-template-columns:1fr}.feature-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.service-grid,.project-grid{grid-template-columns:1fr}.project-card:last-child{display:block}.section h2{font-size:2.15rem}.contact-grid{gap:35px}.contact-form{padding:23px}.footer-grid,.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-nav{flex-wrap:wrap}.footer-grid img{width:210px}.scene-bottom{font-size:.5rem}.scene-header{font-size:.55rem}.visor-grid{gap:30px}.viewer-promo-card{height:310px}.view-inner{height:215px}.contact-lines>a,.contact-lines>div{font-size:.81rem}.contact-lines strong{min-width:67px}}

/* ===== DATUM NORTE V2 · PORTAFOLIO REAL ANONIMIZADO ===== */
.real-project{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.real-project:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(6,27,56,.08);border-color:#b7cedc}.project-photo{height:236px;position:relative;overflow:hidden;background:#082a4c}.project-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(3,18,37,.72))}.project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.real-project:hover .project-photo img{transform:scale(1.035)}.project-state{position:absolute;z-index:3;left:18px;bottom:17px;padding:7px 10px;border-radius:5px;background:rgba(5,25,49,.82);border:1px solid rgba(255,255,255,.22);color:white;font-size:.66rem;font-weight:760;letter-spacing:.08em}.project-meta{display:flex;gap:10px;flex-wrap:wrap;margin:-3px 0 18px}.project-meta span{font-size:.68rem;color:#728797;background:#f2f7fa;border:1px solid #e1ebf1;border-radius:16px;padding:5px 8px}.portfolio-policy{display:flex;align-items:center;gap:14px;margin-top:26px;padding:16px 18px;border:1px solid #d9e8ef;background:#fff;border-radius:9px;color:#63798a;font-size:.8rem}.portfolio-policy strong{color:#0a5e91;white-space:nowrap}.project-art-predio,.project-art-lotificacion{height:236px;position:relative;overflow:hidden;background:#082b4e}.project-art-predio:before{content:"";position:absolute;inset:-40px;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(102,190,225,.18) 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(102,190,225,.14) 28px 29px);transform:rotate(-8deg)}.project-art-predio:after{content:"";position:absolute;left:18%;top:24%;width:62%;height:48%;border:2px solid #7bd0ed;clip-path:polygon(8% 4%,92% 0,100% 72%,64% 100%,4% 82%,0 32%);background:rgba(36,143,187,.08);box-shadow:0 0 0 10px rgba(62,163,204,.04)}.project-art-lotificacion{background:linear-gradient(145deg,#082d51,#0b5d87)}.project-art-lotificacion:before{content:"";position:absolute;inset:34px 42px 40px;border:1px solid rgba(151,222,247,.48);background:repeating-linear-gradient(90deg,rgba(98,202,236,.22) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(98,202,236,.2) 0 1px,transparent 1px 38px);transform:skewX(-9deg) rotate(-3deg)}.project-art-lotificacion:after{content:"";position:absolute;left:8%;right:8%;top:51%;height:18px;border-top:3px solid rgba(239,249,255,.8);border-bottom:3px solid rgba(239,249,255,.35);transform:rotate(-7deg)}.visual-mark{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#e9f8ff;text-shadow:0 3px 20px rgba(0,0,0,.2)}.visual-mark span{font-size:2.2rem;font-weight:850;letter-spacing:.12em}.visual-mark small{font-size:.58rem;letter-spacing:.2em;margin-top:4px;white-space:nowrap}.real-project .project-card-body{display:flex;flex-direction:column;flex:1}.real-project .project-card-body>a{margin-top:auto}.real-project .project-card-body p{min-height:89px}

/* Detalle de proyecto */
.detail-hero{background:#061b38;color:white;padding:58px 0 70px}.back-link{display:inline-block;color:#a9d6ec;font-size:.8rem;margin-bottom:42px}.detail-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.detail-hero h1{font-size:clamp(2.45rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.055em;margin:18px 0 20px;max-width:800px}.detail-hero p{max-width:720px;color:#bfd2df;font-size:1.02rem;line-height:1.8;margin:0}.detail-facts{border-top:1px solid #35516c}.detail-facts>div{padding:15px 0;border-bottom:1px solid #35516c}.detail-facts small{display:block;color:#78bfe3;font-size:.62rem;letter-spacing:.13em;margin-bottom:5px}.detail-facts strong{font-size:.84rem;font-weight:650;color:#ecf7fc}.project-detail-body{padding-top:70px}.detail-gallery{display:grid;grid-template-columns:1.6fr .8fr;grid-template-rows:250px 250px;gap:12px;margin-bottom:70px}.gallery-item{border:0;padding:0;margin:0;overflow:hidden;border-radius:10px;background:#e9f1f5;cursor:zoom-in}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}.gallery-item:hover img{transform:scale(1.02)}.gallery-main{grid-row:1/3}.detail-placeholder{height:450px;border-radius:11px;margin-bottom:70px;display:flex;align-items:flex-end;justify-content:center;padding:30px;color:white}.detail-placeholder p{position:relative;z-index:2;margin:0;background:rgba(5,26,50,.75);padding:8px 11px;border-radius:5px;font-size:.75rem}.detail-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.detail-copy-grid h2{margin-top:14px}.detail-copy-grid>div>p{color:var(--gray);font-size:1rem;line-height:1.85}.privacy-note{margin-top:24px;padding:15px 17px;border-left:3px solid #1c91c9;background:#f1f8fb;color:#547285;font-size:.8rem;line-height:1.65}.detail-lists{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-lists h3{font-size:.92rem;color:var(--navy);margin:0 0 14px}.detail-lists ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.detail-lists li{padding:11px 0;border-bottom:1px solid var(--line);font-size:.83rem;color:#425f73}.detail-lists li:before{content:"•";color:#0a8bc7;margin-right:8px}.detail-cta{margin-top:85px;background:#082342;border-radius:12px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.detail-cta h2{color:white;margin:8px 0 0;font-size:2rem}.detail-cta .btn{margin:0;flex:none}.lightbox{position:fixed;z-index:9999;inset:0;background:rgba(3,13,27,.92);display:flex;align-items:center;justify-content:center;padding:36px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(1400px,96vw);max-height:90vh;object-fit:contain;border-radius:6px}.lightbox-close{position:absolute;right:24px;top:18px;color:white;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);width:46px;height:46px;border-radius:50%;font-size:1.8rem;cursor:pointer}.detail-title{color:var(--navy);font-size:3rem}.detail-nav{display:flex}

@media(max-width:800px){#proyectos-grid .project-card:last-child{display:flex}.portfolio-policy{align-items:flex-start;flex-direction:column;gap:5px}.detail-hero-grid,.detail-copy-grid{grid-template-columns:1fr;gap:35px}.detail-hero{padding:40px 0 52px}.detail-gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 190px}.gallery-main{grid-column:1/3;grid-row:auto}.detail-lists{gap:18px}.detail-cta{align-items:flex-start;flex-direction:column}.detail-nav{display:none!important}}
@media(max-width:570px){.project-photo,.project-art-predio,.project-art-lotificacion{height:210px}.real-project .project-card-body p{min-height:0}.detail-gallery{display:flex;flex-direction:column}.gallery-item{height:240px}.gallery-main{height:300px}.detail-copy-grid{gap:30px}.detail-lists{grid-template-columns:1fr}.detail-cta{padding:26px 23px}.detail-cta h2{font-size:1.65rem}.lightbox{padding:12px}.lightbox-close{right:10px;top:10px}}