:root{--ink:#061727;--navy:#082b49;--blue:#087fc3;--aqua:#42d5ef;--ice:#edf8fd;--white:#fff;--text:#102d43;--muted:#60798b;--red:#e31e24;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fcfe;color:var(--text);font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}.header{height:80px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(22px,5vw,76px);background:rgba(5,24,40,.82);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1a}.logo{display:block;background:#06111d;border-radius:10px;padding:4px 10px}.logo img{display:block;width:210px;height:48px;object-fit:contain}.nav{display:flex;align-items:center;gap:27px;color:#c9e3ef;font-size:13px;font-weight:700}.nav a:hover{color:#fff}.nav-cta{padding:12px 19px;border:1px solid #51cce6;border-radius:999px;color:#fff!important}.menu-toggle{display:none;background:none;border:0}.hero{height:max(820px,100vh);min-height:760px;background:radial-gradient(circle at 73% 38%,#0b79a9 0,#073b64 22%,#061b30 55%,#040f1c 82%);position:relative;overflow:hidden;color:#fff;padding:110px clamp(24px,7vw,110px) 80px;display:flex;align-items:center}.stars{position:absolute;inset:0;opacity:.26;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.earth{position:absolute;width:min(58vw,820px);aspect-ratio:1;right:-6vw;top:8%;border-radius:50%;background:url('assets/earth-original.jpg') center/cover;box-shadow:-35px 10px 110px #2bc7ff42,inset 45px -35px 80px #00162966;animation:float 9s ease-in-out infinite}.orbit{position:absolute;border:1px solid #8ceaff3b;border-radius:50%;right:-14vw;top:-8vw;width:78vw;aspect-ratio:1}.orbit-b{width:64vw;right:-7vw;top:2vw;border-color:#ffffff20}.hero-inner{width:100%;max-width:1420px;margin:auto;display:grid;grid-template-columns:1.1fr .55fr;gap:10vw;align-items:center;position:relative;z-index:2}.hero-copy{max-width:760px}.kicker{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.18em}.kicker i{display:block;width:28px;height:2px;background:var(--red)}.kicker.light{color:#a7e9f6}.hero h1{font-size:clamp(62px,7.5vw,112px);line-height:.88;letter-spacing:-.065em;margin:22px 0 30px}.hero h1 span,.engineering h2 span,.digital h2 span,.contact h2 span{color:var(--aqua)}.hero-copy>p:not(.kicker){font-size:18px;line-height:1.75;color:#c2dce8;max-width:610px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;border-radius:999px;font-weight:800;font-size:13px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(105deg,#087fc3,#2cc8e8);color:#fff;box-shadow:0 12px 32px #00a9ea45}.btn-glass{border:1px solid #ffffff4d;background:#ffffff12;color:#fff}.mission-panel{background:#061b2db8;border:1px solid #66dcf35e;border-radius:24px;padding:18px;box-shadow:0 28px 70px #0008;backdrop-filter:blur(16px)}.panel-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#79cfe5}.panel-head b{color:#66f2bd}.radar{width:210px;aspect-ratio:1;margin:25px auto;border:1px solid #45cce86e;border-radius:50%;position:relative;display:grid;place-content:center;text-align:center;background:repeating-radial-gradient(circle,#4ad9ef1b 0 1px,transparent 2px 34px);overflow:hidden}.radar:before,.radar:after{content:'';position:absolute;background:#62ddef2d}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.radar strong{font:700 38px 'Space Grotesk';color:#fff}.radar small{font-size:8px;letter-spacing:.15em;color:#75dff1}.sweep{position:absolute;inset:50% 0 0 50%;background:conic-gradient(from 270deg,#46e5ff4d,transparent 30%);transform-origin:0 0;animation:sweep 4s linear infinite}.radar i{width:6px;height:6px;background:#69f1bd;border-radius:50%;position:absolute;box-shadow:0 0 12px #69f1bd}.p1{top:26%;left:36%}.p2{right:25%;top:52%}.p3{left:31%;bottom:22%}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1a;padding-top:14px}.telemetry div{text-align:center;border-right:1px solid #ffffff1a}.telemetry div:last-child{border:0}.telemetry small{display:block;font-size:7px;color:#6ca1b7}.telemetry b{font-size:10px;color:#dff8ff}.hero-base{position:absolute;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px);bottom:30px;display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.18em;color:#8db3c5}.hero-base i{height:1px;flex:1;background:#ffffff1a}.credit{position:absolute;right:18px;bottom:8px;font-size:8px;color:#70a1b7}.trust-band{padding:26px clamp(24px,7vw,110px);display:flex;justify-content:space-between;align-items:center;background:#e7f5fb;border-bottom:1px solid #cce4ef;color:#385b70}.trust-band p{margin:0}.trust-band div{display:flex;gap:24px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#277ba2}.section{padding:110px clamp(24px,7vw,110px)}.intro{display:grid;grid-template-columns:1.2fr .7fr;gap:10vw;align-items:end;background:#fff;padding-bottom:55px}.section-title h2,.engineering h2,.maintenance h2,.digital h2,.contact h2{font-size:clamp(44px,5.5vw,78px);line-height:.96;letter-spacing:-.055em;margin:20px 0 0}.section-title h2 span,.maintenance h2 span{color:var(--blue)}.lead{color:var(--muted);line-height:1.8;font-size:17px;max-width:620px}.solutions{padding-top:30px;background:linear-gradient(#fff,#edf8fd)}.solution{background:#fff;border:1px solid #d7e8f0;border-radius:var(--radius);overflow:hidden;box-shadow:0 22px 55px #07375b12}.solution-main{display:grid;grid-template-columns:1.25fr .75fr;margin-bottom:24px}.solution-image{min-height:300px;background-size:cover;background-position:center;position:relative}.solution-main .solution-image{min-height:480px}.solution-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#051a2fbb)}.solution-image>span{position:absolute;z-index:2;bottom:20px;left:22px;color:#fff;font-size:9px;letter-spacing:.16em;font-weight:800}.img-cctv{background-image:url('assets/cctv-camara-seguridad.jpg');background-position:center 37%}.img-fire{background-image:url('assets/proteccion-incendio.jpg');background-position:center 62%}.img-access{background-image:url('assets/control-acceso-torniquete.jpg');background-position:center 58%}.solution-copy{padding:35px}.num{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.13em}.solution h3{font-size:clamp(25px,3vw,38px);line-height:1.1;color:var(--ink);margin-bottom:16px}.solution p:not(.num){color:var(--muted);line-height:1.7}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tags span{padding:7px 11px;border-radius:99px;background:#eaf6fb;color:#277092;font-size:10px;font-weight:800}.solution-copy>a,.text-link{font-weight:800;color:var(--blue);font-size:13px}.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.compact{display:grid;grid-template-columns:120px 1fr;align-items:center}.tech-icon{font:500 52px 'Space Grotesk';color:#35bcd8;text-align:center}.compact .solution-copy{padding-left:10px}.compact h3{font-size:28px}.sectors{background:#eef8fc}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bcdde9;border:1px solid #bcdde9;margin-top:60px}.sector-grid article{background:#fff;padding:34px;min-height:210px;transition:.3s}.sector-grid article:hover{background:#0a739f;color:#fff;transform:translateY(-6px)}.sector-grid b{color:#32b8d3;font-size:11px}.sector-grid h3{font-size:22px;margin:34px 0 10px}.sector-grid p{font-size:13px;color:var(--muted);line-height:1.6}.sector-grid article:hover p{color:#d7edf4}.engineering{background:linear-gradient(135deg,#061726,#07577e 60%,#087fa6);color:#fff;display:grid;grid-template-columns:.8fr 1fr;gap:9vw;align-items:center;position:relative;overflow:hidden}.engineering:before{content:'';position:absolute;width:500px;aspect-ratio:1;border:1px solid #5ddaf02b;border-radius:50%;left:-180px;bottom:-260px}.engineering-copy{position:relative}.engineering-copy>p:not(.kicker){line-height:1.75;color:#bcdbe7}.btn-light{background:#fff;color:#086990;margin-top:20px}.process{border-top:1px solid #ffffff28}.process article{display:grid;grid-template-columns:55px 1fr;padding:20px 8px;border-bottom:1px solid #ffffff28;transition:.25s}.process article:hover{background:#ffffff0d;padding-left:18px}.process article>b{font-size:11px;color:#6ee3f4}.process h3{font-size:20px;margin:0 0 5px}.process p{margin:0;color:#a9cfdd;font-size:13px}.maintenance{background:#fff;display:grid;grid-template-columns:.8fr 1fr;gap:8vw;align-items:center}.maintenance-visual{aspect-ratio:1;max-width:470px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,#d9f4fa 19% 36%,#eef9fc 37% 55%,#fff 56%);border:1px solid #c9e5ed;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.maintenance-visual:after{content:'';position:absolute;inset:11%;border:1px dashed #56bfd8;border-radius:50%;animation:spin 18s linear infinite}.maintenance-visual strong{font:700 clamp(48px,7vw,92px) 'Space Grotesk';color:var(--blue)}.maintenance-visual span{font-size:9px;letter-spacing:.15em;color:#55859a}.pulse{position:absolute;inset:35%;border-radius:50%;box-shadow:0 0 0 20px #44c8e319;animation:pulse 2s ease-out infinite}.maintenance-copy>p:not(.kicker),.maintenance li{color:var(--muted);line-height:1.7}.maintenance ul{list-style:none;padding:0;margin:25px 0}.maintenance li{padding:10px 0;border-bottom:1px solid #deebf0}.maintenance li:before{content:'✓';color:#20a9c9;margin-right:12px;font-weight:900}.brands{background:#eff8fb}.brands .lead{margin-top:30px}.brand-wall{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid #c7e0e9}.brand-wall span{height:105px;display:grid;place-items:center;background:#fff;border:1px solid #e0edf2;font:700 17px 'Space Grotesk';letter-spacing:.07em;color:#55788b;transition:.25s}.brand-wall span:hover{color:var(--blue);background:#f7fdff}.digital{background:#eff8fb;padding-top:0}.digital-card{border-radius:34px;padding:70px;background:radial-gradient(circle at 88% 20%,#1592bd,#07517b 42%,#071e34);color:#fff;position:relative;overflow:hidden}.digital-card:after{content:'SF';position:absolute;right:-10px;bottom:-80px;font:800 280px 'Space Grotesk';color:#ffffff08}.digital-card>p:not(.kicker){max-width:720px;line-height:1.8;color:#c7e2ec}.digital-services{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:2}.digital-services span{padding:10px 16px;border:1px solid #ffffff3d;border-radius:99px;background:#ffffff0c;font-size:12px}.contact{background:#061522;color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:center}.contact-copy>p:not(.kicker){color:#aacbd8;line-height:1.8;max-width:620px}.contact-box{border-top:1px solid #ffffff2b}.contact-box a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:22px 0;border-bottom:1px solid #ffffff2b}.contact-box small{grid-column:1;font-size:8px;letter-spacing:.16em;color:#6ecde2}.contact-box b{grid-column:1;font-size:17px}.contact-box span{grid-column:2;grid-row:1/3;color:#54d8ed;font-size:22px;align-self:center}.contact-box a:hover span{transform:translateX(5px)}footer{background:#020b13;color:#7896a5;padding:40px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:11px}footer .logo{grid-row:1/4;width:max-content}footer p,footer small{margin:0;text-align:right}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-14px)}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{box-shadow:0 0 0 65px #44c8e300}}
@media(max-width:980px){.nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px;background:#061b2d;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:grid;gap:7px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff}.hero-inner,.intro,.engineering,.maintenance,.contact{grid-template-columns:1fr}.earth{width:90vw;right:-38%;opacity:.62}.mission-panel{display:none}.hero-copy{padding-top:80px}.trust-band{align-items:flex-start;gap:20px}.trust-band div{flex-wrap:wrap}.solutions-grid,.sector-grid{grid-template-columns:repeat(2,1fr)}.solution-main{grid-template-columns:1fr}.solution-main .solution-image{min-height:380px}.digital-card{padding:45px}.brand-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.header{height:68px}.logo img{width:150px;height:40px}.nav{top:68px}.hero{height:auto;min-height:790px;align-items:flex-start;padding-top:110px}.hero h1{font-size:58px}.earth{width:130vw;right:-65%;top:6%;opacity:.48}.hero-copy{padding-top:170px}.hero-base{display:none}.hero-actions{flex-direction:column}.btn{width:100%}.trust-band{display:block}.trust-band div{margin-top:18px}.section{padding-top:78px;padding-bottom:78px}.section-title h2,.engineering h2,.maintenance h2,.digital h2,.contact h2{font-size:43px}.solutions-grid,.sector-grid,.brand-wall{grid-template-columns:1fr}.solution-image,.solution-main .solution-image{min-height:300px}.compact{grid-template-columns:80px 1fr}.maintenance-visual{max-width:330px;margin:auto}.digital-card{padding:34px 24px}.digital-card h2{font-size:38px}.contact{gap:45px}footer{grid-template-columns:1fr}footer p,footer small{text-align:left}}