@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--ink:#0a0e17;--purple:#8b43ec;--violet:#ad6cff;--muted:#5d6572}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#10131c;background:white}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1320px,90%);margin:auto}.site-header{background:#080c14;color:#fff;position:relative;z-index:10;border-bottom:1px solid #ffffff20}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark strong{font-size:36px;font-weight:800;letter-spacing:-3px}.wordmark small{font-size:11px;font-weight:700;letter-spacing:-.3px}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{font-size:12px;color:#d8d8e0}.site-header nav a:hover,.footer-inner a:hover{color:#b38aff}.outline-btn{display:inline-flex;align-items:center;gap:20px;border:1px solid #9ca0b2;padding:13px 18px;color:#fff;font-size:12px;font-weight:600}.outline-btn:hover{border-color:var(--violet)}.hero{min-height:660px;position:relative;display:flex;align-items:center;background:#080c13;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 41%;background:url('image-06.jpg') center/cover no-repeat;filter:contrast(1.2) brightness(.72)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c13 0%,#080c13 27%,#080c13ef 43%,#080c1390 65%,#080c1333 100%),linear-gradient(0deg,#080c1390,transparent 60%)}.hero-content{position:relative;padding:95px 0 55px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#7440d4}.hero .eyebrow,.needs .eyebrow,.trust .eyebrow,.about .eyebrow,.contact .eyebrow{color:#c09aff}.eyebrow i{display:inline-block;width:4px;height:10px;background:#a14dff;margin-right:9px}.hero h1{font-size:clamp(32px,3.8vw,59px);line-height:1.18;font-weight:400;letter-spacing:-2px;margin:25px 0 22px;max-width:820px}.hero h1 strong{font-weight:800}.hero p{max-width:480px;color:#d0d1d9;font-size:15px;line-height:1.8}.actions{display:flex;gap:25px;align-items:center;margin-top:27px;flex-wrap:wrap}.btn{background:linear-gradient(115deg,#6520d5,#9034e4);display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 21px;color:white;font-size:12px;font-weight:700;border-radius:3px}.btn:hover{filter:brightness(1.18)}.text-link{font-size:12px;color:#f3edf8}.hero-tags{font-size:9px;letter-spacing:1.8px;color:#bfc2d0;margin-top:95px}.hero-tags span{margin:0 15px;color:#8d6db9}.capabilities{padding:72px 0;display:grid;grid-template-columns:330px 1fr;gap:42px}.cap-intro h2,.section-top h2,.gallery-head h2{font-size:clamp(29px,3vw,43px);line-height:1.15;letter-spacing:-1.4px;margin:15px 0}.cap-intro h2 em,.needs h2 em{font-style:normal;color:#7130d7}.cap-intro p,.section-top p,.gallery-head p{font-size:13px;color:#66707b;line-height:1.75}.under-link{display:inline-block;font-size:12px;color:#6d2ecb;font-weight:700;margin-top:14px}.cap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.cap-grid a{border-left:1px solid #e4e2e8;padding:22px 17px;display:flex;flex-direction:column;gap:14px}.cap-grid b{font-size:31px;color:#7934d8;font-weight:400}.cap-grid strong{font-size:12px;line-height:1.4}.cap-grid small{font-size:10px;color:#7c838e;line-height:1.6}.needs{background:linear-gradient(105deg,#080e18ee,#080e18df),url('image-27.jpg') center/cover;color:white;padding:90px 0}.needs-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.needs h2{font-size:clamp(34px,4vw,57px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.needs h2 em{color:#b57aff}.needs-copy p{font-size:13px;line-height:1.9;color:#c3c6d0;max-width:360px}.need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.need-grid a{background:#0e1523dc;border:1px solid #6c538d8a;border-radius:7px;padding:23px 18px;min-height:145px;display:flex;flex-direction:column;position:relative}.need-grid a:hover{background:#231534}.need-grid b{font-size:27px;color:#b47aff;font-weight:400;margin-bottom:20px}.need-grid strong{font-size:12px}.need-grid small{font-size:10px;color:#aab0c0;margin-top:5px}.need-grid span{position:absolute;right:15px;bottom:18px;color:#bc93fa}.trust{background:#0a0e17;color:#fff;padding:42px 0}.trust-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;align-items:center}.trust h2{font-size:22px;line-height:1.4;margin:9px 0}.trust-text{border-left:1px solid #69717f;padding-left:25px;display:flex;flex-direction:column;gap:8px}.trust-text strong{font-size:27px;color:#b37bff}.trust-text span{font-size:11px;color:#b6bdc8;line-height:1.7}.projects{padding:85px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.section-top>div{max-width:650px}.section-top p{max-width:390px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.photo-card{background:#fff;box-shadow:0 12px 32px #10131b0a;min-width:0}.photo{height:220px;overflow:hidden;background:#f3f0f5;display:flex;align-items:center;justify-content:center}.photo img{display:block;height:100%;width:100%;object-fit:contain;object-position:center;transition:none}.photo-card:hover img{transform:none}.photo-body{padding:20px}.micro{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#803dd8}.photo-body h3{font-size:15px;line-height:1.4;margin:11px 0 8px}.photo-body p{font-size:12px;line-height:1.65;color:#707985;margin:0}.about{display:grid;grid-template-columns:1.05fr 1fr .9fr;min-height:460px}.about-image{position:relative;background:#101824}.about-image img{width:100%;height:100%;object-fit:contain;filter:brightness(.65)}.about-copy{background:linear-gradient(120deg,#151628,#302348);color:#fff;padding:70px 12%}.about-copy h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.about-copy p{font-size:13px;line-height:1.9;color:#d4cfdf;margin-bottom:30px}.about-list{padding:60px 12%;display:flex;flex-direction:column;justify-content:center;gap:22px;background:#faf9fc}.about-list>div{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.about-list b{grid-row:span 2;color:#8b43ec;font-size:25px;font-weight:400}.about-list strong{font-size:12px}.about-list small{font-size:11px;color:#777e88;line-height:1.5;margin-top:4px}.gallery-head{padding:85px 0 10px}.showcase{padding:65px 0;border-bottom:1px solid #e7e5eb;scroll-margin-top:20px}.showcase:nth-of-type(even){background:#fff}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo-grid .photo{height:205px}.contact{background:#0a0d14;color:#fff;padding:70px 0}.contact-inner{display:grid;grid-template-columns:1.35fr 1fr auto;align-items:center;gap:40px}.contact h2{font-size:27px;line-height:1.3;letter-spacing:-.8px}.contact p{font-size:12px;line-height:1.8;color:#b8bdc8}footer{background:#070a10;color:#fff;padding:45px 0 25px}.footer-inner{display:grid;grid-template-columns:160px 1fr auto auto;align-items:center;gap:30px}.footer-inner p{font-size:11px;color:#a6a8b0}.footer-inner nav{display:flex;gap:19px;font-size:11px}.footer-contact{display:flex;flex-direction:column;gap:9px;font-size:11px}.footer-bottom{border-top:1px solid #242833;padding-top:22px;margin-top:40px;font-size:10px;color:#818997}a:focus-visible{outline:3px solid #a569ff;outline-offset:4px}@media(max-width:1100px){.capabilities{grid-template-columns:1fr}.cap-grid{grid-template-columns:repeat(5,1fr)}.needs-inner{gap:28px}.about{grid-template-columns:1fr 1fr}.about-image{display:none}.contact-inner{grid-template-columns:1fr 1fr}.contact .btn{grid-column:1/-1;justify-self:start}.footer-inner{grid-template-columns:1fr 1fr}.site-header nav{gap:15px}}@media(max-width:760px){.site-header .nav-wrap{flex-wrap:wrap;justify-content:space-between;padding:15px 0;min-height:0}.site-header nav{order:3;width:100%;justify-content:space-between;gap:9px;overflow-x:auto}.site-header nav a{font-size:11px;white-space:nowrap}.nav-cta{font-size:10px}.hero{min-height:630px}.hero-photo{inset:0;background-position:center;opacity:.45}.hero-shade{background:linear-gradient(90deg,#080c13f5,#080c13b8)}.hero-content{padding:70px 0 35px}.hero h1{font-size:clamp(30px,7vw,46px);letter-spacing:-1.1px}.hero-tags{margin-top:65px;line-height:2}.capabilities{padding:55px 0}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-grid a{border-bottom:1px solid #eee}.needs{padding:60px 0}.needs-inner{grid-template-columns:1fr}.need-grid{grid-template-columns:repeat(2,1fr)}.trust-inner{grid-template-columns:1fr 1fr}.trust-inner>div:first-child{grid-column:1/-1}.feature-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{display:block}.about{grid-template-columns:1fr}.about-copy,.about-list{padding:50px 6%}.contact-inner{grid-template-columns:1fr;gap:15px}.contact .btn{grid-column:auto}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:480px){.nav-cta{display:none}.hero h1{font-size:32px}.hero-tags span{margin:0 5px}.cap-grid{grid-template-columns:1fr 1fr}.need-grid{gap:9px}.need-grid a{padding:15px;min-height:132px}.feature-grid,.photo-grid{grid-template-columns:1fr}.trust-inner{grid-template-columns:1fr}.trust-inner>div:first-child{grid-column:auto}.photo-grid .photo{height:245px}.footer-inner{grid-template-columns:1fr}.footer-inner nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
/* Portada de dos disciplinas, con fotografías originales de proyectos i21 */
.hero-photos{position:absolute;inset:0 0 0 43%;display:grid;grid-template-rows:62% 38%;gap:3px;background:#8b43ec;overflow:hidden}
.hero-photos .hero-photo{position:relative;inset:auto;filter:contrast(1.07) brightness(.78);background-repeat:no-repeat;background-size:cover}
.hero-photo-net{background-image:url('portada-redes.jpg')!important;background-position:center 43%!important}
.hero-photo-electric{background-image:url('portada-electrica.jpg')!important;background-position:center 59%!important}
.hero-shade{pointer-events:none;background:linear-gradient(90deg,#080c13 0%,#080c13 23%,#080c13f5 38%,#080c13a8 54%,#080c1330 77%,#080c1320 100%),linear-gradient(0deg,#080c1390,transparent 65%)}
@media(max-width:760px){.hero-photos{inset:0;grid-template-rows:60% 40%;opacity:.68}.hero-photos .hero-photo{opacity:1}.hero-shade{background:linear-gradient(90deg,#080c13f2,#080c13a8),linear-gradient(0deg,#080c13e0,transparent)} }

/* Navegación responsiva y regreso al inicio */
.site-header{position:sticky;top:0;z-index:100;transition:transform .24s ease,box-shadow .24s ease;background:#080c14}
.site-header.is-compact .nav-wrap{min-height:60px}
.site-header .nav-wrap{transition:min-height .24s ease}
.site-header.is-compact .wordmark strong{font-size:29px}
.site-header .wordmark strong{transition:font-size .24s ease}
.menu-toggle{display:none}
.back-to-top{position:fixed;right:clamp(16px,3vw,35px);bottom:clamp(18px,3vw,35px);z-index:90;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;background:#7532ce;box-shadow:0 6px 22px #150e2d55;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#8b43ec}
#inicio,#soluciones,#proyectos,#nosotros,#contacto,#galeria,.showcase{scroll-margin-top:85px}
@media(max-width:760px){
.site-header{position:sticky;top:0}
.site-header.is-hidden{transform:translateY(-105%)}
.site-header .nav-wrap{position:relative;flex-wrap:nowrap;min-height:62px;padding:9px 0}
.site-header.is-compact .nav-wrap{min-height:62px}
.site-header .wordmark strong,.site-header.is-compact .wordmark strong{font-size:30px}
.site-header .nav-cta{display:none}
.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;border:1px solid #ffffff45;border-radius:7px;background:transparent;color:white;cursor:pointer}
.menu-toggle span{display:block;width:21px;height:2px;background:#e6d9f7;border-radius:2px}
.site-header nav{display:none;position:absolute;top:100%;left:-5.55%;width:111.1%;padding:12px 5.55% 18px;background:#0b101b;border-top:1px solid #ffffff25;box-shadow:0 14px 25px #0006;flex-direction:column;align-items:stretch;gap:0;overflow:visible}
.site-header.menu-open nav{display:flex}
.site-header nav a{font-size:14px;padding:13px 5px;border-bottom:1px solid #ffffff1a}
.back-to-top{width:44px;height:44px;right:16px;bottom:18px}
#inicio,#soluciones,#proyectos,#nosotros,#contacto,#galeria,.showcase{scroll-margin-top:74px}
}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .nav-wrap,.site-header .wordmark strong,.back-to-top{transition:none}}