/* Real multi-page navigation with a shared visual language. */
body{overflow-x:hidden;position:relative}header,main,footer,#mobile-nav{position:relative;z-index:2}header{background:#080b10bb;backdrop-filter:blur(16px);height:96px}header nav{gap:30px;font-size:12px}header nav a{position:relative}header nav a[aria-current=page]{color:#65d6ff}header nav a:not(.nav-contact):after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a[aria-current=page]:after,header nav a:hover:after{transform:scaleX(1)}.world{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 30%,#16364a,#080b10 65%)}#world-canvas{width:100%;height:100%;display:block;opacity:.88}.world-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080b10e8 0%,#080b1066 42%,transparent 82%),linear-gradient(0deg,#080b1066,transparent 65%)}body[data-page=inicio] .world{opacity:.7}body[data-page=inicio] .hero{height:calc(100svh - 96px);min-height:680px}.trust{background:#080b10d9}.home-hub{padding:90px 4.2% 100px;position:relative}.hub-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(33px,3.8vw,58px);line-height:1.14;letter-spacing:-2px;font-weight:500;margin:22px 0 45px}.hub-heading h2 span{color:#95a6b7}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;perspective:1400px}.portal-card{position:relative;display:block;min-width:0;min-height:420px;transform-style:preserve-3d;border:1px solid #ffffff26;border-radius:12px;background:#0b1721a8;box-shadow:0 25px 70px #0005;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;isolation:isolate}.portal-card:nth-child(2){margin-top:45px}.portal-card:nth-child(3){margin-top:90px}.portal-photo{height:245px;margin:15px;border-radius:7px;overflow:hidden;transform:translateZ(22px)}.portal-photo img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.portal-copy{padding:18px 26px 30px;transform:translateZ(40px)}.portal-copy>span{font-size:8px;letter-spacing:1.6px;color:#9baec0}.portal-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(24px,2.5vw,36px);letter-spacing:-1.1px;margin:16px 0 13px;display:flex;justify-content:space-between;gap:15px}.portal-copy h3 span{color:var(--blue)}.portal-copy p{font-size:11px;line-height:1.8;color:#91a4b4;margin:0}.portal-edge{position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,20%),#a3e5ff16,transparent 65%)}.portal-card:hover{border-color:#00a7e477;box-shadow:0 35px 80px #0008}.portal-card:hover .portal-photo img{transform:scale(1.05)}.contact-teaser{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:65px 4.2%;border-top:1px solid #ffffff26;background:linear-gradient(110deg,#0c1c2adc,#080b10a8);backdrop-filter:blur(10px)}.contact-teaser h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.8vw,55px);line-height:1.15;letter-spacing:-1.9px;font-weight:500;margin:22px 0 0}.contact-teaser h2 span{color:#90a4b5}footer{background:#080b10e0;border-top:1px solid #ffffff15}.page-hero{min-height:560px;max-width:1800px;margin:auto;position:relative;padding:85px 4.2% 70px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.page-hero-copy{position:relative;z-index:2;max-width:900px}.page-hero .eyebrow{color:#89ddff;font-size:9px;letter-spacing:2px}.page-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(55px,6.7vw,105px);font-weight:500;line-height:1.05;letter-spacing:-.07em;margin:28px 0}.page-hero h1 em{font-style:normal;color:#87cfe9}.page-description{font-size:14px;line-height:1.9;color:#9fb0bf;max-width:450px;margin:0}.depth-label{position:absolute;right:9%;top:40%;display:flex;flex-direction:column;align-items:center;gap:20px;opacity:.75;transform:perspective(1000px) rotateY(-22deg) rotateX(8deg);pointer-events:none}.depth-label>span{font-family:Manrope,Arial,sans-serif;font-size:clamp(110px,18vw,260px);line-height:.8;font-weight:500;letter-spacing:-15px;color:transparent;-webkit-text-stroke:1px #72c2e95e;text-shadow:12px 12px 0 #72c2e90b}.depth-label small{font-size:6px;letter-spacing:2px;color:#7db3ca}.page-hero-copy{animation:page-title-in .85s cubic-bezier(.2,.7,.2,1) both}@keyframes page-title-in{from{opacity:0;transform:perspective(1200px) translateZ(-120px) rotateX(7deg) translateY(35px)}to{opacity:1;transform:perspective(1200px) translateZ(0) rotateX(0) translateY(0)}}body[data-page=proyectos] .projects{padding-top:45px;background:linear-gradient(#080b1033,#080b10bb)}body[data-page=proyectos] .project-track{gap:65px 38px}body[data-page=servicios] .services{border-top:1px solid #ffffff26;background:#08121bb8;backdrop-filter:blur(8px);border-radius:18px;max-width:1500px;margin:0 4.2% 70px;padding:55px 4%;box-shadow:0 25px 80px #0004}.service-visual{box-shadow:15px 20px 0 -10px #0b344344,25px 35px 60px #0008;transform-style:preserve-3d;transition:transform .45s}.service-examples{padding:35px 4.2% 85px}.service-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;perspective:1200px}.service-example-grid>a{border:1px solid #ffffff26;background:#0a1622bb;border-radius:10px;padding:13px;transform-style:preserve-3d;transition:transform .4s}.service-example-grid img{display:block;width:100%;height:255px;object-fit:cover;border-radius:5px;transform:translateZ(20px)}.service-example-grid span{display:block;padding:20px 6px 12px;font-size:11px;color:#9db9c9;transform:translateZ(30px)}.about-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center;padding:70px 6% 100px;background:#080b1066;backdrop-filter:blur(7px);border-top:1px solid #ffffff20}.about-intro h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(33px,3.8vw,55px);line-height:1.17;letter-spacing:-2px;font-weight:500;margin:24px 0}.about-intro h2 span{color:#91a6b8}.about-intro>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#99adbc;max-width:500px}.about-intro .text-link{display:inline-block;margin-top:20px}.years-sculpture{position:relative;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px}.years-sculpture>span{font-family:Manrope,Arial,sans-serif;font-size:clamp(160px,20vw,275px);font-weight:600;line-height:.9;letter-spacing:-20px;background:linear-gradient(120deg,#35647c 5%,#e9faff 30%,#518ba9 46%,#c6efff 65%,#174561 90%);background-size:180% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;transform:rotateY(-12deg) rotateX(7deg);filter:drop-shadow(12px 18px 10px #0007)}.years-sculpture>small{font-size:9px;letter-spacing:2px;line-height:1.7;color:#aac4d4;margin-top:25px;text-align:center}.years-sculpture i{position:absolute;inset:0;border:1px solid #69c5f130;border-radius:50%;transform:rotateX(65deg) rotateY(15deg);pointer-events:none}.motion-on .years-sculpture>span{animation:metal-number 10s ease-in-out infinite}.motion-on .years-sculpture i{animation:orbit-frame 18s linear infinite}@keyframes metal-number{50%{background-position:100% 0;transform:rotateY(10deg) rotateX(-3deg)}}@keyframes orbit-frame{to{transform:rotateX(65deg) rotateY(15deg) rotateZ(360deg)}}body[data-page=nosotros] .process{background:#080b10b3}.contact-directory{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:0 4.2% 95px;perspective:1200px}.contact-method{position:relative;display:block;border:1px solid #ffffff25;border-radius:12px;padding:40px;min-height:235px;background:linear-gradient(130deg,#0e2532d9,#08111ab3);backdrop-filter:blur(12px);transform-style:preserve-3d;transition:transform .4s,border-color .4s}.contact-method .eyebrow{font-size:8px;letter-spacing:1.7px;color:#7fbed7}.contact-method h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.6vw,38px);letter-spacing:-1px;font-weight:500;margin:24px 0 15px;transform:translateZ(25px)}.contact-method p{font-size:12px;line-height:1.9;color:#9eb3c1;margin:0;overflow-wrap:anywhere}.method-arrow{position:absolute;right:35px;top:35px;font-size:25px;color:#77d5f7;transform:translateZ(35px)}a.contact-method:hover{border-color:#00a7e488}.featured-contact{background:linear-gradient(130deg,#093c50df,#082335cc)}.directory-phone{display:inline-block;margin-top:15px;font-size:12px;color:#71d6f9}.tilt-surface{will-change:transform}.tilt-active{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(8px)!important}.depth-reveal{opacity:0;transform:perspective(1100px) rotateX(9deg) translateY(45px) translateZ(-75px);transition:opacity .8s var(--delay,0ms),transform .9s cubic-bezier(.18,.7,.2,1) var(--delay,0ms)}.depth-visible{opacity:1;transform:perspective(1100px) rotateX(0deg) translateY(0) translateZ(0)}.route-shade{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 75% 30%,#154764,#080b10 65%);transition:opacity .25s}.route-leaving .route-shade{opacity:.55}.route-leaving main{transform:perspective(1500px) translateZ(-170px) rotateY(-7deg);opacity:.25;filter:blur(3px);transition:transform .28s ease-in,opacity .25s,filter .25s}main{transform-origin:center 25%;outline:none}.page-hero-copy h1,.hero-main{overflow:visible}
@media(max-width:1000px){header nav{gap:19px;font-size:11px}.portal-grid{gap:17px}.portal-photo{height:200px;margin:10px}.portal-card{min-height:365px}.portal-copy{padding:16px 20px 25px}.portal-copy h3{font-size:27px}.portal-copy p{font-size:10px}.depth-label{right:5%;opacity:.5}.page-hero-copy{max-width:80%}.page-description{max-width:400px}.contact-method{padding:32px}}
@media(max-width:850px){header{height:83px}.world-vignette{background:linear-gradient(90deg,#080b10e6,#080b1077 60%,#080b1033)}body[data-page=inicio] .hero{height:calc(100svh - 83px);min-height:660px}.home-hub{padding:65px 6% 75px}.hub-heading h2{font-size:38px;letter-spacing:-1.5px}.portal-grid{gap:17px}.portal-card{min-height:315px}.portal-photo{height:155px}.portal-copy h3{font-size:24px}.portal-copy{padding:12px 16px 25px}.portal-card:nth-child(2){margin-top:30px}.portal-card:nth-child(3){margin-top:60px}.contact-teaser{padding:50px 6%;gap:30px}.contact-teaser h2{font-size:36px}.page-hero{padding:65px 6% 60px;min-height:480px}.page-hero h1{font-size:67px}.page-description{font-size:13px}.depth-label>span{font-size:160px}.service-examples{padding-left:6%;padding-right:6%}.service-example-grid{gap:18px}.service-example-grid img{height:190px}.service-example-grid span{font-size:9px}.about-intro{gap:7%;padding:60px 6% 70px}.years-sculpture{min-height:240px}.years-sculpture>span{font-size:170px;letter-spacing:-15px}.about-intro h2{font-size:35px}.about-intro>div>p:not(.eyebrow){font-size:12px}.contact-directory{padding-left:6%;padding-right:6%;gap:17px}.contact-method{padding:30px;min-height:225px}.contact-method h2{font-size:28px}.contact-method p{font-size:11px}.method-arrow{right:25px;top:28px}}
@media(max-width:680px){header nav{display:none}.menu{display:flex;align-items:center;gap:20px;padding:10px 0;background:none;border:0;font-size:12px}.menu span{font-size:23px}#mobile-nav:not([hidden]){position:absolute;top:83px;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#101e2bed;backdrop-filter:blur(18px);padding:20px 6% 25px;border-bottom:1px solid #ffffff30}#mobile-nav a{padding:16px 0;display:flex;justify-content:space-between;font-size:14px}#mobile-nav a[aria-current=page]{color:#61d4ff}.portal-grid{grid-template-columns:1fr}.portal-card:nth-child(n){margin-top:0}.portal-card{display:grid;grid-template-columns:1fr 1.05fr;min-height:210px}.portal-photo{height:200px;margin:12px}.portal-copy{align-self:center;padding:22px 20px 22px 12px}.portal-copy h3{font-size:29px}.portal-copy p{font-size:11px}.portal-copy>span{font-size:7px}.contact-teaser{align-items:start;flex-direction:column}.service-example-grid{grid-template-columns:1fr}.service-example-grid img{height:280px}.about-intro{grid-template-columns:1fr;gap:40px}.years-sculpture{min-height:260px;max-width:350px;margin:auto;width:100%}.years-sculpture>span{font-size:205px}.about-intro h2{font-size:37px}.contact-directory{grid-template-columns:1fr}.contact-method{min-height:215px}.contact-method h2{font-size:30px}}
@media(max-width:540px){.home-hub{padding-top:50px;padding-bottom:55px}.hub-heading h2{font-size:32px;letter-spacing:-1.3px;margin-bottom:30px}.portal-grid{gap:18px}.portal-card{min-height:180px;grid-template-columns:1fr 1.1fr}.portal-photo{height:170px;margin:10px}.portal-copy{padding-right:15px}.portal-copy h3{font-size:26px;letter-spacing:-.8px}.portal-copy p{font-size:10px;line-height:1.7}.portal-copy>span{font-size:6px;letter-spacing:1px}.contact-teaser h2{font-size:35px}.page-hero{min-height:440px;padding-top:55px;padding-bottom:55px}.page-hero-copy{max-width:100%}.page-hero h1{font-size:clamp(48px,12vw,65px);line-height:1.09;margin:25px 0;letter-spacing:-.065em}.page-description{font-size:12px;max-width:285px}.page-hero .eyebrow{font-size:8px;letter-spacing:1.3px}.depth-label{top:37%;right:5%;opacity:.28}.depth-label>span{font-size:150px;letter-spacing:-10px}.depth-label small{display:none}body[data-page=proyectos] .projects{padding-top:10px}body[data-page=servicios] .services{margin:0 4% 40px;padding:28px 5%;border-radius:12px}.service-examples{padding-top:15px;padding-bottom:55px}.service-example-grid img{height:260px}.service-example-grid span{font-size:11px}.contact-directory{padding-bottom:60px}.contact-method{padding:28px}.contact-method h2{font-size:28px}.contact-method p{font-size:11px}.about-intro{padding-top:40px;padding-bottom:50px}.about-intro h2{font-size:34px}.world-vignette{background:linear-gradient(90deg,#080b10de,#080b1077 65%,#080b1033)}.tilt-surface{will-change:auto}}
@media(prefers-reduced-motion:reduce){.route-leaving main{transform:none;filter:none}.route-shade{display:none}.depth-reveal{opacity:1;transform:none}.page-hero-copy{animation:none}.tilt-active{transform:none!important}.years-sculpture>span,.years-sculpture i{animation:none!important}.world canvas{opacity:.45}}