:root{color-scheme:dark;--bg:#030915;--surface:#091624;--surface-2:#0b1c2e;--line:rgba(132,198,232,.15);--white:#f5fbff;--text:#d6e3ef;--muted:#9db0c4;--cyan:#41def1;--blue:#398bff;--purple:#a092ff;--container:1328px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3{margin-top:0}p{line-height:1.7}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:#031021}.container{width:min(calc(100% - 112px),var(--container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link:focus{top:14px;left:14px;clip:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:12px 16px!important;z-index:999;background:#fff;color:#081526}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s,box-shadow .3s;border-bottom:1px solid transparent}.site-header.is-scrolled,.site-header.menu-visible{background:rgba(3,11,24,.87);border-color:rgba(90,159,200,.15);box-shadow:0 12px 45px rgba(0,0,0,.21);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:92px;gap:36px}.brand{display:inline-flex;flex-direction:column;line-height:1;position:relative;z-index:60;min-width:195px;letter-spacing:.32em}.brand-name{font-size:23px;font-weight:760;color:#fff;white-space:nowrap;letter-spacing:.24em}.brand-a{color:#56c5ff}.brand-tagline{font-size:7px;font-weight:780;letter-spacing:.3em;color:#5be0ff;margin-top:9px}.brand-logo{display:block;max-width:220px;width:auto;height:auto;max-height:58px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:38px}.nav-link{position:relative;font-size:13px;color:#c7d6e4;font-weight:500;transition:color .25s}.nav-link:hover{color:#fff}.nav-link::after{content:'';display:block;position:absolute;bottom:-10px;left:0;width:0;height:1px;background:var(--cyan);transition:width .25s}.nav-link:hover::after{width:100%}.nav-action{margin-left:12px;border:1px solid rgba(75,195,243,.7);padding:12px 23px;border-radius:999px;color:#fff;font-weight:650;font-size:12px;display:inline-flex;gap:20px;align-items:center;transition:background .25s,transform .25s}.nav-action:hover{background:rgba(29,155,237,.16);transform:translateY(-2px)}.nav-action span{font-size:18px;font-weight:400}.nav-toggle{display:none}
.hero{position:relative;min-height:min(920px,100svh);height:max(740px,100svh);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 40%,#123858 0,transparent 40%),#030915}.hero::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#030915 0%,#030915 19%,rgba(3,9,21,.94) 28%,rgba(3,9,21,.7) 43%,rgba(3,9,21,.13) 65%,rgba(3,9,21,0) 100%),linear-gradient(0deg,#030915 0,rgba(3,9,21,0) 15%,rgba(3,9,21,0) 74%,rgba(3,9,21,.45) 100%)}.hero-stars{position:absolute;inset:0;z-index:0;background-image:radial-gradient(#90e7ff 0.65px,transparent .75px),radial-gradient(#e2eaff .7px,transparent 1px);background-size:120px 134px,189px 212px;background-position:25px 55px,95px 20px;opacity:.2}.hero-art{position:absolute;right:clamp(20px,3.5vw,78px);top:49%;bottom:auto;width:min(60vw,950px);height:auto;aspect-ratio:1077/851;transform:translateY(-46%);z-index:1;pointer-events:none;filter:saturate(1.08)}.hero-art picture,.hero-art .world-art{display:block;width:100%;height:100%}.hero-art .world-art{object-fit:contain;opacity:.94}.data-routes{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.87}.route-base{fill:none;stroke:#6cdbff;stroke-opacity:.18;stroke-width:1.6}.route-flow{fill:none;stroke:#91efff;stroke-width:3.7;stroke-linecap:round;stroke-dasharray:3 55;animation:stream var(--route-speed) linear infinite;animation-delay:var(--route-delay);filter:drop-shadow(0 0 4px #32c6ff)}.route-particle{opacity:.9;filter:drop-shadow(0 0 3px #aaffff)}.hero-art-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030915 0,transparent 22%),linear-gradient(0deg,#030915 0,transparent 13%)}@keyframes stream{to{stroke-dashoffset:-232}}
.hero-layout{position:relative;z-index:4;display:flex;align-items:center;min-height:inherit;padding-top:105px;padding-bottom:112px}.hero-content{width:min(640px,58%);position:relative}.eyebrow,.section-kicker{font-size:10px;font-weight:770;letter-spacing:.26em;line-height:1.7;color:#a4cee4;text-transform:uppercase;display:flex;align-items:center;gap:13px}.eyebrow{margin-bottom:30px;max-width:580px}.eyebrow-line,.section-kicker span{display:inline-block;flex:0 0 33px;width:33px;height:1px;background:var(--cyan)}h1{font-size:clamp(52px,5.1vw,79px);line-height:1.065;letter-spacing:-.059em;color:#fff;font-weight:760;max-width:680px;margin-bottom:25px;text-wrap:balance}h1 span{display:block;color:#4ed8ff;background:linear-gradient(94deg,#40ddf3 0%,#43b6ff 44%,#9e91ff 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:460px;font-size:16px;line-height:1.78;color:#c1d4e3;margin-bottom:35px}.hero-buttons{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.btn{min-height:55px;display:inline-flex;justify-content:center;align-items:center;gap:17px;padding:0 23px;border-radius:50px;font-weight:680;font-size:13px;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}.btn:hover{transform:translateY(-3px)}.btn svg{width:17px;height:17px}.btn-primary{background:linear-gradient(108deg,#55f0ef,#39a5fb);color:#031421;box-shadow:0 7px 32px rgba(27,186,246,.19)}.btn-primary:hover{box-shadow:0 10px 35px rgba(27,186,246,.33)}.btn-outline{border:1px solid rgba(192,230,251,.47);color:#fff;background:rgba(2,8,19,.28)}.btn-outline:hover{background:rgba(45,104,155,.21);border-color:#8ae3ff}.hero-meta{display:flex;align-items:center;gap:9px;margin-top:43px;color:#7fa1ba;font-size:11px;letter-spacing:.025em}.hero-meta-dot{height:5px;width:5px;border-radius:50%;background:#56e3ff;box-shadow:0 0 12px #42d4ff}.scroll-hint{display:flex;gap:13px;align-items:center;position:absolute;z-index:5;bottom:27px;left:max(56px,calc((100vw - var(--container)) / 2));font-size:9px;letter-spacing:.24em;font-weight:700;color:#8fb9d1;transition:color .2s}.scroll-hint:hover{color:#fff}.scroll-line{height:27px;width:1px;background:linear-gradient(transparent,#65d9fa);display:block;animation:scrolldown 1.8s ease-in-out infinite alternate}@keyframes scrolldown{to{transform:translateY(6px);opacity:.5}}
.section{position:relative;padding:100px 0}.services{background:radial-gradient(circle at 10% 10%,rgba(12,63,104,.14),transparent 45%),#050d19;border-top:1px solid rgba(90,198,255,.08)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:39px}.section-kicker{color:#59e0f5;margin-bottom:19px}.section-kicker span{flex-basis:26px;width:26px}.section-head h2,.contact h2{font-size:clamp(32px,3.45vw,52px);line-height:1.11;letter-spacing:-.048em;color:#f4fbff;max-width:680px;margin:0;font-weight:750;text-wrap:balance}.section-head>p{max-width:330px;font-size:14px;color:#91abc0;margin:0 0 4px}.services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.service-card{position:relative;min-height:280px;display:flex;flex-direction:column;padding:25px 22px;border:1px solid rgba(104,167,211,.17);border-radius:15px;background:linear-gradient(150deg,rgba(20,47,75,.45),rgba(8,18,34,.96) 58%);overflow:hidden;transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease)}.service-card:hover{border-color:rgba(58,207,255,.55);transform:translateY(-8px);background:linear-gradient(145deg,rgba(21,64,100,.67),rgba(8,18,34,.96) 65%)}.service-card::before{content:'';position:absolute;width:180px;height:180px;top:-75px;left:-60px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(37,199,255,.11),transparent 68%)}.service-icon{width:55px;height:55px;border:1px solid rgba(64,198,242,.23);background:linear-gradient(135deg,rgba(47,161,238,.17),rgba(20,38,67,.07));border-radius:13px;color:#60e4f9;display:grid;place-items:center;filter:drop-shadow(0 0 20px rgba(37,190,244,.11))}.service-icon svg{width:27px;height:27px}.service-number{position:absolute;right:22px;top:25px;font-size:11px;color:#51738e;letter-spacing:.09em}.service-card-copy{margin-top:auto}.service-card h3{color:#f3faff;font-size:16px;line-height:1.35;letter-spacing:-.023em;margin-bottom:12px;font-weight:700}.service-card p{color:#91aabd;font-size:12.5px;line-height:1.65;margin:0}.card-accent{position:absolute;left:22px;bottom:0;width:42px;height:2px;background:linear-gradient(90deg,#2adcf7,transparent);opacity:.6;transition:width .35s}.service-card:hover .card-accent{width:calc(100% - 44px)}
.contact{background:#050d19;padding:20px 0 100px}.contact-shell{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(96,188,233,.23);border-radius:22px;background:linear-gradient(110deg,#0b233b 0%,#081a2d 40%,#071322 100%);padding:66px 70px;display:grid;grid-template-columns:1fr .86fr;gap:54px;align-items:center}.contact-shell::before{position:absolute;content:'';inset:-50% auto auto -20%;height:540px;width:740px;z-index:-1;background:radial-gradient(circle,rgba(0,161,232,.13),transparent 66%)}.contact h2{font-size:clamp(32px,3vw,46px)}.contact-main>p:last-child{margin:20px 0 0;font-size:14px;color:#aac3d5;max-width:460px}.contact-orbit{position:absolute;width:365px;height:365px;left:12%;bottom:-245px;opacity:.15;pointer-events:none}.contact-orbit span{position:absolute;inset:0;border:1px solid #48dcff;border-radius:50%;transform:rotateX(66deg)}.contact-orbit span:nth-child(2){inset:25px}.contact-orbit span:nth-child(3){inset:60px}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-link{min-height:80px;border:1px solid rgba(120,187,233,.22);border-radius:12px;background:rgba(4,17,31,.64);display:flex;align-items:center;gap:16px;padding:15px 20px;font-size:13px;color:#fff;font-weight:680;transition:background .25s,border-color .25s,transform .25s}.contact-link:hover{background:rgba(28,77,106,.52);border-color:#56c9f4;transform:translateX(4px)}.contact-link>svg:first-child{color:#62e7ff;width:24px;height:24px;flex-shrink:0}.contact-link>svg:last-child{margin-left:auto;width:19px;height:19px;color:#79bcd7;flex-shrink:0}.contact-link span{display:flex;flex-direction:column;gap:7px;min-width:0}.contact-link small{color:#9cb4c7;font-size:11px;font-weight:400;overflow-wrap:anywhere}.contact-link-primary{border-color:rgba(67,210,236,.49)}.contact-place{display:flex;align-items:center;gap:10px;font-size:12px;color:#90aabe;padding:6px 3px 0}.contact-place svg{height:16px;width:16px;color:#59c9eb}.contact-placeholder{font-size:12px;background:rgba(255,169,64,.07);border:1px solid rgba(255,185,94,.28);border-radius:8px;padding:12px;color:#e9c99e}
.site-footer{border-top:1px solid rgba(120,179,204,.11);background:#030915;padding:27px 0}.footer-inner{display:flex;gap:22px;justify-content:space-between;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:7px;min-width:160px}.footer-brand-title{font-weight:750;letter-spacing:.2em;font-size:14px;color:#e5f4ff}.footer-brand span:last-child{font-size:10px;color:#64879f}.site-footer p{font-size:11px;color:#6f8ba1;margin:0;text-align:center}.footer-links{display:flex;gap:20px}.footer-links a{font-size:11px;color:#97b6c9}.footer-links a:hover{color:#48deff}
.inner-page{min-height:70svh;padding-top:175px;padding-bottom:100px}.inner-page>h1,.page-article h1{font-size:clamp(34px,4vw,60px);margin-top:20px;margin-bottom:35px}.page-article{max-width:830px}.back-link{color:#72ddff;font-size:13px}.entry-content{color:#c0d0dd;font-size:15px;line-height:1.8}.entry-content a{text-decoration:underline;color:#70e4fa}.entry-content h2,.entry-content h3{color:#fff;line-height:1.25;margin-top:36px}.entry-content img{max-width:100%;height:auto}.entry-content blockquote{border-left:2px solid var(--cyan);padding-left:20px}.post-summary{padding:20px 0;border-bottom:1px solid var(--line)}.post-summary h2{font-size:24px}.post-summary a:hover{color:var(--cyan)}
.reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--index,0)*45ms)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.container{width:min(calc(100% - 72px),var(--container))}.hero-art{width:min(67vw,760px);right:22px}.hero-content{width:min(610px,62%)}h1{font-size:clamp(47px,5.7vw,74px)}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-height:255px}.scroll-hint{left:36px}.contact-shell{padding:55px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.nav-inner{height:76px}.brand-name{font-size:19px}.brand-tagline{font-size:6px}.main-nav{gap:21px}.nav-action{margin-left:0;padding:10px 15px}.hero{min-height:720px;height:88svh}.hero-layout{padding-top:105px}.hero-content{width:min(540px,75%)}.hero-art{width:min(78vw,620px);right:8px;opacity:.82}.hero::before{background:linear-gradient(90deg,#030915 0%,rgba(3,9,21,.92) 32%,rgba(3,9,21,.58) 55%,rgba(3,9,21,.16) 100%),linear-gradient(0deg,#030915,transparent 18%)}.section{padding:78px 0}.section-head{align-items:start;flex-direction:column;gap:15px}.section-head>p{max-width:570px}.contact-shell{grid-template-columns:1fr;gap:30px}.contact{padding-top:10px}.footer-inner{flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%;text-align:left}}
@media(max-width:760px){.site-header .container{width:calc(100% - 38px)}.brand{min-width:unset}.nav-toggle{position:relative;z-index:60;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:42px;height:42px;border:1px solid rgba(114,201,243,.35);background:rgba(6,23,39,.7);border-radius:10px;color:#fff;cursor:pointer}.nav-toggle span{display:block;width:18px;height:1.7px;background:#defaff;border-radius:2px;transition:transform .25s,opacity .25s}.menu-visible .nav-toggle span:first-child{transform:translateY(6.7px) rotate(45deg)}.menu-visible .nav-toggle span:nth-child(2){opacity:0}.menu-visible .nav-toggle span:last-child{transform:translateY(-6.7px) rotate(-45deg)}.main-nav{display:none;position:fixed;top:75px;left:0;right:0;background:rgba(3,12,25,.98);border-bottom:1px solid var(--line);padding:25px 25px 35px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 50px rgba(0,0,0,.4)}.site-header.menu-visible .main-nav{display:flex}.nav-link{padding:18px 4px;font-size:16px;border-bottom:1px solid rgba(112,163,211,.15)}.nav-link::after{display:none}.nav-action{margin-top:20px;text-align:center;justify-content:center;padding:15px;font-size:14px}.hero{min-height:820px;height:auto}.hero-layout{min-height:820px;align-items:flex-end;padding-top:320px;padding-bottom:114px}.hero-art{top:94px;right:50%;width:min(calc(100vw - 32px),570px);height:auto;transform:translateX(50%);opacity:.84}.hero-art-shade{background:linear-gradient(0deg,#030915 0%,rgba(3,9,21,.1) 38%,rgba(3,9,21,.28) 100%),linear-gradient(90deg,rgba(3,9,21,.6),transparent 40%)}.hero::before{background:linear-gradient(0deg,#030915 0%,rgba(3,9,21,.9) 14%,rgba(3,9,21,.62) 58%,rgba(3,9,21,.18) 100%)}.hero-content{width:100%;max-width:570px}.eyebrow{font-size:9px;max-width:385px;margin-bottom:20px;letter-spacing:.16em}.eyebrow-line{flex-basis:22px;width:22px}h1{font-size:clamp(43px,9.5vw,61px);max-width:550px;letter-spacing:-.06em}.hero-description{font-size:14px;line-height:1.72;max-width:410px;margin-bottom:26px}.hero-meta{margin-top:30px}.scroll-hint{bottom:29px;left:24px;font-size:8px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:235px}.section-head h2,.contact h2{font-size:clamp(31px,7vw,44px)}}
@media(max-width:520px){.container{width:calc(100% - 38px)}.hero{min-height:805px}.hero-layout{min-height:805px;padding-top:305px;padding-bottom:112px}.hero-art{width:calc(100vw - 28px);max-width:490px;right:50%;top:85px;height:auto;transform:translateX(50%);opacity:.83}.eyebrow{letter-spacing:.11em;font-size:8px}h1{font-size:clamp(41px,10.7vw,52px);margin-bottom:20px}.hero-buttons{gap:9px}.btn{font-size:12px;min-height:51px;padding:0 17px;gap:9px}.hero-meta{font-size:10px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:190px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:17px;padding:23px}.service-card .service-icon{grid-column:1;grid-row:1/3}.service-number{display:none}.service-card-copy{grid-column:2;grid-row:1/3;align-self:center;margin:0}.service-card h3{margin-bottom:8px}.service-card p{font-size:12px}.section{padding:70px 0}.contact{padding-top:0}.contact-shell{padding:36px 23px;gap:27px;border-radius:16px}.contact h2{font-size:31px}.contact-main>p:last-child{font-size:13px}.contact-link{padding:14px 12px;gap:10px}.contact-link>svg:first-child{width:21px;height:21px}.contact-link>svg:last-child{width:15px;height:15px}.footer-inner{align-items:flex-start;flex-direction:column;gap:17px}.site-footer p{order:unset}.footer-links{flex-wrap:wrap}.inner-page{padding-top:135px}.section-head{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.route-particle{display:none}.route-flow{opacity:.18}}
.hero.motion-paused .route-flow{animation-play-state:paused}
/* The artwork and animated SVG share the same intrinsic aspect ratio so the scene is never stretched. */

@media(max-width:760px){html:not(.js) .main-nav{display:flex;position:relative;top:auto;left:auto;right:auto;padding:12px;width:100%;flex-wrap:wrap;justify-content:center;background:#081522}html:not(.js) .nav-toggle{display:none}html:not(.js) .nav-inner{height:auto;flex-wrap:wrap;padding:16px 0}}

/* Identificacion corporativa: compacta y legible, sin recargar el pie de pagina. */
.site-footer .footer-company{display:flex;flex-direction:column;gap:7px;line-height:1.45}.footer-company strong{font-size:11px;font-weight:650;color:#abc9dc}.footer-company span{font-size:10px;color:#6f8ba1}
@media(max-width:900px){.site-footer .footer-company{text-align:left}}

/* v1.2 — Encadre optimizado. El header mantiene exactamente el contenedor global. */
@media(max-width:760px){
 .hero::before{background:linear-gradient(180deg,rgba(3,9,21,.25) 0%,rgba(3,9,21,.14) 20%,rgba(3,9,21,.70) 43%,#030915 75%)}
 .hero-art-shade{background:linear-gradient(180deg,transparent 45%,rgba(3,9,21,.25) 70%,#030915 100%)}
}

/* Disolver los límites del recurso ilustrado en el fondo, sin recortes rectangulares. */
.hero-art{-webkit-mask-image:radial-gradient(ellipse 84% 86% at 50% 49%,#000 35%,rgba(0,0,0,.92) 59%,transparent 100%);mask-image:radial-gradient(ellipse 84% 86% at 50% 49%,#000 35%,rgba(0,0,0,.92) 59%,transparent 100%)}
@media(max-width:760px){.hero-art{-webkit-mask-image:radial-gradient(ellipse 86% 91% at 50% 49%,#000 39%,rgba(0,0,0,.84) 65%,transparent 100%);mask-image:radial-gradient(ellipse 86% 91% at 50% 49%,#000 39%,rgba(0,0,0,.84) 65%,transparent 100%)}}
/* Natural edge feathering: no visible rectangular poster boundaries. */
.hero-art{ -webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 42%,rgba(0,0,0,.95) 62%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 42%,rgba(0,0,0,.95) 62%,transparent 100%)}