@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('../assets/fonts/dm-sans-variable.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--heading:Manrope,'Segoe UI',sans-serif;--body:'DM Sans','Segoe UI',sans-serif;--max-content:1280px;--focus:0 0 0 3px #73c7ff80}
body{font-family:var(--body)}h1,h2,h3,h4,h5{font-family:var(--heading)}
/* El movimiento se concentra en la escena, los cambios de sección y la luz. */
.hero{position:relative;isolation:isolate;background:#07192d;color:#fff;min-height:860px;padding:9.5rem 0 5.5rem;overflow:hidden}
[data-theme=dark] .hero{background:#051321}
.hero-bg{background:radial-gradient(ellipse at 86% 39%,#006ad729,transparent 44%),linear-gradient(#68b8ff08 1px,transparent 1px),linear-gradient(90deg,#68b8ff08 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;opacity:1}
.hero::before{top:8%;right:-18%;width:800px;border-color:#4eafff12;box-shadow:0 0 0 80px #2072b908,0 0 0 160px #2072b905;z-index:-1;animation:hero-halo 14s ease-in-out infinite alternate}
.hero::after{bottom:-60%;left:-30%;width:950px;border-color:#5cabff14;box-shadow:0 0 0 80px #2072b908;background:transparent;z-index:-1}
.hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4vw,65px);align-items:center}
.hero-headline{font-size:clamp(3.6rem,5.35vw,5.3rem);line-height:1.04;max-width:12.8ch;letter-spacing:-.065em;font-weight:500;text-wrap:initial;color:#fff;position:relative}
.accent-word{color:#6dc6ff;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#4bb4ff 10%,#b8eaff 50%,#4bb4ff 90%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;animation:text-light 7s ease-in-out infinite}
.hero-eyebrow,[data-theme=dark] .hero-eyebrow{color:#bad0e1;font-size:.68rem;letter-spacing:.08em;margin-bottom:1.6rem}
.eyebrow-meta{color:#89ceff;border-color:#ffffff24}
.hero-body,[data-theme=dark] .hero-body{color:#afc4d6;font-size:1.03rem;line-height:1.75;max-width:48ch}
.hero-body strong,[data-theme=dark] .hero-body strong{color:#e7f3ff;font-weight:500}
.hero-proof{border-color:#91beea24;gap:1rem 1.3rem;margin-top:1.5rem;max-width:95%}
.hero-proof li{color:#b4ccde;font-size:.74rem}.hero-proof i{color:#6bbfff}
.hero .cta-main{background:#238fe5;box-shadow:0 12px 30px #0b74d13b;border:1px solid #73beff45;position:relative;overflow:hidden}
.hero .cta-main:before{content:'';position:absolute;width:60px;height:160px;left:-80px;top:-50px;background:linear-gradient(90deg,transparent,#ffffff38,transparent);transform:rotate(25deg);transition:left .65s ease}
.hero .cta-main:hover:before{left:calc(100% + 40px)}
.hero .cta-ghost{background:#ffffff05;color:#d1e4f3;border-color:#a8c5df3b}.hero .cta-ghost:hover{border-color:#87caff;background:#ffffff0a}
.hero-board.hero-board-immersive{padding:24px 24px 13px;border:1px solid #8fcaff2b;border-radius:22px;background:linear-gradient(145deg,#143756a6,#0b2034b3);box-shadow:0 32px 95px #0000003b,inset 0 1px 0 #d1ecff12;backdrop-filter:blur(14px);overflow:visible;position:relative}
.hero-board-immersive:before{inset:-1px 18% auto;height:1px;background:linear-gradient(90deg,transparent,#71c8ff,transparent);box-shadow:0 0 22px #67baff66}.hero-board-immersive:after{display:none}
.experience-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.02em;color:#c0d5e5}
.experience-head>span{display:flex;align-items:center;gap:10px}.experience-head .board-status{width:5px;height:5px;background:#72caff;box-shadow:0 0 12px #72caff77}
.motion-toggle{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffffff08;border:1px solid #9aceff25;color:#a4c9e5;font-size:10px;cursor:pointer}.motion-toggle:hover{color:#fff;border-color:#8aceff}
.scene-stage{position:relative;height:365px;margin:0 -17px;isolation:isolate}.scene-stage:before{content:'';position:absolute;inset:13% 3% 6%;background:radial-gradient(ellipse,#2185ff1c,transparent 63%);z-index:-1}
#technology-scene{display:block;width:100%;height:100%;position:relative;z-index:1;cursor:grab;touch-action:pan-y}#technology-scene:active{cursor:grabbing}
.scene-fallback{position:absolute;inset:24%;display:grid;place-items:center}.scene-fallback img{width:180px;opacity:.6;filter:drop-shadow(0 0 25px #2287d98a)}.scene-ready .scene-fallback{display:none}
.scene-axis{position:absolute;left:15px;right:15px;top:19px;display:flex;align-items:center;gap:12px;color:#7095b2;font-size:8px;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}.scene-axis i{height:1px;flex:1;background:linear-gradient(90deg,#5ba8df22,transparent)}
.scene-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;color:#7ea5c2;pointer-events:none}
.scene-controls{display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:5px;background:#06192c73;border:1px solid #94caff19;border-radius:8px;padding:5px;margin-top:5px}
.scene-controls button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:7px 5px;border:1px solid transparent;color:#95b4cc;border-radius:5px;background:transparent;font-family:var(--body);font-size:10px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.scene-controls button i{font-size:10px}.scene-controls button[aria-pressed=true]{color:#eaf7ff;background:#2186da35;border-color:#6cbdff36;box-shadow:0 0 18px #1171d314}.scene-controls button:hover{color:#fff;background:#ffffff09}
.scene-caption{text-align:center;font-size:10px;color:#adc9df;line-height:1.6;min-height:34px;padding:12px 0 8px}
.hero-board-immersive .hero-kpi-grid{padding-top:7px;border-top:1px solid #a2c5e21f;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-board-immersive .kpi-card{padding:13px 5px 6px;border-right-color:#a2c5e21f;text-align:center}.hero-board-immersive .kpi-value{color:#eef8ff;font-size:31px;font-weight:500;line-height:1.25}.hero-board-immersive .kpi-value:after{content:'+';font-size:18px;color:#7ccaff;margin-left:3px}.hero-board-immersive .kpi-label{font-size:9px;text-align:center;color:#89aac2;margin-top:6px}
.capabilities-band{background:#0b2238;border-top:1px solid #6ca9d91c;border-bottom:1px solid #6ca9d91c;color:#fff;overflow:hidden}.capabilities-title{color:#96b9d4}.capabilities-list li{color:#c0d5e5;background:transparent;font-size:.72rem;white-space:nowrap}.capabilities-list i{color:#6dbfff}.capabilities-list li:hover{background:#ffffff08;border-color:#75b4e72b}
/* Una secuencia de desplazamiento: las tres etapas ocupan el mismo escenario. */
.kinetic-story{position:relative;height:230vh;background:#081b2f;color:white;isolation:isolate}
.kinetic-sticky{height:100svh;min-height:500px;position:sticky;top:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#0c3655 0,transparent 60%);perspective:900px}
.kinetic-content{position:relative;width:100%;text-align:center;z-index:2;padding:30px}.kinetic-eyebrow{font-size:13px;color:#7ca9c9;letter-spacing:.02em;margin-bottom:38px}.kinetic-words{position:relative;height:clamp(90px,11vw,165px);width:100%;transform-style:preserve-3d}.kinetic-word{position:absolute;left:0;right:0;top:0;font:500 clamp(60px,10.5vw,155px)/1.05 var(--heading);letter-spacing:-.075em;will-change:transform,opacity;opacity:0;transform:translateY(50px) rotateX(-30deg);margin:0;color:#eef8ff;filter:blur(0)}.kinetic-word:first-child{opacity:1;transform:none}.kinetic-word:nth-child(2){color:#7acbff}.kinetic-word:nth-child(3){color:#bcecff}.kinetic-description{font-size:15px;line-height:1.75;color:#94b4cd;margin:30px auto 0;max-width:480px}.kinetic-orbit{position:absolute;width:min(75vw,950px);aspect-ratio:1;border-radius:50%;border:1px solid #5fb8ff18;transform:rotateX(62deg) rotateZ(-22deg);box-shadow:0 0 0 70px #3f91cc07,0 0 0 140px #3f91cc05;will-change:transform}.kinetic-orbit span{position:absolute;inset:8%;border:1px solid #6ab6ed1f;border-radius:50%}.kinetic-orbit span:nth-child(2){inset:25%;border-color:#6ab6ed30}.kinetic-orbit span:nth-child(3){inset:-15%;border-style:dashed;border-color:#6ab6ed15}.kinetic-progress{position:absolute;bottom:47px;width:160px;height:2px;background:#72caff1f;border-radius:3px;overflow:hidden}.kinetic-progress span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--story-progress,0));background:#75c6ff;box-shadow:0 0 12px #75c6ff}
/* Entrada de títulos y tarjetas con profundidad y luz que sigue al cursor. */
.section-title{font-weight:500;line-height:1.1;letter-spacing:-.055em}.motion-word{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .12em 0;margin-right:-.05em;margin-bottom:-.12em}.motion-word>span{display:block;transform:translateY(115%) rotate(5deg);transform-origin:left top;transition:transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--word-index,0)*34ms)}.title-visible .motion-word>span{transform:none}
.apps-grid{perspective:1600px}.app-card{transform-style:preserve-3d;will-change:auto;transition:transform .25s ease-out,box-shadow .25s,border-color .25s}.app-card.visible:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);box-shadow:0 30px 65px #10477522;border-color:#278bda7a}.app-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(450px circle at var(--light-x,50%) var(--light-y,0%),#5cb9ff20,transparent 65%);pointer-events:none;opacity:0;transition:opacity .35s;z-index:0}.app-card:hover:after{opacity:1}.app-card>*{position:relative;z-index:1}.app-card{display:flex;flex-direction:column}.app-card .detail-link{margin-top:auto;padding-top:1.3rem;align-self:flex-start}.app-card>p{margin-bottom:.4rem}.app-card .app-icon{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.app-card:hover .app-icon{transform:translateZ(25px) rotate(-8deg) scale(1.1);box-shadow:0 8px 22px #278bda25}
.sol-card:hover:before{box-shadow:0 0 15px #278bda65}.form-consent{display:flex;align-items:flex-start;gap:9px;margin:5px 0 18px;color:#617180;font-size:11px;line-height:1.65}.form-consent input{margin:3px 0 0;width:14px;height:14px;accent-color:#278bda;flex-shrink:0}.form-consent a{color:#1476bd;text-decoration:underline;text-underline-offset:3px}.footer-logo{object-fit:contain}
.site-header .header-inner{box-shadow:0 12px 40px #02132335}.section{overflow:clip}.section:has(.timeline){overflow:visible}.section-title{overflow-wrap:normal}.scene-controls button:focus-visible,.motion-toggle:focus-visible{outline:2px solid #9ad9ff;outline-offset:4px}
html[data-motion=paused] .hero::before,html[data-motion=paused] .accent-word{animation-play-state:paused}
@keyframes text-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes hero-halo{from{transform:translate3d(0,0,0) scale(.95)}to{transform:translate3d(-30px,25px,0) scale(1.1)}}
@media(min-width:1600px){.hero{min-height:950px;padding-top:11rem}.hero-headline{font-size:87px}.scene-stage{height:400px}}
@media(max-width:1100px){.hero{min-height:0;padding:8.3rem 0 4.5rem}.hero-layout{grid-template-columns:1.05fr .95fr;gap:30px}.hero-headline{font-size:clamp(43px,5.4vw,61px);max-width:13ch}.hero-body{font-size:14px}.hero-eyebrow{font-size:9px;letter-spacing:.05em}.hero-cta{gap:10px;flex-wrap:wrap}.cta-main,.cta-ghost{font-size:12px;padding-inline:15px;min-height:45px}.hero-proof{gap:10px;flex-direction:column;align-items:flex-start}.hero-proof li{font-size:10px}.hero-board.hero-board-immersive{padding:20px 18px 13px}.scene-stage{height:320px}.scene-controls button{font-size:9px;gap:5px}.scene-controls button i{font-size:9px}.experience-head{font-size:10px}.scene-caption{font-size:9px}.hero-board-immersive .kpi-value{font-size:26px}.hero-board-immersive .kpi-label{font-size:8px}.hero-board-immersive .kpi-card{padding-inline:0}.capabilities-inner{grid-template-columns:1fr}.capabilities-list{justify-content:flex-start;gap:8px 16px}}
@media(max-width:900px){.site-header .header-inner{background:#fffffff5}.header-logo{flex-basis:142px}.hero{padding-top:7.1rem}.hero-layout{grid-template-columns:1fr;gap:38px}.hero-content{max-width:680px}.hero-headline{font-size:clamp(51px,8vw,72px);max-width:16ch}.hero-body{font-size:17px;max-width:57ch}.hero-eyebrow{font-size:10px}.hero-proof{flex-direction:row;flex-wrap:wrap;gap:14px}.hero-proof li{font-size:12px}.hero-board.hero-board-immersive{max-width:650px;width:100%;justify-self:center;padding:23px 26px 15px}.scene-stage{height:360px}.scene-controls button{font-size:11px;min-height:42px}.scene-controls button i{font-size:11px}.scene-caption{font-size:11px}.experience-head{font-size:11px}.hero-board-immersive .kpi-value{font-size:31px}.hero-board-immersive .kpi-label{font-size:10px}.hero .cta-main,.hero .cta-ghost{font-size:13px;min-height:49px}.kinetic-word{font-size:12vw}.kinetic-eyebrow{font-size:12px}.kinetic-description{font-size:14px}.kinetic-orbit{width:110vw}}
@media(max-width:680px){.hero{padding:6.7rem 0 3.5rem}.hero-layout{gap:30px}.hero-headline{font-size:clamp(42px,10.7vw,66px);line-height:1.07;letter-spacing:-.06em;max-width:14ch}.hero-eyebrow{font-size:9px;letter-spacing:.04em;gap:8px;align-items:center;margin-bottom:1.5rem}.eyebrow-meta{padding-left:10px;margin-left:0}.hero-body{font-size:15px;line-height:1.75;margin-bottom:24px}.hero-cta{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.hero .cta-main,.hero .cta-ghost{width:auto;min-height:46px;padding-inline:16px;font-size:11px}.hero .cta-main{gap:15px}.hero-proof{padding-top:16px;gap:10px 16px}.hero-proof li{font-size:10px}.hero-board.hero-board-immersive{padding:18px 17px 12px;border-radius:17px}.experience-head{font-size:10px}.scene-stage{height:295px;margin:0 -10px}.scene-axis{font-size:7px;left:10px;right:10px}.scene-hint{font-size:8px}.scene-controls{gap:2px;padding:4px;grid-template-columns:.6fr 1.5fr 1fr}.scene-controls button{font-size:9px;min-height:38px;gap:5px;padding-inline:3px}.scene-controls button i{font-size:9px}.scene-caption{font-size:9px;min-height:32px}.hero-board-immersive .kpi-card{padding:11px 0 5px}.hero-board-immersive .kpi-value{font-size:28px}.hero-board-immersive .kpi-value:after{font-size:14px;margin-left:2px}.hero-board-immersive .kpi-label{font-size:8px}.capabilities-band{padding:23px 0}.capabilities-list{gap:8px 12px}.capabilities-list li{font-size:10px;padding:5px 0}.capabilities-title{font-size:10px}.kinetic-story{height:190vh}.kinetic-sticky{min-height:460px}.kinetic-content{padding:20px 12px}.kinetic-eyebrow{font-size:11px;margin-bottom:30px}.kinetic-words{height:84px}.kinetic-word{font-size:clamp(43px,11.8vw,75px);letter-spacing:-.06em}.kinetic-description{font-size:12px;margin-top:12px}.kinetic-orbit{width:140vw}.kinetic-progress{bottom:35px;width:110px}.app-card.visible:hover{transform:translateY(-4px)}.section-title{line-height:1.13}.section-lead{font-size:15px}.hero:before{width:560px;top:10%;right:-90%}.form-consent{font-size:10px}.header-actions{gap:8px}.header-logo{flex-basis:130px;width:130px}.pill-btn{font-size:11px;padding-inline:12px;min-height:38px}.btn-icon,.burger{width:35px;height:35px}}
@media(max-width:360px){.header-logo{flex-basis:115px;width:115px}.header-actions{gap:5px}.pill-btn{padding-inline:9px;font-size:10px}.hero-headline{font-size:40px}.hero-eyebrow{font-size:8px}.hero .cta-main,.hero .cta-ghost{font-size:10px;padding-inline:11px}.scene-stage{height:265px}.scene-controls button{font-size:8px}.scene-controls button i{font-size:8px}.hero-board-immersive .kpi-value{font-size:25px}.hero-board-immersive .kpi-label{font-size:7px}}
@media(max-width:680px){.header-logo,.site-header.scrolled .header-logo{flex-basis:130px;width:130px}.header-actions{gap:6px}.site-header .pill-btn{padding-inline:11px;font-size:11px}.site-header .btn-icon,.site-header .burger{width:35px;height:35px}}
@media(max-width:380px){.header-logo,.site-header.scrolled .header-logo{flex-basis:130px;width:130px}.header-actions>.pill-btn{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before,.accent-word{animation:none!important}.motion-word>span{transform:none!important;transition:none!important}.kinetic-story{height:auto}.kinetic-sticky{position:relative;height:auto;min-height:0;padding:80px 0}.kinetic-words{height:auto;display:flex;flex-direction:column;gap:12px}.kinetic-word{position:static;opacity:1!important;transform:none!important;font-size:clamp(36px,8vw,70px)}.kinetic-orbit{transform:rotateX(62deg)!important}.kinetic-progress{display:none}.app-card.visible:hover{transform:none}.hero-board,.sol-card,.app-card{transition:none!important}}
@media print{.hero{background:white;color:#111;padding-top:20px;min-height:0}.hero-headline,.hero-body,.hero-body strong{color:#111}.accent-word{-webkit-text-fill-color:#1476bd}.hero-board-immersive,.kinetic-story,.motion-toggle{display:none}.hero-layout{display:block}.motion-word>span{transform:none!important}.section,.reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.kinetic-word{filter:none!important}}