@import url('./energy-demo.css');
/* Preview: immersive photography, compact floating navigation. */
body{background:#071e2b}html{scroll-padding-top:112px}.review{display:none!important}
header{position:fixed;inset:18px 24px auto;z-index:100;background:rgba(5,25,38,.48);border:1px solid #ffffff24;border-radius:18px;backdrop-filter:blur(22px);box-shadow:0 8px 32px #00111b20;transition:background .3s,box-shadow .3s}
header.is-scrolled,body:not([data-page="home"]) header{background:rgba(5,25,38,.94);box-shadow:0 8px 32px #00111b40}
header:before,header .wrap:after,header .wrap:before{display:none!important}
header .wrap{min-height:88px;max-width:none;padding:0 26px}
header button[data-page="home"]{width:174px;height:82px;border:0;border-radius:0!important}
header .logo{width:166px!important;height:80px!important;transform:none;filter:brightness(0) invert(1);object-fit:contain}
.header-actions{gap:12px}.header-contact{display:block!important;background:#ffd33d!important;color:#102d3a!important;border:0!important;padding:12px 22px;font-weight:650;font-size:14px;box-shadow:none}
.menu-toggle{background:#ffffff0a;border:1px solid #ffffff35;border-radius:30px;padding:12px 22px;color:white;font-size:14px;box-shadow:none;outline-offset:4px}.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:#ffffff20}.menu-toggle span{font-size:17px}
.site-menu{top:100px;right:0;width:min(480px,calc(100vw - 48px));padding:20px;background:rgba(5,29,43,.96);border:1px solid #ffffff30;border-radius:18px;backdrop-filter:blur(28px);box-shadow:0 30px 80px #0008;max-height:calc(100dvh - 140px);overflow:auto}
.site-menu button,.site-menu a{background:transparent;color:#f3fbff;border-color:#ffffff20;padding:17px 12px;display:block;font-size:18px;border-radius:0}
.site-menu button small{display:block;color:#adc6d2;margin:4px 0 0;font-size:14px}.site-menu button:hover,.site-menu button[aria-current="true"]{background:#ffffff09;color:#8be1d4}
.site-menu a{background:#ffd33d;color:#082737;margin-top:18px;border-radius:30px;text-align:center;font-size:16px}
body:not([data-page="home"]) main{padding-top:125px;background:#f1f6f8}
.visual-hero.scene-carousel{display:flex;flex-direction:column;min-height:0;background:#071e2b;border:0}
.visual-hero:after{display:none}#energy-scenes{order:0}.scene-navigation{order:1;position:relative;z-index:3;margin-top:-112px;background:transparent;border:0;padding-bottom:20px}
.scene-nav-inner{margin:0 24px;max-width:none;background:#071e2b9e;backdrop-filter:blur(20px);border:1px solid #ffffff30;border-radius:14px;padding:14px 22px;align-items:center}
.scene-help{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;color:#bcd2dc}.scene-buttons{display:flex;flex-wrap:wrap;gap:5px}.scene-selector{padding:9px 16px;font-size:14px;min-height:42px;border-color:transparent;color:#e6f2f6;border-radius:8px!important}.scene-selector span{font-size:12px;opacity:.5}.scene-selector[aria-pressed="true"]{background:#ffffff14;color:#fff;border-color:#ffffff35;box-shadow:inset 0 -2px #ffd33d}.scene-selector:hover{background:#ffffff12}.scene-arrows span{font-size:12px}
.hero-slide{min-height:max(760px,100svh);background:#071e2b;display:block}.hero-slide[hidden]{display:none!important}
.hero-slide .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2;filter:none}
.hero-slide .hero-shade{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041824eb 0%,#0418249e 38%,#04182410 80%),linear-gradient(0deg,#041824c9,transparent 45%,#04182435)}
.hero-slide .hero-copy{min-height:0;padding-top:clamp(175px,23vh,240px);padding-bottom:190px;max-width:1400px;padding-inline:6vw}
.hero-copy .eyebrow{font-size:13px;letter-spacing:.17em;max-width:600px}.hero-slide .hero-copy h1{font-size:clamp(3.1rem,6.5vw,6.4rem);font-weight:600;letter-spacing:-.055em;line-height:1.04;max-width:850px}.hero-copy h1 span{color:#95e5d5}
.hero-slide .hero-copy .lead{font-size:18px;line-height:1.65;max-width:490px;margin-top:24px}.hero-copy .actions{margin-top:28px;gap:12px}.hero-copy .btn{min-height:50px;font-size:14px;padding:13px 22px}.hero-copy .btn.primary{background:#ffd33d;color:#092c3b;box-shadow:0 8px 30px #00111b33}.hero-copy .btn.light{background:#ffffff0a;border-color:#ffffff65;backdrop-filter:blur(8px)}.hero-slide .hero-copy .micro{font-size:12px;line-height:1.5;max-width:440px;color:#bdd0d8;margin-top:18px}
.image-disclosure{position:absolute;left:auto;right:32px;bottom:124px;font-size:11px;background:#04182460;max-width:280px;padding:5px 10px}
.home-conversion{max-width:none;padding:44px 6vw;gap:50px;background:#092936;border-bottom:1px solid #ffffff15}.home-conversion:before{display:none}.conversion-copy{padding:0}.conversion-copy h2{font-size:clamp(2rem,3vw,3rem)}.conversion-copy p:not(.eyebrow){font-size:16px;margin-top:14px}.conversion-steps{padding:0}.conversion-steps small{font-size:14px}.conversion-steps li{padding:15px 0}.home-routes{max-width:none;padding:24px 6vw 40px;background:#071e2b;gap:16px}.home-routes button{background:transparent;color:#f4fbff;border-color:#ffffff25;box-shadow:none;border-radius:12px}.home-routes small{font-size:14px;color:#b2cbd6}.home-routes span,.home-routes i{color:#8be1d4}.contact{scroll-margin-top:110px}.btn:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:no-preference){.hero-slide:not([hidden])>.hero-photo{animation:tech-scene 1.1s ease-out both}@keyframes tech-scene{from{opacity:.55;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}}
@media(max-width:1000px){.scene-nav-inner{gap:12px}.scene-selector{padding:8px 10px}.scene-selector span{display:none}.hero-slide .hero-copy h1{max-width:720px}.hero-slide{min-height:820px}.hero-slide .hero-copy{padding-top:190px}.scene-navigation{margin-top:-150px}.image-disclosure{bottom:163px}.home-conversion{gap:30px}}
@media(max-width:720px){header{inset:12px 12px auto;border-radius:14px}header .wrap{padding:0 14px;min-height:74px}header button[data-page="home"]{width:123px;height:70px}header .logo{width:123px!important;height:68px!important}.header-actions{gap:8px}.header-contact{font-size:12px;padding:10px 13px}.menu-toggle{font-size:13px;padding:10px 12px;gap:7px}.site-menu{top:86px;right:0;width:calc(100vw - 24px);max-height:calc(100dvh - 114px);padding:14px}.site-menu button{font-size:17px}.site-menu button small{font-size:14px}.hero-slide{min-height:820px}.hero-slide .hero-photo{height:100%;position:absolute;object-position:62% center}.hero-slide .hero-shade{background:linear-gradient(90deg,#041824d9,#04182465),linear-gradient(0deg,#041824ed,transparent 70%)}.hero-slide .hero-copy{padding:155px 24px 235px;min-height:0}.hero-slide .hero-copy h1{font-size:clamp(2.9rem,10vw,4.5rem);line-height:1.08}.hero-copy .eyebrow{font-size:12px;letter-spacing:.1em}.hero-slide .hero-copy .lead{font-size:16px}.hero-copy .actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-copy .btn{font-size:14px}.hero-slide .hero-copy .micro{font-size:12px}.scene-navigation{margin-top:-183px;padding-bottom:12px}.scene-nav-inner{margin:0 12px;padding:14px;display:flex;flex-wrap:wrap;gap:8px;border-radius:12px}.scene-options{flex-basis:100%}.scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.scene-selector{font-size:13px;padding:7px 5px;min-height:37px}.scene-help{font-size:12px;margin-bottom:5px}.scene-arrows{margin:0 0 0 auto;gap:12px}.scene-arrows button{width:28px;height:28px;font-size:16px}.image-disclosure{bottom:194px;right:16px;font-size:10px;max-width:260px}.home-conversion{padding:32px 24px;gap:22px}.conversion-copy{padding:0}.conversion-steps{padding:0}.home-routes{padding:20px 24px 30px;grid-template-columns:1fr}.home-routes button{min-height:100px}.contact{scroll-margin-top:95px}body:not([data-page="home"]) main{padding-top:105px}}
header .wrap>button[data-page="home"]{position:relative}
header .logo{filter:none;transform:scale(1.3)}
header .logo.logo-lettering{position:absolute;left:0;top:1px;filter:brightness(0) invert(1);clip-path:inset(68% 0 0 0);pointer-events:none}
.site-menu button[data-page="home"]{display:block;width:100%;height:auto;padding:17px 12px!important;border-radius:0!important;border-bottom:1px solid #ffffff20;background:transparent!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* V16 — lenguaje visual de ingeniería: menos plantilla, más sistema. */
:root{--tech-cyan:#62efd5;--tech-blue:#28a9e0;--tech-dark:#031a27;--tech-grid:#8de8d118}
body{background-color:#041c29;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:44px 44px}
header{border-radius:4px 18px 4px 18px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border-color:#8de8d13b;background:linear-gradient(110deg,rgba(3,24,36,.9),rgba(5,44,58,.74))}
header:after{content:'';position:absolute;left:22px;right:22px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-cyan),var(--yellow),transparent);opacity:.72}
header .wrap{position:relative}
.header-contact,.menu-toggle,.btn{border-radius:2px!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.header-contact{position:relative;box-shadow:0 0 0 1px #ffd33d2e,0 8px 28px #ffd33d1c!important}
.menu-toggle{background:#ffffff08;border-color:#8de8d160;letter-spacing:.04em}
.visual-hero.scene-carousel{position:relative;background:var(--tech-dark)}
.hero-slide:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--tech-grid) 1px,transparent 1px),linear-gradient(90deg,var(--tech-grid) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0%,#0009 48%,transparent 80%);pointer-events:none}
.hero-slide:after{content:'';position:absolute;z-index:0;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--tech-cyan) 28%,var(--yellow) 52%,var(--tech-blue) 76%,transparent 100%);box-shadow:0 0 24px #62efd58a;pointer-events:none}
.hero-slide .hero-shade{background:linear-gradient(90deg,#031823f5 0%,#031823c9 42%,#03182336 78%),linear-gradient(0deg,#031823e8 0%,transparent 48%,#03182370 100%)}
.hero-copy{position:relative}
.hero-copy:before{content:'COMJESA / ENERGY SYSTEMS';position:absolute;top:clamp(142px,18vh,185px);left:6vw;color:#8de8d1;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;padding-left:42px}
.hero-copy:after{content:'';position:absolute;top:calc(clamp(142px,18vh,185px) + 5px);left:6vw;width:28px;height:1px;background:var(--yellow);box-shadow:0 0 12px var(--yellow)}
.hero-slide .hero-copy{padding-top:clamp(205px,27vh,278px)}
.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;color:#ffe46b}.hero-copy .eyebrow:before{content:'';width:24px;height:2px;background:var(--yellow);box-shadow:0 0 14px #ffda42aa}
.hero-slide .hero-copy h1{text-wrap:balance;text-shadow:0 10px 42px #0008}
.hero-copy h1 span{color:var(--tech-cyan);text-shadow:0 0 32px #62efd53d}
.hero-copy .btn.primary{background:linear-gradient(90deg,#ffd33d,#ffe575);box-shadow:0 0 0 1px #ffe57540,0 15px 34px #0005}
.hero-copy .btn.light{border-color:#8de8d177;background:#062c3cbf}
.hero-copy .micro{padding-left:14px;border-left:1px solid #8de8d15e}
.hero-telemetry{position:absolute;z-index:8;right:6vw;top:43%;width:250px;padding:10px 18px;background:#031a27cf;border:1px solid #8de8d148;backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 22px 60px #0006}
.hero-telemetry:before{content:'DESIGN PARAMETERS';display:block;padding:7px 0 10px;color:#ffd33d;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;border-bottom:1px solid #ffffff1c}
.hero-telemetry>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ffffff16}.hero-telemetry>div:last-child{border-bottom:0}
.hero-telemetry span{color:#9fbdc8;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.hero-telemetry b{color:white;font-size:12px;font-weight:650;white-space:nowrap}.hero-telemetry i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--tech-cyan);box-shadow:0 0 0 5px #62efd519,0 0 13px #62efd5}
.scene-nav-inner{border-radius:2px 14px 2px 14px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:#031a27e8;border-color:#8de8d13d}
.scene-help{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8de8d1}
.scene-selector{border-radius:2px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.scene-selector[aria-pressed="true"]{background:#0b5361;color:white;border-color:#62efd56b;box-shadow:inset 0 -2px var(--yellow),0 0 22px #62efd51c}.scene-selector[aria-pressed="true"] span{color:var(--yellow);opacity:1}
.scene-arrows button{border-radius:2px;transform:none;border-color:#8de8d16b}.scene-arrows button:hover{background:#62efd51c}
.home-conversion{position:relative;overflow:hidden;color:#f2fbff;background-color:#072633;background-image:linear-gradient(#8de8d10c 1px,transparent 1px),linear-gradient(90deg,#8de8d10c 1px,transparent 1px);background-size:36px 36px;border-top:1px solid #62efd536;border-bottom:1px solid #62efd536}
.home-conversion:after{content:'';position:absolute;left:-20%;bottom:0;width:36%;height:2px;background:linear-gradient(90deg,transparent,var(--tech-cyan),var(--yellow),transparent);box-shadow:0 0 18px var(--tech-cyan)}
.conversion-copy h2 span{color:var(--tech-cyan)}
.conversion-copy p:not(.eyebrow){color:#c5dce4}.conversion-copy .tech-outline{color:#f2fbff;border-color:#8de8d170;background:#ffffff08}
.conversion-steps b{color:#f2fbff}.conversion-steps small{color:#a9c4ce}
.conversion-steps{counter-reset:step}.conversion-steps li{position:relative;border-bottom-color:#8de8d128}.conversion-steps li:before{content:'';position:absolute;left:4px;top:30px;bottom:-16px;width:1px;background:linear-gradient(var(--tech-cyan),transparent)}.conversion-steps li:last-child:before{display:none}.conversion-steps span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--yellow)}
.home-routes{position:relative}.home-routes button{position:relative;overflow:hidden;border-radius:2px!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(145deg,#082b39,#041d2a);border-color:#8de8d128;min-height:132px}.home-routes button:before{content:'';position:absolute;left:0;top:0;width:42%;height:2px;background:linear-gradient(90deg,var(--tech-cyan),transparent)}.home-routes button:hover{background:linear-gradient(145deg,#0a3a47,#062532);border-color:#62efd569;transform:translateY(-4px)}.home-routes span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--yellow)}.home-routes i{font-size:22px;color:var(--tech-cyan)}
.contact{background-color:#031a27;background-image:radial-gradient(circle at 10% 5%,#0088793b,transparent 32rem),linear-gradient(#8de8d10b 1px,transparent 1px),linear-gradient(90deg,#8de8d10b 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
.contact form{position:relative;border-radius:2px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border:1px solid #8de8d157;box-shadow:0 28px 75px #0010198c;padding-top:56px}.contact form:before{content:'PROJECT INTAKE / COMJESA';position:absolute;left:26px;right:26px;top:20px;padding-bottom:12px;border-bottom:1px solid #c8dadd;color:#087c72;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.contact form:after{content:'';position:absolute;left:0;top:0;width:46%;height:4px;background:linear-gradient(90deg,var(--yellow),var(--tech-cyan))}
.contact label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.contact input,.contact select,.contact textarea{border-radius:2px!important;border-color:#9bb4bd;background:#f7fbfb}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:#008879;box-shadow:0 0 0 3px #00887917}

@media(prefers-reduced-motion:no-preference){
  .hero-slide:after{animation:energy-beam 4.8s ease-in-out infinite}.hero-telemetry i{animation:status-pulse 2s ease-out infinite}.home-conversion:after{animation:energy-run 5s linear infinite}
  @keyframes energy-beam{0%,100%{opacity:.4;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
  @keyframes status-pulse{0%,100%{box-shadow:0 0 0 3px #62efd519,0 0 7px #62efd5}50%{box-shadow:0 0 0 8px #62efd508,0 0 18px #62efd5}}
  @keyframes energy-run{from{transform:translateX(0)}to{transform:translateX(380%)}}
}
@media(max-width:1000px){.hero-telemetry{right:28px;top:47%;width:220px}.hero-copy:before,.hero-copy:after{left:28px}}
@media(max-width:720px){
  body{background-size:30px 30px}header{border-radius:3px 12px 3px 12px}.header-contact,.menu-toggle,.btn{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
  .hero-slide .hero-copy{padding-top:190px}.hero-copy:before{top:154px;left:24px;font-size:8px;padding-left:32px}.hero-copy:after{top:159px;left:24px;width:20px}.hero-slide .hero-copy h1{font-size:clamp(2.65rem,10.6vw,4rem)}
  .hero-telemetry{top:96px;left:12px;right:12px;width:auto;padding:7px 11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#031a27dd}.hero-telemetry:before{display:none}.hero-telemetry>div{display:block;padding:8px;border:0;border-right:1px solid #ffffff1b}.hero-telemetry>div:last-child{border-right:0}.hero-telemetry span,.hero-telemetry b{display:block;white-space:normal}.hero-telemetry span{font-size:7px;margin-bottom:4px}.hero-telemetry b{font-size:9px}.hero-telemetry i{width:5px;height:5px;margin-right:5px}
  .scene-nav-inner{border-radius:2px 10px 2px 10px}.scene-arrows button{transform:none;border-radius:2px}.home-conversion{background-size:28px 28px}.home-routes button{min-height:108px}.contact form{padding-top:54px}
}

/* V20 — energía de marca: más luz, movimiento orgánico y paleta oficial. */
:root{--ink:#103952;--blue:#1e648b;--deep-blue:#0a293d;--orange:#f47a20;--orange-light:#ffaf70;--pale:#f3f6f8;--line:#d6dfe2;--muted:#64747c;--green:#427b63;--yellow:#f47a20}
body{background:#f3f6f8;color:#172e3b}
header,header.is-scrolled,body:not([data-page="home"]) header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(16,57,82,.12);box-shadow:0 10px 35px rgba(16,57,82,.07);backdrop-filter:blur(18px)}
header .wrap{min-height:96px}header button[data-page="home"]{width:215px;height:92px;overflow:visible}header .logo{width:205px!important;height:84px!important;object-fit:contain;transform:none!important;filter:none!important}.logo-lettering{display:none!important}
.header-contact,.menu-toggle,.btn{border-radius:999px!important}.header-contact{background:var(--orange)!important;color:white!important;box-shadow:0 10px 28px rgba(244,122,32,.22)!important}.menu-toggle{color:var(--ink);border:1px solid rgba(16,57,82,.22);background:white}.menu-toggle:hover{color:white;background:var(--ink)}
.site-menu{background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:0 24px 60px rgba(10,41,61,.16)}.site-menu button{color:var(--ink)}.site-menu button:hover{background:var(--pale);color:var(--blue)}.site-menu button small{color:var(--muted)}.site-menu>a{background:var(--orange);color:white}
.visual-hero.scene-carousel{background:var(--deep-blue)}
.hero-slide .hero-shade{background:linear-gradient(90deg,rgba(10,41,61,.94) 0%,rgba(10,41,61,.73) 40%,rgba(10,41,61,.2) 76%),linear-gradient(0deg,rgba(10,41,61,.74),transparent 55%,rgba(10,41,61,.2))}
.hero-slide:before{background:radial-gradient(circle at 76% 24%,rgba(30,100,139,.42),transparent 25%),radial-gradient(circle at 66% 72%,rgba(66,123,99,.3),transparent 24%),radial-gradient(circle at 46% 20%,rgba(244,122,32,.16),transparent 17%);opacity:.72}
.hero-slide:after{background:radial-gradient(circle,rgba(255,175,112,.2),rgba(30,100,139,.14) 38%,transparent 69%)}
.hero-copy .eyebrow{color:var(--orange-light)}.hero-copy h1 span{color:#fff;text-shadow:none}.hero-copy .btn.primary,.contact form .btn.primary{background:var(--orange);border-color:var(--orange);color:white}.hero-copy .btn.primary:hover,.contact form .btn.primary:hover{background:#d96112;border-color:#d96112}.hero-copy .btn.light{border-color:rgba(255,255,255,.7)}
.scene-selector[aria-pressed="true"]{border-color:var(--orange)}.scene-selector[aria-pressed="true"] span{color:var(--orange-light)}.scene-arrows button{border-radius:50%!important}.visual-hero.scene-carousel:after{background:linear-gradient(transparent,var(--pale))}

.brand-energy{position:absolute;z-index:2;right:4vw;top:145px;width:min(34vw,500px);aspect-ratio:1;pointer-events:none;opacity:.72;filter:saturate(1.1);mix-blend-mode:screen}
.brand-energy__halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(30,100,139,.09) 36%,transparent 68%);filter:blur(10px)}
.brand-energy__node,.brand-energy__core{position:absolute;display:block;border-radius:50%}.brand-energy__node{width:18%;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(3px)}
.brand-energy__node:after{content:'';position:absolute;inset:23%;border-radius:50%;background:white;opacity:.72;filter:blur(1px)}
.brand-energy__node--green{left:3%;top:29%;background:radial-gradient(circle at 38% 35%,#d6ffe8,#5ca576 35%,rgba(66,123,99,.08) 72%);box-shadow:0 0 46px rgba(66,123,99,.75)}
.brand-energy__node--blue{right:5%;top:4%;background:radial-gradient(circle at 38% 35%,#e4f6ff,#4d9bca 36%,rgba(30,100,139,.08) 72%);box-shadow:0 0 52px rgba(30,100,139,.82)}
.brand-energy__node--orange{right:1%;bottom:4%;background:radial-gradient(circle at 38% 35%,#fff1de,#ff9b52 36%,rgba(244,122,32,.08) 72%);box-shadow:0 0 54px rgba(244,122,32,.78)}
.brand-energy__core{left:46%;top:46%;width:13%;aspect-ratio:1;background:radial-gradient(circle at 36% 32%,#fff,#ffe0a1 24%,#f47a20 70%);box-shadow:0 0 28px #ffaf70,0 0 70px rgba(244,122,32,.7)}
.brand-energy__line{position:absolute;display:block;left:51%;top:51%;height:2px;transform-origin:left center;opacity:.7}.brand-energy__line:after{content:'';position:absolute;inset:-4px 0;background:inherit;filter:blur(7px)}
.brand-energy__line--green{width:39%;transform:rotate(201deg);background:linear-gradient(90deg,#ffe0a1,#71b98b 82%,transparent)}.brand-energy__line--blue{width:38%;transform:rotate(-47deg);background:linear-gradient(90deg,#ffe0a1,#59aee0 82%,transparent)}.brand-energy__line--orange{width:40%;transform:rotate(43deg);background:linear-gradient(90deg,#ffe0a1,#ff9b52 82%,transparent)}

.home-conversion{color:var(--ink);background:var(--pale);padding-top:120px;padding-bottom:105px}.home-conversion:before{right:-190px;top:-290px;background:radial-gradient(circle,rgba(30,100,139,.17),rgba(66,123,99,.09) 40%,transparent 70%);filter:blur(10px)}.home-conversion:after{background:radial-gradient(circle,rgba(244,122,32,.12),rgba(255,175,112,.07) 38%,transparent 70%)}
.conversion-copy .eyebrow,.eyebrow{color:var(--orange)}.conversion-copy h2{color:var(--ink)}.conversion-copy h2 span{color:var(--blue)}.conversion-copy p:not(.eyebrow){color:var(--muted)}.conversion-copy .btn.primary{background:var(--orange);border-color:var(--orange);color:white}.conversion-copy .tech-outline{border-color:rgba(16,57,82,.28)!important;background:white!important;color:var(--ink)!important}.conversion-copy .tech-outline:hover{border-color:var(--blue)!important;background:var(--ink)!important;color:white!important}
.conversion-steps li{color:var(--ink);border-color:var(--line)}.conversion-steps span{color:var(--orange)}.conversion-steps small{color:var(--muted)}
.home-routes{background:white;padding-bottom:108px}.home-routes button{color:var(--ink);border-color:var(--line);background:transparent}.home-routes button+button{border-left-color:var(--line)}.home-routes button:hover{background:var(--pale);border-color:var(--line)}.home-routes span{color:var(--orange)}.home-routes small{color:var(--muted)}.home-routes i{color:var(--blue)}
.contact{background:linear-gradient(128deg,#0a293d,#103952 62%,#1e648b);padding-top:108px}.contact:before{background:radial-gradient(circle,rgba(255,175,112,.2),rgba(30,100,139,.16) 40%,transparent 70%)}.contact:after{background:radial-gradient(circle,rgba(66,123,99,.25),transparent 68%)}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--orange-light);box-shadow:inset 0 -2px var(--orange-light)}.contact .form-preview{border-left-color:var(--orange-light)}
body:not([data-page="home"]) main{background:linear-gradient(180deg,#fff,var(--pale) 70%)}

.motion-ready h2.kinetic-title{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(42px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1)}.motion-ready h2.kinetic-title.is-title-visible{opacity:1;clip-path:inset(0);transform:none}
@media(prefers-reduced-motion:no-preference){
  .hero-slide:not([hidden]) h1.kinetic-title{animation:brand-title-rise .95s cubic-bezier(.16,1,.3,1) both}.hero-slide:not([hidden]) h1.kinetic-title span{display:inline-block;animation:brand-title-accent 1.15s .12s cubic-bezier(.16,1,.3,1) both}
  .brand-energy{animation:brand-field-float 11s ease-in-out infinite alternate}.brand-energy__halo{animation:brand-halo-pulse 5.5s ease-in-out infinite}.brand-energy__node--green{animation:brand-node-green 7s ease-in-out infinite alternate}.brand-energy__node--blue{animation:brand-node-blue 8.5s ease-in-out infinite alternate}.brand-energy__node--orange{animation:brand-node-orange 9.5s ease-in-out infinite alternate}.brand-energy__core{animation:brand-core-pulse 2.8s ease-in-out infinite}
  @keyframes brand-title-rise{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(58px)}to{opacity:1;clip-path:inset(0);transform:none}}
  @keyframes brand-title-accent{from{opacity:0;transform:translateY(26px);letter-spacing:.01em}to{opacity:1;transform:none;letter-spacing:inherit}}
  @keyframes brand-field-float{from{transform:translate3d(-2%,1%,0) rotate(-2deg)}to{transform:translate3d(3%,-3%,0) rotate(3deg)}}
  @keyframes brand-halo-pulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}
  @keyframes brand-node-green{to{transform:translate3d(-14px,17px,0) scale(1.08)}}@keyframes brand-node-blue{to{transform:translate3d(10px,-16px,0) scale(.94)}}@keyframes brand-node-orange{to{transform:translate3d(16px,11px,0) scale(1.07)}}
  @keyframes brand-core-pulse{0%,100%{transform:scale(.9);filter:brightness(.95)}50%{transform:scale(1.14);filter:brightness(1.2)}}
}
@media(max-width:1000px){.brand-energy{right:-8vw;top:175px;width:480px;opacity:.55}.home-conversion{padding-top:92px}}
@media(max-width:720px){
  header .wrap{min-height:76px}header button[data-page="home"]{width:152px;height:72px}header .logo{width:148px!important;height:66px!important}.header-contact{display:none}.menu-toggle{border:0;background:transparent}
  .hero-slide{min-height:820px}.hero-slide .hero-copy{padding-top:132px}.hero-slide .hero-shade{background:linear-gradient(90deg,rgba(10,41,61,.94),rgba(10,41,61,.54)),linear-gradient(0deg,rgba(10,41,61,.9),transparent 58%)}
  .brand-energy{right:-105px;top:120px;width:390px;opacity:.46}.brand-energy__node{width:16%}
  .visual-hero.scene-carousel:after{height:100px}.home-conversion{padding-top:78px;padding-bottom:62px}.home-routes{padding-bottom:76px}.home-routes button{border-top-color:var(--line)}.home-routes button+button{border-left:0}.contact{padding-top:76px}
}
@media(prefers-reduced-motion:reduce){.brand-energy{display:none}.motion-ready h2.kinetic-title{opacity:1;clip-path:none;transform:none}}

/* V17 — dirección cinematográfica: fondo continuo, luz y movimiento. */
body{background:#061e2b;background-image:none}
header,header.is-scrolled,body:not([data-page="home"]) header{inset:0 0 auto;background:linear-gradient(180deg,rgba(3,17,25,.82),rgba(3,17,25,.22));border:0;border-bottom:1px solid #ffffff20;border-radius:0;clip-path:none;box-shadow:none;backdrop-filter:blur(10px)}
header.is-scrolled,body:not([data-page="home"]) header{background:rgba(3,20,29,.94);box-shadow:0 8px 32px #00111b40}
header:after{display:none}header .wrap{min-height:104px;padding-inline:6vw}header button[data-page="home"]{height:92px}
.header-contact,.menu-toggle,.btn{clip-path:none;border-radius:0!important}
.header-contact{background:var(--yellow)!important;box-shadow:none!important;padding-inline:25px}.menu-toggle{border-color:#ffffff45;background:transparent;letter-spacing:0}.menu-toggle:hover{background:#ffffff0d}
.visual-hero.scene-carousel{background:#061e2b;overflow:hidden}
.hero-slide:before{content:'';position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle at 72% 32%,rgba(0,190,176,.36),transparent 23%),radial-gradient(circle at 30% 76%,rgba(19,108,188,.35),transparent 25%),radial-gradient(circle at 52% 18%,rgba(255,208,52,.14),transparent 18%);background-size:auto;mask-image:none;filter:blur(42px);opacity:.6;pointer-events:none}
.hero-slide:after{content:'';position:absolute;z-index:-1;left:52%;right:auto;bottom:-28%;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(0,190,176,.24),rgba(6,94,139,.1) 36%,transparent 68%);box-shadow:none;filter:blur(26px);pointer-events:none}
.hero-slide .hero-shade{background:linear-gradient(90deg,#031823f0 0%,#031823b5 42%,#0318232e 78%),linear-gradient(0deg,#031823db 0%,transparent 50%,#03182355 100%)}
.hero-copy:before,.hero-copy:after{display:none}
.hero-slide .hero-copy{padding-top:clamp(205px,26vh,260px)}
.hero-copy .eyebrow{gap:0;color:#ffe267;font-family:inherit;letter-spacing:.13em}.hero-copy .eyebrow:before{display:none}
.hero-slide .hero-copy h1{max-width:910px;font-size:clamp(3.3rem,7vw,7rem);line-height:.98;letter-spacing:-.065em;text-shadow:0 12px 42px #00131c8f}
.hero-copy h1 span{color:#73e7d3;text-shadow:0 0 48px #30dbc23a}
.hero-copy .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:590px}.hero-copy .micro{border:0;padding-left:0;color:#d2e0e5}
.hero-copy .btn.primary{background:var(--yellow);box-shadow:none}.hero-copy .btn.light{background:transparent;border-color:#ffffff99;backdrop-filter:none}
.hero-copy .btn{min-width:182px;transition:background .25s,color .25s,transform .25s}.hero-copy .btn.light:hover{background:white;color:#06202d}
.hero-telemetry{top:auto;right:6vw;bottom:154px;width:auto;padding:0;display:flex;gap:30px;background:transparent;border:0;backdrop-filter:none;clip-path:none;box-shadow:none}.hero-telemetry:before{display:none}.hero-telemetry>div{display:block;padding:0 0 0 18px;border:0;border-left:1px solid #ffffff5c}.hero-telemetry span{font:600 10px/1.2 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:.08em;color:#b8ced6}.hero-telemetry b{display:block;margin-top:6px;font-size:13px}.hero-telemetry i{width:6px;height:6px;margin-right:7px;box-shadow:0 0 14px #62efd5}
.scene-navigation{margin-top:-118px;padding-bottom:22px}.scene-nav-inner{margin:0 6vw;padding:16px 0 13px;background:transparent;border:0;border-top:1px solid #ffffff35;border-radius:0;clip-path:none;backdrop-filter:none}.scene-help{font-family:inherit;font-size:10px;letter-spacing:.13em;color:#c5d9df}.scene-buttons{gap:26px}.scene-selector{font-family:inherit;letter-spacing:0;padding:9px 0;min-height:40px;border:0;border-bottom:2px solid transparent;border-radius:0!important;color:#dce8ec;background:transparent}.scene-selector[aria-pressed="true"]{background:transparent;border-color:var(--yellow);box-shadow:none;color:white}.scene-selector[aria-pressed="true"] span{color:#80ead8}.scene-arrows button{width:40px;height:40px;border-radius:50%;border-color:#ffffff66;background:transparent}.scene-arrows button:hover{background:white;color:#06202d}.visual-hero.scene-carousel:after{display:block;content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:130px;background:linear-gradient(transparent,#071f2c);pointer-events:none}.scene-navigation{z-index:3}
.home-conversion{padding-top:110px;padding-bottom:92px;color:white;background:#071f2c;background-image:none;border:0;overflow:hidden}
.home-conversion:before{display:block!important;content:'';position:absolute;width:640px;height:640px;right:-260px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,178,.26),rgba(0,105,153,.13) 38%,transparent 70%);filter:blur(18px);pointer-events:none}
.home-conversion:after{left:-18%;bottom:-80px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,207,54,.15),rgba(8,116,151,.08) 38%,transparent 70%);box-shadow:none;filter:blur(20px)}
.conversion-copy h2{font-size:clamp(2.7rem,5vw,5.4rem);line-height:1;letter-spacing:-.055em}.conversion-copy h2 span{color:#72e4d1}.conversion-copy p:not(.eyebrow){color:#c8d9df;font-size:17px}.conversion-copy .tech-outline{border-color:#ffffff62;background:transparent}
.conversion-steps li{padding:24px 0;border-color:#ffffff20}.conversion-steps li:before{display:none}.conversion-steps span{font-family:inherit;color:#ffe267}.conversion-steps b{font-size:18px}.conversion-steps small{color:#afc6ce}
.home-routes{padding-top:0;padding-bottom:105px;background:#071f2c;gap:0}.home-routes button{min-height:150px;padding:32px 28px;background:transparent;border:0;border-top:1px solid #ffffff28;border-radius:0!important;clip-path:none}.home-routes button+button{border-left:1px solid #ffffff24}.home-routes button:before{display:none}.home-routes button:hover{background:#ffffff08;border-color:#ffffff45;transform:none}.home-routes span{font-family:inherit;color:#ffe267}.home-routes i{color:#75e6d4}
.contact{background:#082532;background-image:none;padding-top:110px;padding-bottom:110px}.contact:before{width:720px;height:720px;right:-300px;top:-220px;border:0;background:radial-gradient(circle,rgba(0,178,161,.27),rgba(5,91,135,.12) 38%,transparent 70%);box-shadow:none;filter:blur(24px)}.contact:after{content:'';position:absolute;width:520px;height:520px;left:-260px;bottom:-250px;border-radius:50%;background:radial-gradient(circle,rgba(255,207,54,.12),transparent 66%);filter:blur(12px)}
.contact-grid{position:relative;z-index:1;align-items:start}.contact form{padding:0;background:transparent;color:white;border:0;border-radius:0;clip-path:none;box-shadow:none}.contact form:before,.contact form:after{display:none}.contact form>p:first-child{color:white!important;font-size:22px!important;margin-bottom:28px!important}.contact form p{color:#adc4cc}.contact label{font-family:inherit;letter-spacing:0;color:#eef8fa;font-size:13px}.contact input,.contact select,.contact textarea{min-height:52px;border:0;border-bottom:1px solid #ffffff62;border-radius:0!important;background:rgba(255,255,255,.055);color:white;padding:13px 15px}.contact select option{color:#06202d;background:white}.contact input::placeholder,.contact textarea::placeholder{color:#aac0c8}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:#72e4d1;box-shadow:inset 0 -2px #72e4d1;background:#ffffff0c;outline:0}.form-more{margin-top:26px;padding:20px 0 0;background:transparent!important;border:0!important;border-top:1px solid #ffffff28!important;border-radius:0!important}.form-more summary{color:#eaf6f8!important}.form-more[open] summary{padding-bottom:12px;border-bottom:1px solid #ffffff25!important}.form-more p{color:#adc4cc!important}.followup-fields{border:0;border-top:1px solid #ffffff2b;border-radius:0;padding:22px 0 0}.followup-fields legend{color:#d9ebee;padding:0 10px 0 0}.contact form .btn.primary{background:var(--yellow);color:#06202d}.contact .form-preview{background:#ffffff0a;color:#e9f5f7;border-left:2px solid #72e4d1}
.image-disclosure{background:transparent;text-shadow:0 2px 8px #000;color:#d5e2e7}.eyebrow{font-family:inherit}

@media(prefers-reduced-motion:no-preference){
  .hero-slide:before{animation:cinematic-glow 13s ease-in-out infinite alternate}.hero-slide:after{animation:cinematic-orbit 16s ease-in-out infinite alternate}.home-conversion:before,.contact:before{animation:ambient-float 12s ease-in-out infinite alternate}.home-conversion:after{animation:ambient-float 15s ease-in-out infinite alternate-reverse}
  @keyframes cinematic-glow{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.12)}}
  @keyframes cinematic-orbit{from{transform:translate3d(-4%,2%,0) scale(.92)}to{transform:translate3d(6%,-5%,0) scale(1.12)}}
  @keyframes ambient-float{from{transform:translate3d(-3%,0,0) scale(.96)}to{transform:translate3d(5%,4%,0) scale(1.08)}}
}
@media(max-width:1000px){.hero-telemetry{right:28px;bottom:165px;top:auto}.scene-buttons{gap:18px}.home-conversion{padding-top:82px}}
@media(max-width:720px){
  body{background-size:auto}header{inset:0 0 auto;border-radius:0;clip-path:none}header .wrap{min-height:82px;padding:0 18px}header button[data-page="home"]{height:78px}.header-contact{padding:10px 14px}.menu-toggle{border:0;padding:10px 8px}
  .hero-slide{min-height:790px}.hero-slide .hero-copy{padding:150px 24px 205px}.hero-slide .hero-copy h1{font-size:clamp(3.1rem,12vw,4.65rem);line-height:.98}.hero-copy .eyebrow{font-size:10px}.hero-slide .hero-copy .lead{font-size:16px;line-height:1.55}.hero-copy .actions{flex-direction:row;align-items:center;gap:9px}.hero-copy .btn{min-width:0;padding:12px 15px;font-size:12px}.hero-copy .micro{font-size:11px}
  .hero-telemetry{display:none}.scene-navigation{margin-top:-168px;padding-bottom:14px}.scene-nav-inner{margin:0 24px;padding:13px 0;display:block}.scene-options{overflow:hidden}.scene-buttons{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.scene-buttons::-webkit-scrollbar{display:none}.scene-selector{flex:0 0 auto;padding:8px 0;font-size:12px}.scene-selector span{display:inline;margin-right:5px}.scene-arrows{display:none}
  .home-conversion{padding:72px 24px 58px}.conversion-copy h2{font-size:clamp(2.8rem,11vw,4.2rem)}.home-routes{padding:0 24px 72px;grid-template-columns:1fr}.home-routes button{min-height:118px;padding:25px 2px}.home-routes button+button{border-left:0}.contact{padding:72px 0}.contact form{padding:24px 0 0}.contact form>p:first-child{font-size:20px!important}
}