.site-header{position:fixed;inset:0 0 auto;z-index:50;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);background:rgba(255,255,255,.92);border-bottom:1px solid rgba(217,231,237,.85);backdrop-filter:blur(18px)}
.site-brand img{width:188px;height:58px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-size:.9rem;font-weight:720;color:var(--navy-900)}.site-nav a:hover{color:var(--blue-600)}.nav-toggle{display:none;border:0;background:transparent;font-size:1.6rem;color:var(--navy-900)}
.hero{position:relative;isolation:isolate;min-height:760px;display:grid;align-items:center;overflow:hidden;padding:138px max(5vw,28px) 90px;background:var(--navy-950) url("../images/backgrounds/inicio.webp") center/cover}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,29,51,.98) 0%,rgba(7,29,51,.91) 48%,rgba(7,29,51,.40) 100%)}
.hero-inner{width:min(var(--content),100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr);gap:70px;align-items:center}.hero-copy{color:#fff}.hero-copy .eyebrow{color:var(--cyan-300)}.hero h1{max-width:850px;margin:0 0 24px;font-size:clamp(3.1rem,6vw,5.9rem);line-height:.98;letter-spacing:-.055em}.hero-lead{max-width:760px;font-size:1.2rem;color:#c9d8e3}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero .secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
.telemetry-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);background:rgba(8,37,62,.72);color:#fff;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.telemetry-card::after{content:"";position:absolute;inset:-70px;border:1px solid rgba(31,197,201,.18);border-radius:50%;z-index:-1}.telemetry-top{display:flex;align-items:center;justify-content:space-between}.live{display:flex;align-items:center;gap:8px;color:var(--cyan-300);font-size:.74rem;font-weight:800;letter-spacing:.12em}.live i{width:8px;height:8px;border-radius:50%;background:var(--cyan-500);box-shadow:0 0 0 7px rgba(31,197,201,.14)}.telemetry-value{margin:42px 0 30px}.telemetry-value strong{display:block;font-size:4.9rem;line-height:1}.telemetry-value span{color:#b9cddd}.mini-series{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-series div{padding:14px 10px;border-radius:12px;background:rgba(255,255,255,.07)}.mini-series small{display:block;color:#9db7c8}.mini-series b{font-size:1rem}
.section{padding:110px max(5vw,28px)}.section-inner{width:min(var(--content),100%);margin:auto}.section-heading{max-width:780px;margin-bottom:48px}.section-heading h2{margin:0 0 16px;color:var(--navy-950);font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;letter-spacing:-.035em}.section-heading p{font-size:1.08rem;color:var(--muted)}
.capabilities{background:linear-gradient(180deg,#fff,var(--ice-100))}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.capability{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm)}.capability-number{display:grid;place-items:center;width:44px;height:44px;margin-bottom:32px;border-radius:13px;background:var(--navy-900);color:var(--cyan-300);font-weight:850}.capability h3{margin-bottom:8px;color:var(--navy-950)}.capability p{margin:0;color:var(--muted);font-size:.92rem}
.architecture{background:var(--navy-950);color:#fff}.architecture .section-heading h2{color:#fff}.architecture .section-heading p{color:#bdd0de}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);overflow:hidden}.flow article{position:relative;padding:34px;background:rgba(255,255,255,.04)}.flow article:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:50%;z-index:2;color:var(--cyan-300);font-size:1.4rem}.flow span{color:var(--cyan-300);font-size:.75rem;font-weight:850;letter-spacing:.14em}.flow h3{margin:22px 0 10px;font-size:1.35rem}.flow p{margin:0;color:#b9ccda;font-size:.9rem}
.devices-showcase{background:#f5f8fa}.device-types{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-type{position:relative;min-height:290px;padding:32px;border-radius:var(--radius-lg);overflow:hidden;color:#fff;background:var(--navy-900)}.device-type::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(31,197,201,.4),transparent 36%)}.device-type>*{position:relative}.device-type span{font-size:.75rem;color:var(--cyan-300);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.device-type h3{margin:72px 0 12px;font-size:1.7rem}.device-type p{color:#c2d2dd}.device-tags{display:flex;gap:6px;flex-wrap:wrap}.device-tags i{font-style:normal;font-size:.7rem;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px}
.sectors{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sector{min-height:330px;display:flex;align-items:flex-end;padding:22px;border-radius:var(--radius);background-size:cover;background-position:center;overflow:hidden;position:relative;color:#fff}.sector::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,29,51,.94),rgba(7,29,51,.08))}.sector div{position:relative}.sector h3{margin:0 0 6px}.sector p{margin:0;color:#d4e0e8;font-size:.8rem}
.demo-cta{padding:88px max(5vw,28px);background:linear-gradient(120deg,var(--blue-600),var(--cyan-500));color:#fff}.demo-cta .section-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.demo-cta h2{margin:0 0 8px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.demo-cta p{margin:0;color:#e7ffff}.demo-cta .button{background:#fff;color:var(--navy-900);box-shadow:none}
.site-footer{padding:44px max(5vw,28px);background:var(--navy-950);color:#aec2d0}.footer-inner{width:min(var(--content),100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer img{width:160px;filter:brightness(0) invert(1);opacity:.9}.footer-links{display:flex;gap:22px;font-size:.86rem}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr}.telemetry-card{max-width:520px}.capability-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(2,1fr)}.flow article::after{display:none}.device-types{grid-template-columns:1fr 1fr}.sectors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:68px}.site-brand img{width:150px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;padding:22px;background:#fff;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.hero{min-height:auto;padding-top:110px}.hero-inner{gap:42px}.hero h1{font-size:3.25rem}.telemetry-card{display:none}.section{padding:76px 22px}.capability-grid,.flow,.device-types,.sectors{grid-template-columns:1fr}.sector{min-height:250px}.demo-cta .section-inner,.footer-inner{align-items:flex-start;flex-direction:column}.hero-actions .button{width:100%}}