*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172033;background:#f7f8fa;line-height:1.6}.container{width:min(1160px,92%);margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(8,15,28,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c8a15a;border-radius:10px;color:#e4c77f;font-weight:800}.brand strong{display:block;font-family:Manrope;font-size:15px;letter-spacing:.2px}.brand small{display:block;color:#9ca9bd;font-size:10px;text-transform:uppercase;letter-spacing:1.8px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#dbe2ec;text-decoration:none;font-size:13px;font-weight:600}.nav-links a:hover{color:#e4c77f}.nav-cta{padding:11px 17px;border:1px solid #c8a15a;border-radius:7px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:820px;position:relative;background:linear-gradient(90deg,rgba(5,12,23,.94) 0%,rgba(5,12,23,.78) 42%,rgba(5,12,23,.25) 100%),url("https://www.isdaeingenieria.com/images/proyecto-estructural/modelado-3d-nave-industrial.jpg") center/cover no-repeat;color:#fff;display:flex;align-items:center}.hero-content{padding-top:80px}.hero-copy{max-width:760px}.eyebrow{display:flex;align-items:center;gap:10px;color:#d8c083;font-size:11px;font-weight:800;letter-spacing:2.2px;margin-bottom:18px}.eyebrow span{width:28px;height:1px;background:#c8a15a}.eyebrow.dark{color:#7d6a42}.hero h1{font-family:Manrope;font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-3px;margin:0 0 25px;max-width:850px}.hero h1 em{font-style:normal;color:#e1c16e}.hero-text{max-width:650px;color:#c5cfdd;font-size:17px}.hero-actions{display:flex;gap:13px;margin:34px 0 42px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:13px;padding:14px 21px;border-radius:7px;transition:.2s}.btn-primary{background:#d3ae63;color:#101827}.btn-primary:hover{transform:translateY(-2px);background:#e4c77f}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:white}.btn-ghost:hover{border-color:#d3ae63;color:#e4c77f}.trust-row{display:flex;gap:45px}.trust-row div{border-left:1px solid rgba(255,255,255,.2);padding-left:17px}.trust-row strong{display:block;font-family:Manrope;font-size:26px;color:#fff}.trust-row span{font-size:11px;color:#9daabd;text-transform:uppercase;letter-spacing:1px}.hero-scroll{position:absolute;bottom:28px;left:4%;font-size:9px;letter-spacing:2px;color:#8e9aaa}.hero-scroll span{font-size:16px;margin-left:10px}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:55px}.section-head.center{display:block;text-align:center}.section-head.center .eyebrow{justify-content:center}.section h2,.experience h2,.contact h2{font-family:Manrope;font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-1.8px;margin:0}.section-head>p{margin:0;color:#68758a;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid #e5e8ee;min-height:590px;box-shadow:0 18px 45px rgba(20,31,50,.06);overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(20,31,50,.11)}.service-image{height:220px;background-position:center;background-size:cover;position:relative}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,14,27,.48))}.service-image.hydraulic{background-position:center}.service-body{padding:28px;position:relative}.service-number{position:absolute;right:24px;top:25px;font-family:Manrope;font-size:12px;color:#a58a54}.icon{font-size:31px;color:#b18b48;margin-bottom:10px}.service-card h3{font-family:Manrope;font-size:25px;margin:0 0 12px}.service-card p{font-size:14px;color:#68758a}.service-card ul{padding:0;margin:20px 0 0;list-style:none}.service-card li{font-size:12px;color:#445066;padding:8px 0;border-top:1px solid #edf0f4}.experience{padding:115px 0;background:#0b1220;color:white}.experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.experience-visual{position:relative}.blueprint-card{height:480px;background:#071222;border:1px solid rgba(214,182,111,.28);position:relative;overflow:hidden;box-shadow:20px 25px 70px rgba(0,0,0,.25)}.blueprint-card img{width:100%;height:100%;object-fit:cover;display:block}.blueprint-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,23,.12),rgba(5,12,23,.72))}.blueprint-grid{display:none}.blueprint-lines{display:none}.blueprint-lines span{position:absolute;border:1px solid rgba(145,201,232,.65)}.blueprint-lines span:nth-child(1){inset:15% 15% 48% 10%}.blueprint-lines span:nth-child(2){inset:55% 12% 10% 45%}.blueprint-lines span:nth-child(3){width:35%;height:2px;left:25%;top:38%;border:0;background:#d5b36b}.blueprint-lines span:nth-child(4){width:2px;height:60%;left:62%;top:18%;border:0;background:#d5b36b}.blueprint-label{position:absolute;bottom:20px;left:24px;font-size:9px;letter-spacing:2px;color:#8fb2cb}.experience-badge{position:absolute;right:-35px;bottom:45px;background:#d3ae63;color:#0b1220;padding:22px 27px;display:flex;align-items:center;gap:13px;box-shadow:0 20px 45px rgba(0,0,0,.3)}.experience-badge strong{font-family:Manrope;font-size:45px;line-height:1}.experience-badge span{font-size:10px;font-weight:800;line-height:1.3;letter-spacing:1px}.experience-copy p{color:#aeb9c9;max-width:650px;margin:25px 0 35px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid rgba(255,255,255,.13);padding-top:25px}.stats strong{display:block;font-family:Manrope;font-size:34px;color:#dfc078}.stats span{font-size:11px;color:#8996a9}.process{background:#f7f8fa}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{background:#fff;padding:28px;border-top:2px solid #d3ae63;min-height:220px}.process-step span{font-family:Manrope;color:#a38752;font-size:12px}.process-step h3{font-family:Manrope;font-size:21px;margin:35px 0 8px}.process-step p{font-size:13px;color:#6b7789}.quote-band{padding:72px 0;background:#d3ae63;color:#101827}.quote-band p{font-family:Manrope;font-size:clamp(25px,3vw,40px);line-height:1.2;max-width:900px;margin:0}.contact{padding:105px 0;background:linear-gradient(120deg,#111c2d,#08111e);color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:100px;align-items:center}.contact-copy p{color:#aab6c7;max-width:600px;margin:25px 0}.contact-info{display:flex;gap:35px;margin-top:35px;flex-wrap:wrap}.contact-info a,.contact-info>div{display:flex;gap:12px;align-items:center;color:white;text-decoration:none}.contact-info span{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#d3ae63}.contact-info small{display:block;color:#7f8da2;font-size:9px;letter-spacing:1.5px}.contact-info strong{font-size:14px}.contact-card{background:#fff;color:#172033;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.card-top{display:flex;justify-content:space-between;align-items:center;color:#8b764a;font-size:10px;font-weight:800;letter-spacing:1.5px}.card-top b{font-size:15px;color:#b18b48}.contact-card h3{font-family:Manrope;font-size:28px;margin:35px 0 10px}.contact-card p{color:#6b7789;font-size:13px}.full{width:100%;margin:20px 0 13px}.phone-link{display:block;text-align:center;color:#4f5d72;text-decoration:none;font-size:12px;font-weight:700}.phone-link:hover{color:#9b7b3f}footer{background:#070d17;color:#7f8da2;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner strong{display:block;color:#d9e0ea;font-size:12px}.footer-inner span{font-size:10px}.footer-inner p{font-size:10px;margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#09111e;padding:20px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:10px}.menu-toggle{display:block}.hero{min-height:760px}.section-head,.experience-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.experience-grid{gap:60px}.process-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:50px}.footer-inner{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.hero h1{letter-spacing:-1.5px}.trust-row{gap:16px;justify-content:space-between}.trust-row strong{font-size:21px}.trust-row span{font-size:8px}.process-grid{grid-template-columns:1fr}.blueprint-card{height:350px}.experience-badge{right:8px;bottom:20px}.stats{grid-template-columns:1fr}.contact-info{display:block}.contact-info a,.contact-info>div{margin-bottom:18px}}

.gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-auto-rows:220px;gap:16px}.gallery-item{position:relative;margin:0;overflow:hidden;background:#111}.gallery-item.large{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,12,23,.72));pointer-events:none}.gallery-item figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.gallery-item figcaption:before{content:"";display:inline-block;width:18px;height:1px;background:#d3ae63;vertical-align:middle;margin-right:8px}@media(max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-item.large{grid-row:span 1}}@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}.gallery-item.large{height:260px}}