*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:#17222b;background:#f3f2ee}body{background:radial-gradient(circle at 48% 46%,#fff 0,#f7f6f2 37%,#eeede8 100%);overflow-x:hidden}.page{width:min(1320px,calc(100% - 60px));margin:auto;min-height:100vh;display:flex;flex-direction:column}header{height:92px;display:flex;align-items:center;border-bottom:1px solid rgba(23,34,43,.09)}.signature{display:flex;flex-direction:column;gap:4px}.signature strong{font-size:11px;letter-spacing:.22em}.signature span,.live{font-size:8px;letter-spacing:.27em;color:#849099}.live{margin-left:auto}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2aa8ad;margin-right:8px}.intro{position:absolute;top:135px;left:max(30px,calc((100vw - 1320px)/2));z-index:5}.intro p{font-size:9px;letter-spacing:.3em;color:#4a9ca2;margin:0 0 13px}.intro h1{font-size:clamp(31px,3.2vw,48px);line-height:1.02;letter-spacing:-.04em;margin:0;font-weight:520}.intro h1 span{font-weight:330;color:#899399}.orbit{position:relative;width:min(900px,78vw);aspect-ratio:1/1;margin:10px auto 20px;isolation:isolate}.rings,.rings i{position:absolute;inset:0;border-radius:50%;pointer-events:none}.rings:before{content:"";position:absolute;inset:12%;border:1px solid rgba(32,74,91,.09);border-radius:50%}.rings:after{content:"";position:absolute;inset:25%;border:1px solid rgba(32,74,91,.07);border-radius:50%}.rings i:nth-child(1){inset:5%;border:1px dashed rgba(32,74,91,.055)}.rings i:nth-child(2){inset:34%;background:radial-gradient(circle,rgba(54,159,168,.07),transparent 68%)}.core{position:absolute;left:50%;top:50%;width:215px;height:215px;transform:translate(-50%,-50%);border-radius:50%;padding:9px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(226,229,226,.9));box-shadow:0 24px 65px rgba(44,58,66,.12),inset 0 0 0 1px rgba(255,255,255,.8);z-index:3}.core:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(55,135,143,.17)}.core-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#17313f,#0d1f2b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;box-shadow:inset 0 0 30px rgba(255,255,255,.035)}.core span{font-size:7px;letter-spacing:.32em;color:#8db3b8;margin-bottom:8px}.core strong{font-size:25px;letter-spacing:.12em;font-weight:520}.core small{font-size:7px;letter-spacing:.18em;line-height:1.7;color:#78929d;margin-top:12px}.node{position:absolute;width:178px;text-decoration:none;color:#17222b;text-align:center;z-index:4;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);outline:none}.disc{width:150px;height:150px;margin:auto;border-radius:50%;background:#fbfbf9;border:1px solid rgba(26,54,68,.1);box-shadow:0 14px 38px rgba(37,51,59,.10);display:grid;place-items:center;overflow:hidden;transition:box-shadow .4s,border-color .4s,transform .4s}.disc:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 0 7px rgba(255,255,255,.45);pointer-events:none}.disc img{max-width:82%;max-height:74%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.node-name{display:block;margin-top:13px;font-size:9px;letter-spacing:.22em;font-weight:650}.node-ia{left:50%;top:7%;transform:translateX(-50%)}.node-optic{right:6%;top:59%;transform:translateY(-50%)}.node-files{left:6%;top:59%;transform:translateY(-50%)}.node:hover .disc,.node:focus .disc,.node.active .disc{transform:scale(1.07);border-color:rgba(37,151,160,.35);box-shadow:0 22px 50px rgba(33,81,91,.17),0 0 0 7px rgba(55,165,173,.055)}.node:hover .disc img,.node:focus .disc img,.node.active .disc img{transform:scale(1.035)}.orbit.has-active .node:not(.active){opacity:.42}.connector{position:absolute;left:50%;top:50%;width:1px;height:190px;background:linear-gradient(to bottom,rgba(50,121,128,.18),transparent);transform-origin:top center;z-index:1}.c1{transform:rotate(180deg)}.c2{transform:rotate(60deg)}.c3{transform:rotate(-60deg)}.info{position:absolute;left:50%;bottom:1.5%;transform:translateX(-50%);width:390px;text-align:center;z-index:5;transition:opacity .25s}.info span:first-child{font-size:7px;letter-spacing:.3em;color:#47959b}.info h2{font-size:17px;letter-spacing:.08em;margin:8px 0 8px;font-weight:560}.info p{font-size:11px;line-height:1.55;color:#7c888e;margin:0 auto;max-width:370px}.info-action{display:inline-block;margin-top:11px;font-size:7px;letter-spacing:.22em;color:#478e94;opacity:.55}footer{height:76px;margin-top:auto;border-top:1px solid rgba(23,34,43,.08);display:flex;align-items:center;gap:16px;font-size:7px;letter-spacing:.23em;color:#879198}footer i{height:1px;background:rgba(23,34,43,.08);flex:1}@media(max-width:850px){.page{width:calc(100% - 28px)}header{height:74px}.intro{position:relative;top:auto;left:auto;padding:35px 3px 10px}.orbit{width:100%;aspect-ratio:auto;height:650px;margin:0 auto}.core{width:160px;height:160px}.core strong{font-size:19px}.node{width:132px}.disc,.disc:after{width:116px;height:116px}.node-ia{top:5%}.node-optic{right:1%;top:49%}.node-files{left:1%;top:49%}.info{width:min(92%,380px);bottom:3%}.connector{height:140px}.rings:before{inset:18% 5%}.rings:after{display:none}}@media(max-width:430px){.orbit{height:610px}.core{top:43%}.node-ia{top:2%}.node-optic,.node-files{top:58%}.disc,.disc:after{width:102px;height:102px}.node{width:116px}.info{bottom:1%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hover-card{position:absolute;z-index:20;width:245px;padding:15px 17px;border-radius:16px;text-align:left;pointer-events:none;background:rgba(255,255,255,.82);border:1px solid rgba(30,62,75,.1);box-shadow:0 18px 45px rgba(35,53,61,.13);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(7px) scale(.985);transition:.28s}.hover-card b{display:block;font-size:9px;letter-spacing:.18em;color:#19333f;margin-bottom:8px}.hover-card em{display:block;font-size:10px;line-height:1.55;font-style:normal;font-weight:400;color:#6e7d84;letter-spacing:0}.node-ia .hover-card{left:calc(100% + 12px);top:34px}.node-optic .hover-card{right:calc(100% + 12px);top:28px}.node-files .hover-card{left:calc(100% + 12px);top:28px}@media (hover:hover) and (pointer:fine){.node:hover{z-index:30}.node:hover .hover-card,.node:focus .hover-card{opacity:1;visibility:visible;transform:translateY(0) scale(1)}}@media(max-width:850px){.hover-card{display:none}}
/* v2.3 premium microinteractions */
.page{animation:pageIn .65s ease both}
.core{opacity:0;animation:coreIn .72s .12s cubic-bezier(.2,.8,.2,1) forwards}
.node{opacity:0;animation:nodeIn .62s cubic-bezier(.2,.8,.2,1) forwards}
.node-ia{animation-delay:.36s}.node-optic{animation-delay:.49s}.node-files{animation-delay:.62s}
.info{opacity:0;animation:softIn .55s .82s ease forwards}
.connector{transition:background .35s,box-shadow .35s,opacity .35s}
.connector.active{background:linear-gradient(to bottom,rgba(42,158,166,.62),rgba(42,158,166,.08));box-shadow:0 0 12px rgba(42,158,166,.18)}
.rings i:nth-child(1){animation:ringTurn 34s linear infinite}
.orbit-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:rgba(52,143,150,.34);transform-origin:2.5px 2.5px;z-index:2;pointer-events:none}
.d1{animation:dotOrbit1 24s linear infinite}.d2{width:3px;height:3px;margin:-1.5px;background:rgba(39,80,94,.24);animation:dotOrbit2 31s linear infinite reverse}
.hover-card small{display:block;margin-top:10px;font-size:7px;letter-spacing:.2em;color:#3f9197;font-style:normal}
@keyframes pageIn{from{opacity:.2}to{opacity:1}}
@keyframes coreIn{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes nodeIn{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@keyframes softIn{to{opacity:1}}
@keyframes ringTurn{to{transform:rotate(360deg)}}
@keyframes dotOrbit1{from{transform:rotate(0deg) translateX(315px)}to{transform:rotate(360deg) translateX(315px)}}
@keyframes dotOrbit2{from{transform:rotate(0deg) translateX(245px)}to{transform:rotate(360deg) translateX(245px)}}
@media(max-width:850px){.orbit-dot{display:none}}
@media(prefers-reduced-motion:reduce){.page,.core,.node,.info,.rings i:nth-child(1),.orbit-dot{animation:none!important;opacity:1!important}}
/* v2.4 professional refinement + Desktop */
.intro p{letter-spacing:.34em}.intro h1{font-weight:500}.intro h1 span{color:#7f898f;font-weight:300}
.core span{letter-spacing:.38em;color:#91b4b8}.core small{opacity:.86}
.node-desktop{left:50%;bottom:4.5%;transform:translateX(-50%);font-family:inherit;border:0;background:transparent;padding:0;cursor:pointer}
.node-desktop .disc{position:relative}.desktop-disc{background:linear-gradient(145deg,#fdfdfb,#eceeeb)}
.desktop-mark{width:84px;height:84px;border-radius:50%;background:linear-gradient(145deg,#183441,#102530);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 0 24px rgba(255,255,255,.035)}
.screen-mark{width:28px;height:19px;border:1px solid rgba(150,202,206,.75);border-radius:3px;margin-bottom:7px;position:relative}.screen-mark:after{content:"";position:absolute;width:11px;height:1px;background:rgba(150,202,206,.75);left:8px;bottom:-5px;box-shadow:0 3px 0 rgba(150,202,206,.75)}
.desktop-mark strong{font-size:9px;letter-spacing:.15em;font-weight:600}.desktop-mark small{font-size:5px;letter-spacing:.27em;color:#89aeb3;margin-top:3px}
.c4{transform:rotate(0deg);height:195px}.node-desktop .hover-card{left:calc(100% + 12px);top:18px;width:265px}
.download-options{display:flex!important;gap:7px;margin-top:12px}.download-link{flex:1;text-decoration:none;border:1px solid rgba(31,66,79,.10);border-radius:9px;padding:9px 9px 8px;color:#24404b;background:rgba(247,249,248,.75);font-size:8px;letter-spacing:.08em;text-align:center;transition:.2s}.download-link:hover{border-color:rgba(50,145,152,.35);background:#fff}.download-link small{display:block!important;margin-top:4px!important;font-size:5px!important;letter-spacing:.13em!important;color:#7d8c92!important}
.node-desktop{animation-delay:.75s}.info{bottom:0}
@media(min-width:851px){.orbit{width:min(930px,79vw)}.node-ia{top:5%}.node-optic{right:3.5%;top:50%}.node-files{left:3.5%;top:50%}.node-desktop{bottom:3%}.info{left:auto;right:-190px;bottom:10%;transform:none;width:300px;text-align:left}.info p{margin:0;max-width:300px}.info-action{margin-top:10px}.node-desktop .hover-card{top:-5px}}
@media(max-width:850px){.node-desktop{bottom:9%}.node-desktop .disc,.node-desktop .disc:after{width:116px;height:116px}.desktop-mark{width:67px;height:67px}.info{bottom:0}.c4{height:140px}}
@media(max-width:430px){.orbit{height:720px}.core{top:39%}.node-ia{top:1%}.node-optic,.node-files{top:48%}.node-desktop{bottom:15%}.node-desktop .disc,.node-desktop .disc:after{width:102px;height:102px}.info{bottom:0}}
/* v2.5 signature refinement */
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.72) 50%,transparent 58%);transform:translateX(-100%);animation:ambientSweep 14s ease-in-out infinite;z-index:-1}
.core:after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(72,151,157,.07);box-shadow:0 0 50px rgba(64,144,151,.045);pointer-events:none}
.disc{backdrop-filter:blur(5px)}
.node-name{font-weight:600;letter-spacing:.245em}
.desktop-disc{box-shadow:0 18px 48px rgba(26,48,58,.13),inset 0 1px 0 rgba(255,255,255,.85)}
.download-link{position:relative;overflow:hidden;padding:10px 9px 9px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(241,244,242,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.download-link:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(48,143,151,.45),transparent);opacity:0;transition:.25s}
.download-link:hover:after{opacity:1}.download-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(34,67,77,.08)}
@keyframes ambientSweep{0%,78%,100%{transform:translateX(-110%)}88%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}
/* v2.5.1 Desktop download hover fix */
.node-desktop .desktop-card{pointer-events:auto}
@media (hover:hover) and (pointer:fine){
.node-desktop:hover .desktop-card,.node-desktop:focus-within .desktop-card,.node-desktop[aria-expanded="true"] .desktop-card{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.node-desktop .desktop-card:before{content:"";position:absolute;right:100%;top:0;width:18px;height:100%;background:transparent}
.node-desktop:hover{z-index:40}
}
/* v2.5.2 · Desktop download panel readability */
@media (min-width:851px){
.node-desktop .desktop-card{width:340px;padding:20px 21px 19px;border-radius:19px;top:-20px}
.node-desktop .desktop-card b{font-size:10px;letter-spacing:.19em;margin-bottom:9px}
.node-desktop .desktop-card em{font-size:11.5px;line-height:1.55;color:#64757d}
.node-desktop .download-options{gap:10px;margin-top:15px}
.node-desktop .download-link{min-height:58px;padding:12px 11px 10px;border-radius:11px;font-size:10px;letter-spacing:.06em;display:flex;flex-direction:column;align-items:center;justify-content:center}
.node-desktop .download-link small{margin-top:6px!important;font-size:6.5px!important;letter-spacing:.14em!important}
.node-desktop .desktop-card:before{width:22px}
}
/* v2.5.3 · Executive motion refinement */
body{background:radial-gradient(circle at 48% 43%,#fff 0,#f7f6f2 35%,#ecebe6 100%)}
header{position:relative}header:after{content:"";position:absolute;left:0;bottom:-1px;width:88px;height:1px;background:linear-gradient(90deg,rgba(44,143,151,.62),transparent)}
.signature strong{font-weight:650}.signature span{color:#7d8a91}.live i{box-shadow:0 0 0 0 rgba(42,168,173,.22);animation:livePulse 3.2s ease-out infinite}
.orbit:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(47,139,147,.045),transparent 67%);filter:blur(8px);pointer-events:none;animation:fieldBreath 7s ease-in-out infinite}
.rings:before{box-shadow:inset 0 0 42px rgba(46,116,125,.018)}
.rings:after{animation:ringBreath 8s ease-in-out infinite}
.core{box-shadow:0 28px 72px rgba(36,54,64,.14),0 2px 8px rgba(36,54,64,.05),inset 0 0 0 1px rgba(255,255,255,.82);animation:coreIn .72s .12s cubic-bezier(.2,.8,.2,1) forwards,coreFloat 7s 1.1s ease-in-out infinite}
.core-inner{position:relative;overflow:hidden}.core-inner:after{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 42%,rgba(164,220,224,.08) 49%,transparent 56%);transform:translateX(-55%) rotate(8deg);animation:coreSheen 9s 2s ease-in-out infinite;pointer-events:none}
.disc{position:relative;box-shadow:0 16px 42px rgba(31,49,58,.105),0 2px 5px rgba(31,49,58,.04);will-change:transform}.disc:before{content:"";position:absolute;inset:1px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 40%);pointer-events:none;z-index:2}.node:hover .disc,.node:focus .disc,.node.active .disc{transform:translateY(-4px) scale(1.075);box-shadow:0 28px 58px rgba(30,75,86,.18),0 0 0 7px rgba(55,165,173,.045)}
.node-name{transition:letter-spacing .4s,color .35s}.node:hover .node-name,.node.active .node-name{letter-spacing:.275em;color:#24535e}
.connector{overflow:visible}.connector:after{content:"";position:absolute;left:-1.5px;top:4px;width:4px;height:4px;border-radius:50%;background:rgba(52,155,163,.62);box-shadow:0 0 8px rgba(52,155,163,.34);opacity:.25;animation:signalTravel 5.8s ease-in-out infinite}.connector.active:after{opacity:.9;animation-duration:2.8s}
.c2:after{animation-delay:1.4s}.c3:after{animation-delay:2.8s}.c4:after{animation-delay:4.2s}
.hover-card{box-shadow:0 24px 58px rgba(30,48,57,.15),inset 0 1px 0 rgba(255,255,255,.72);border-color:rgba(30,62,75,.09)}
.node-desktop .desktop-card{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(245,247,245,.84))}.node-desktop:hover .desktop-disc,.node-desktop.active .desktop-disc{box-shadow:0 30px 64px rgba(27,61,72,.19),0 0 0 7px rgba(55,165,173,.045)}
.desktop-mark{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.node-desktop:hover .desktop-mark,.node-desktop.active .desktop-mark{transform:scale(1.035);box-shadow:inset 0 0 28px rgba(255,255,255,.045),0 8px 18px rgba(14,38,48,.13)}
.download-link{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.download-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(34,67,77,.10)}
.info h2,.info p,.info-action{transition:opacity .18s ease,transform .25s ease}
@keyframes livePulse{0%,55%,100%{box-shadow:0 0 0 0 rgba(42,168,173,.18)}75%{box-shadow:0 0 0 6px rgba(42,168,173,0)}}
@keyframes fieldBreath{0%,100%{transform:scale(.97);opacity:.55}50%{transform:scale(1.035);opacity:1}}
@keyframes ringBreath{0%,100%{opacity:.6;transform:scale(.99)}50%{opacity:1;transform:scale(1.015)}}
@keyframes coreFloat{0%,100%{margin-top:0}50%{margin-top:-5px}}
@keyframes coreSheen{0%,68%,100%{transform:translateX(-65%) rotate(8deg);opacity:0}76%{opacity:1}88%{transform:translateX(65%) rotate(8deg);opacity:0}}
@keyframes signalTravel{0%,15%{transform:translateY(0);opacity:0}30%{opacity:.55}75%{opacity:.15}100%{transform:translateY(175px);opacity:0}}
@media(max-width:850px){.connector:after{display:none}.orbit:before{inset:24% 12%}.core{animation:coreIn .72s .12s cubic-bezier(.2,.8,.2,1) forwards}}
@media(prefers-reduced-motion:reduce){.live i,.orbit:before,.rings:after,.core,.core-inner:after,.connector:after{animation:none!important}.core{opacity:1!important}}
/* v2.6 · Signature Experience */
.header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.header-actions .live{margin-left:0}.about-trigger{border:0;background:transparent;padding:7px 0;color:#7c898f;font:600 7px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.22em;cursor:pointer;transition:color .25s}.about-trigger:hover,.about-trigger:focus-visible{color:#275d67;outline:none}
.orbit{perspective:1200px}.core{transition:filter .45s,box-shadow .45s}.orbit.has-active .core{filter:saturate(1.08);box-shadow:0 31px 78px rgba(33,69,79,.18),0 0 0 8px rgba(62,158,165,.025),inset 0 0 0 1px rgba(255,255,255,.85)}.orbit.has-active .node:not(.active){opacity:.48;filter:saturate(.72);transition:opacity .45s,filter .45s,transform .45s cubic-bezier(.2,.8,.2,1)}.orbit.has-active .node.active{opacity:1;filter:none;z-index:30}.connector{transition:opacity .4s,filter .4s}.orbit.has-active .connector:not(.active){opacity:.18}.connector.active{opacity:1!important;filter:drop-shadow(0 0 4px rgba(48,151,159,.35))}
.disc{transform-style:preserve-3d}.node.active .disc{border-color:rgba(51,148,156,.22)}
.page{animation:pageReveal .7s ease-out both}.intro{animation:introReveal .75s .08s cubic-bezier(.2,.8,.2,1) both}.rings{animation:systemReveal 1.05s .18s ease-out both}.connector{animation:connectorReveal .8s .48s ease-out both}.node{animation-duration:.65s!important}.node-ia{animation-delay:.48s!important}.node-optic{animation-delay:.58s!important}.node-files{animation-delay:.68s!important}.node-desktop{animation-delay:.78s!important}
.desktop-card>b:after{content:" · v1.0";font-weight:450;color:#849198;letter-spacing:.11em}.download-link small:after{content:" · INSTALADOR"}
.about-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(14,28,35,.20);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.about-overlay.open{opacity:1;visibility:visible}.about-panel{position:relative;width:min(470px,100%);padding:38px 40px 34px;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,244,241,.90));box-shadow:0 35px 90px rgba(22,42,50,.20);transform:translateY(10px) scale(.985);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.about-overlay.open .about-panel{transform:none}.about-close{position:absolute;right:18px;top:15px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(22,49,61,.055);color:#5d6c72;font-size:21px;font-weight:300;cursor:pointer}.about-kicker{font-size:7px;letter-spacing:.3em;color:#43929a}.about-panel h2{margin:12px 0 17px;font-size:32px;letter-spacing:.12em;font-weight:520;color:#17313f}.about-panel p{margin:0;color:#65757c;font-size:13px;line-height:1.75}.about-sign{margin-top:28px;padding-top:19px;border-top:1px solid rgba(27,54,67,.09);display:flex;flex-direction:column;gap:5px}.about-sign strong{font-size:8px;letter-spacing:.18em;color:#263d47}.about-sign span{font-size:7px;letter-spacing:.2em;color:#8a969b}
footer{flex-wrap:wrap;gap:10px}footer i{flex:0 0 18px}
@keyframes pageReveal{from{opacity:0}to{opacity:1}}@keyframes introReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes systemReveal{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes connectorReveal{from{opacity:0}to{opacity:1}}
@media(max-width:850px){.about-trigger{display:none}.header-actions{margin-left:auto}.orbit.has-active .node:not(.active){opacity:.7}.about-panel{padding:32px 26px 28px}}
@media(prefers-reduced-motion:reduce){.page,.intro,.rings,.connector,.node{animation:none!important}.about-panel{transition:none}}
/* v2.7 · product polish */
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,38%),rgba(66,91,116,.09),transparent 62%);opacity:.8;transition:opacity .3s ease;z-index:-1}
.node.platform-match .disc{box-shadow:0 24px 58px rgba(20,38,54,.20),0 0 0 1px rgba(63,91,116,.16),0 0 42px rgba(76,108,135,.13)}
.node.platform-match .node-name::after{content:"RECOMENDADO PARA ESTE EQUIPO";display:block;margin-top:5px;font-size:7px;letter-spacing:.12em;color:#667b8e;font-weight:700}
.download-link.platform-match{border-color:rgba(70,99,124,.35)!important;background:rgba(230,236,241,.72)!important}
.download-link.platform-match small::after{content:" · RECOMENDADO"}
.page.navigating .orbit{transition:filter .38s ease,opacity .38s ease;filter:blur(2px);opacity:.42}
.page.navigating .intro,.page.navigating header,.page.navigating footer{transition:opacity .32s ease;opacity:.25}
.node.launching{z-index:20!important}.node.launching .disc{transform:scale(1.22)!important;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease!important;box-shadow:0 30px 85px rgba(28,50,70,.26),0 0 0 12px rgba(255,255,255,.45)!important}
.core-tagline{display:block;margin-top:7px;font-size:6.5px!important;letter-spacing:.13em!important;line-height:1.45;color:rgba(38,52,63,.48)}
@media(max-width:760px){
body::after{display:none}
.intro h1{font-size:clamp(34px,11vw,52px)}
.orbit{min-height:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:22px 14px;padding:34px 4px 22px!important;align-items:start}
.rings,.connector,.orbit-dot{display:none!important}
.core{position:relative!important;inset:auto!important;grid-column:1/-1;grid-row:1;width:156px!important;height:156px!important;margin:0 auto 10px;transform:none!important}
.node{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;display:flex!important;flex-direction:column;align-items:center;min-width:0}
.node-ia{grid-column:1;grid-row:2}.node-optic{grid-column:2;grid-row:2}.node-files{grid-column:1;grid-row:3}.node-desktop{grid-column:2;grid-row:3}
.node .disc{width:118px!important;height:118px!important}
.node-name{position:relative!important;inset:auto!important;margin-top:10px;white-space:normal!important;text-align:center}
.hover-card{display:none!important}
.node-desktop[aria-expanded="true"] .desktop-card{display:flex!important;position:absolute!important;top:146px!important;left:50%!important;transform:translateX(-50%)!important;width:min(300px,88vw)!important;z-index:30}
.info{position:relative!important;inset:auto!important;grid-column:1/-1;grid-row:4;width:min(100%,430px)!important;margin:10px auto 0!important;transform:none!important}
header{gap:12px}.header-actions{gap:8px}.about-trigger{font-size:8px!important}.live{font-size:8px!important}
footer{flex-wrap:wrap;justify-content:center;gap:8px 10px!important;text-align:center}
}
@media(max-width:430px){.orbit{grid-template-columns:1fr 1fr;gap:20px 8px}.node .disc{width:104px!important;height:104px!important}.core{width:146px!important;height:146px!important}.signature span{display:none}.header-actions .live{display:none}}
@media(prefers-reduced-motion:reduce){body::after{display:none}.page.navigating .orbit{filter:none}.node.launching .disc{transform:none!important}}
/* v2.8 · platform depth */
:root{--px:0px;--py:0px;--px2:0px;--py2:0px}
.rings{transform:translate(var(--px2),var(--py2));transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.core{transform:translate(calc(-50% + var(--px2)),calc(-50% + var(--py2)));transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.node{margin-left:var(--px);margin-top:var(--py)}
.core-inner{position:relative;overflow:hidden}
.core-inner>*:not(.core-tech){position:relative;z-index:2}
.core-tech{position:absolute;inset:10%;border-radius:50%;opacity:.52;pointer-events:none}
.core-tech i{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(130,190,197,.15);animation:techSpin 18s linear infinite}
.core-tech i:nth-child(2){inset:13%;border-style:dashed;animation-duration:27s;animation-direction:reverse}
.core-tech i:nth-child(3){inset:28%;border-color:rgba(130,190,197,.22);animation-duration:13s}
.core-tech:after{content:"";position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle,rgba(89,173,181,.12),transparent 68%);animation:coreBreathe 4.8s ease-in-out infinite}
.module-signature{position:absolute;inset:12px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .35s ease,transform .45s ease;z-index:3}
.node:hover .module-signature,.node:focus .module-signature,.node.active .module-signature{opacity:1}
.sig-ia{border:1px solid rgba(73,137,153,.16);box-shadow:inset 0 0 22px rgba(73,137,153,.07);animation:sigPulse 2.8s ease-in-out infinite}
.sig-ia:before,.sig-ia:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(55,127,145,.48);left:22%;top:34%;box-shadow:48px 20px 0 rgba(55,127,145,.35),27px 62px 0 rgba(55,127,145,.3)}
.sig-optic{inset:23px;border:1px solid rgba(65,122,139,.25);animation:opticAperture 5s ease-in-out infinite}
.sig-optic:after{content:"";position:absolute;inset:28%;border-radius:50%;border:1px solid rgba(65,122,139,.35)}
.sig-files:before,.sig-files:after{content:"";position:absolute;left:24%;right:24%;height:24%;border:1px solid rgba(65,122,139,.25);border-radius:4px;transform:skewY(-5deg)}
.sig-files:before{top:27%}.sig-files:after{top:48%;opacity:.65}
.sig-desktop{inset:17px;border:1px solid rgba(65,122,139,.18);animation:sigPulse 3.4s ease-in-out infinite}
.desktop-eyebrow{font-size:7px!important;letter-spacing:.22em!important;color:#559097!important;margin:0 0 7px!important}
.about-sign small{font-size:6.5px;letter-spacing:.16em;color:#9aa4a8;margin-top:4px}
.live{display:flex;align-items:center;white-space:nowrap;transition:color .25s ease}.live i{flex:0 0 auto}.live.checking i{animation:statusPulse 1.1s ease-in-out infinite}.live.partial i{background:#a58c56}.live.offline i{background:#9a6666}.live span{font:inherit;letter-spacing:inherit}
.connector.active{box-shadow:0 0 9px rgba(58,151,160,.28)}
@keyframes techSpin{to{transform:rotate(360deg)}}
@keyframes coreBreathe{50%{transform:scale(1.12);opacity:.55}}
@keyframes sigPulse{50%{transform:scale(.96);opacity:.55}}
@keyframes opticAperture{50%{transform:rotate(24deg) scale(.91)}}
@keyframes statusPulse{50%{opacity:.25;transform:scale(.72)}}
@media(max-width:760px){.core{transform:none!important}.rings{transform:none!important}.node{margin:0!important}.module-signature{display:none}.desktop-eyebrow{display:block!important}}
@media(prefers-reduced-motion:reduce){.core-tech i,.core-tech:after,.module-signature,.live i{animation:none!important}.rings,.core{transform:none!important}.node{margin:0!important}}
/* v2.9 · invisible sophistication */
.node .disc:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(67,158,166,.13),rgba(67,158,166,0) 66%);opacity:var(--near,0);transform:scale(calc(.86 + var(--near,0)*.18));transition:opacity .16s linear,transform .18s ease;pointer-events:none;z-index:-1}
.core-inner:before{content:"";position:absolute;inset:-32%;z-index:1;background:radial-gradient(circle at 28% 22%,rgba(210,247,249,.15),transparent 17%),linear-gradient(118deg,transparent 38%,rgba(206,246,248,.09) 48%,transparent 58%);transform:translate3d(-24%,-12%,0) rotate(7deg);animation:coreReflection 12s ease-in-out infinite;pointer-events:none}
@keyframes coreReflection{0%,100%{transform:translate3d(-27%,-12%,0) rotate(7deg);opacity:.45}50%{transform:translate3d(28%,10%,0) rotate(7deg);opacity:.82}}
.connector.energy:after{opacity:.95!important;animation:energyPass 1.55s cubic-bezier(.2,.7,.2,1) 1!important}
@keyframes energyPass{0%{top:4px;opacity:0}14%{opacity:.95}86%{opacity:.72}100%{top:calc(100% - 5px);opacity:0}}
.launch-overlay{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:rgba(243,242,238,.34);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;pointer-events:none}.launch-overlay.open{opacity:1;visibility:visible}.launch-status{display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid rgba(28,58,69,.10);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 18px 55px rgba(26,48,58,.10);font-size:8px;letter-spacing:.2em;color:#52656d}.launch-status i{width:6px;height:6px;border-radius:50%;background:#43969d;box-shadow:0 0 0 0 rgba(67,150,157,.24);animation:launchPulse 1s ease-out infinite}@keyframes launchPulse{to{box-shadow:0 0 0 9px rgba(67,150,157,0)}}
.command-overlay{position:fixed;inset:0;z-index:160;display:grid;place-items:start center;padding-top:min(18vh,150px);background:rgba(17,31,38,.18);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.command-overlay.open{opacity:1;visibility:visible}.command-panel{width:min(520px,calc(100% - 34px));padding:17px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:rgba(249,249,247,.95);box-shadow:0 35px 100px rgba(20,39,48,.22);transform:translateY(-7px) scale(.99);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.command-overlay.open .command-panel{transform:none}.command-head{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 12px;font-size:7px;letter-spacing:.27em;color:#5a7e83}.command-head kbd{font:600 7px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;padding:5px 7px;border:1px solid rgba(26,54,65,.10);border-radius:6px;color:#8b969a;background:#fff}.command-panel input{width:100%;height:48px;border:1px solid rgba(28,57,68,.10);border-radius:12px;background:#fff;padding:0 14px;font:500 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b3039;outline:none}.command-panel input:focus{border-color:rgba(57,142,150,.38);box-shadow:0 0 0 3px rgba(57,142,150,.07)}.command-results{display:grid;gap:5px;margin-top:10px}.command-item{width:100%;border:0;background:transparent;border-radius:11px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#273c45;cursor:pointer}.command-item:hover,.command-item.selected{background:rgba(41,93,103,.065)}.command-item strong{font-size:10px;letter-spacing:.12em}.command-item span{font-size:8px;color:#879398;letter-spacing:.08em}.command-hint{display:block;padding:11px 3px 1px;font-size:7px;letter-spacing:.13em;color:#9aa3a6}.page.idle .node:not(.active){opacity:.76}.page.idle .rings{opacity:.72}.page.idle .core{filter:saturate(.86) brightness(.985)}.page.idle .orbit-dot{opacity:.4}.page,.rings,.core,.node,.orbit-dot{transition-property:opacity,filter,transform,box-shadow,margin;transition-duration:.7s}
@media(max-width:760px){.command-overlay{padding-top:72px}.node .disc:after{display:none}.page.idle .node{opacity:1}}
@media(prefers-reduced-motion:reduce){.core-inner:before,.connector.energy:after,.launch-status i{animation:none!important}.node .disc:after{display:none}.page.idle .node{opacity:1}}
/* v3.0 · Signature Interaction */
:root{--motion-signature:cubic-bezier(.22,.78,.22,1)}
.node .disc{transition:transform .48s var(--motion-signature),box-shadow .48s var(--motion-signature),filter .48s var(--motion-signature),border-color .35s ease}
.orbit.has-active .node:not(.active){transform:scale(.975);filter:saturate(.64) blur(.12px);opacity:.40}
.orbit.has-active .node.active{transform:scale(1.012)}
.connector.active{transform-origin:left center;animation:connectorTension 2.8s ease-in-out infinite}
.node.recent-module .disc{box-shadow:0 24px 62px rgba(34,79,88,.18),0 0 0 1px rgba(63,151,159,.20),0 0 0 7px rgba(75,160,166,.035)}
.recent-badge{display:block;margin-top:5px;font-size:5.7px;line-height:1.2;letter-spacing:.14em;color:#6c969a;font-weight:700;white-space:nowrap;opacity:.88;animation:recentIn .55s var(--motion-signature) both}
.command-item strong{min-width:0}.command-item span{text-align:right;margin-left:18px}
@keyframes connectorTension{0%,100%{filter:drop-shadow(0 0 3px rgba(48,151,159,.26));opacity:.96}50%{filter:drop-shadow(0 0 7px rgba(48,151,159,.42));opacity:1}}
@keyframes recentIn{from{opacity:0;transform:translateY(3px)}to{opacity:.88;transform:none}}
@media(max-width:760px){.recent-badge{font-size:5px;white-space:normal}.orbit.has-active .node:not(.active){transform:none;filter:saturate(.78);opacity:.64}}
@media(prefers-reduced-motion:reduce){.connector.active,.recent-badge{animation:none!important}.orbit.has-active .node:not(.active),.orbit.has-active .node.active{transform:none!important}}
/* v3.1 · Precision Motion — stable interaction targets */
:root{--motion-signature:cubic-bezier(.24,.72,.24,1)}
.node{transition:opacity .52s ease,filter .52s ease!important}
.node .disc{transition:transform .32s var(--motion-signature),box-shadow .42s ease,filter .42s ease,border-color .35s ease!important;will-change:auto}
.node:hover .disc,.node:focus .disc,.node.active .disc{transform:scale(1.035)!important}
.node:hover .disc img,.node:focus .disc img,.node.active .disc img{transform:scale(1.018)!important}
.orbit.has-active .node:not(.active){transform:none!important;filter:saturate(.78)!important;opacity:.54!important}
.orbit.has-active .node.active{transform:none!important}
.connector{transition:opacity .55s ease,filter .55s ease!important}
.connector.active{animation:connectorPrecision 4.2s ease-in-out infinite!important}
@keyframes connectorPrecision{0%,100%{filter:drop-shadow(0 0 2px rgba(48,151,159,.22));opacity:.94}50%{filter:drop-shadow(0 0 5px rgba(48,151,159,.34));opacity:1}}
.node.precision-press .disc{transform:scale(.985)!important;transition-duration:.09s!important}
.node.launching .disc{transform:scale(1.045)!important;box-shadow:0 24px 65px rgba(28,50,70,.19),0 0 0 8px rgba(255,255,255,.40)!important}
@media(max-width:760px){.orbit.has-active .node:not(.active){opacity:.68!important;filter:saturate(.86)!important}}
/* v3.1.1 · ABSOLUTE NODE STABILITY
Nodes never change geometry after layout. Interaction is light-only. */
.node{margin-left:0!important;margin-top:0!important;}
.node .disc,
.node:hover .disc,.node:focus .disc,.node.active .disc,
.node.precision-press .disc,.node.launching .disc{
transform:none!important;
}
.node .disc img,
.node:hover .disc img,.node:focus .disc img,.node.active .disc img{
transform:none!important;
}
.node:hover .disc,.node:focus .disc,.node.active .disc{
border-color:rgba(37,151,160,.34)!important;
box-shadow:0 20px 48px rgba(33,81,91,.15),0 0 0 6px rgba(55,165,173,.05)!important;
filter:brightness(1.012) saturate(1.025);
}
.node.precision-press .disc{filter:brightness(.985)!important;box-shadow:0 14px 34px rgba(37,51,59,.11)!important;}
.node.launching .disc{filter:brightness(1.02)!important;box-shadow:0 23px 58px rgba(28,50,70,.18),0 0 0 7px rgba(55,165,173,.055)!important;}
.orbit.has-active .node:not(.active),.orbit.has-active .node.active{transform:revert-layer;}
/* v3.1.2 · FIXED GEOMETRY — node coordinates never change during interaction */
.node{
transition:opacity .42s ease,filter .42s ease!important;
will-change:auto!important;
}
.node-ia,
.node-ia:hover,.node-ia:focus,.node-ia.active,
.orbit.has-active .node-ia,.orbit.has-active .node-ia.active{transform:translateX(-50%)!important;}
.node-optic,
.node-optic:hover,.node-optic:focus,.node-optic.active,
.orbit.has-active .node-optic,.orbit.has-active .node-optic.active{transform:translateY(-50%)!important;}
.node-files,
.node-files:hover,.node-files:focus,.node-files.active,
.orbit.has-active .node-files,.orbit.has-active .node-files.active{transform:translateY(-50%)!important;}
.node-desktop,
.node-desktop:hover,.node-desktop:focus,.node-desktop.active,
.orbit.has-active .node-desktop,.orbit.has-active .node-desktop.active{transform:translateX(-50%)!important;}
.node .disc,.node:hover .disc,.node:focus .disc,.node.active .disc,
.node.precision-press .disc,.node.launching .disc{transform:none!important;}
.node .disc img,.node:hover .disc img,.node:focus .disc img,.node.active .disc img{transform:none!important;}
.orbit.has-active .node:not(.active){filter:saturate(.82)!important;opacity:.58!important;}
.orbit.has-active .node.active{filter:none!important;opacity:1!important;}
/* v3.1.3 · SLOW DEPTH — controlled secondary-node drift, geometry remains independent */
.node{
transition:opacity .72s ease,filter .72s ease,margin-left .92s cubic-bezier(.22,.72,.18,1),margin-top .92s cubic-bezier(.22,.72,.18,1)!important;
}
/* Active node stays anchored. Only the surrounding nodes breathe outward by 3–5px. */
.orbit.has-active .node.active{margin-left:0!important;margin-top:0!important;}
.orbit[data-active-node="ia"] .node-optic{margin-left:4px!important;margin-top:3px!important;}
.orbit[data-active-node="ia"] .node-files{margin-left:-4px!important;margin-top:3px!important;}
.orbit[data-active-node="ia"] .node-desktop{margin-top:4px!important;}
.orbit[data-active-node="optic"] .node-ia{margin-left:-2px!important;margin-top:-3px!important;}
.orbit[data-active-node="optic"] .node-files{margin-left:-4px!important;margin-top:1px!important;}
.orbit[data-active-node="optic"] .node-desktop{margin-left:-2px!important;margin-top:3px!important;}
.orbit[data-active-node="files"] .node-ia{margin-left:2px!important;margin-top:-3px!important;}
.orbit[data-active-node="files"] .node-optic{margin-left:4px!important;margin-top:1px!important;}
.orbit[data-active-node="files"] .node-desktop{margin-left:2px!important;margin-top:3px!important;}
.orbit[data-active-node="desktop"] .node-ia{margin-top:-4px!important;}
.orbit[data-active-node="desktop"] .node-optic{margin-left:4px!important;margin-top:-1px!important;}
.orbit[data-active-node="desktop"] .node-files{margin-left:-4px!important;margin-top:-1px!important;}
@media(max-width:850px){
.orbit[data-active-node] .node:not(.active){margin-left:0!important;margin-top:0!important;}
}
@media(prefers-reduced-motion:reduce){
.orbit[data-active-node] .node{margin-left:0!important;margin-top:0!important;}
}
/* v3.1.4 · ultra subtle slow depth */
@media (min-width:851px) and (hover:hover) and (pointer:fine){
.node{
transition:opacity .82s ease,filter .82s ease,margin-left 1.55s cubic-bezier(.18,.68,.18,1),margin-top 1.55s cubic-bezier(.18,.68,.18,1)!important;
}
.orbit:not([data-active-node]) .node{
transition-duration:.9s,.9s,1.75s,1.75s!important;
}
.orbit[data-active-node="ia"] .node-optic{margin-left:1.5px!important;margin-top:1px!important;}
.orbit[data-active-node="ia"] .node-files{margin-left:-1.5px!important;margin-top:1px!important;}
.orbit[data-active-node="ia"] .node-desktop{margin-top:1.5px!important;}
.orbit[data-active-node="optic"] .node-ia{margin-left:-.75px!important;margin-top:-1.25px!important;}
.orbit[data-active-node="optic"] .node-files{margin-left:-1.5px!important;margin-top:.5px!important;}
.orbit[data-active-node="optic"] .node-desktop{margin-left:-.75px!important;margin-top:1.25px!important;}
.orbit[data-active-node="files"] .node-ia{margin-left:.75px!important;margin-top:-1.25px!important;}
.orbit[data-active-node="files"] .node-optic{margin-left:1.5px!important;margin-top:.5px!important;}
.orbit[data-active-node="files"] .node-desktop{margin-left:.75px!important;margin-top:1.25px!important;}
.orbit[data-active-node="desktop"] .node-ia{margin-top:-1.5px!important;}
.orbit[data-active-node="desktop"] .node-optic{margin-left:1.5px!important;margin-top:-.5px!important;}
.orbit[data-active-node="desktop"] .node-files{margin-left:-1.5px!important;margin-top:-.5px!important;}
}
/* v3.2 · Final Finish — preserve v3.1.4 node motion exactly */
.core{box-shadow:0 30px 78px rgba(36,54,64,.145),0 2px 9px rgba(36,54,64,.055),inset 0 0 0 1px rgba(255,255,255,.84)}
.core:before{box-shadow:0 0 0 1px rgba(78,155,161,.035),0 0 46px rgba(66,145,152,.05)}
.core-inner{background:radial-gradient(circle at 35% 27%,#1c3b49 0,#15313e 27%,#0d202b 72%);box-shadow:inset 0 0 38px rgba(255,255,255,.035),inset 0 -24px 42px rgba(3,15,22,.18)}
.core-tech{opacity:.58}.core-tech:before{content:"";position:absolute;inset:-10%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 28%,rgba(112,190,196,.08) 34%,transparent 41% 75%,rgba(112,190,196,.055) 81%,transparent 88%);animation:techSpin 36s linear infinite}
.connector{background:linear-gradient(to bottom,rgba(50,121,128,.13),rgba(50,121,128,.035) 68%,transparent);transition:background .9s ease,box-shadow .9s ease,opacity .9s ease!important}
.connector:before{content:"";position:absolute;left:-.5px;top:0;width:2px;height:38%;background:linear-gradient(to bottom,transparent,rgba(71,163,170,.24),transparent);opacity:.42;animation:connectorFlow 8.5s ease-in-out infinite}
.connector:nth-of-type(2):before{animation-delay:1.4s}.connector:nth-of-type(3):before{animation-delay:2.8s}.connector:nth-of-type(4):before{animation-delay:4.2s}
.connector.active:before{opacity:.82;animation-duration:4.8s}
@keyframes connectorFlow{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(150%);opacity:.58}}
.node .disc img{filter:saturate(.94) contrast(.98);transition:filter .9s ease!important}
.node:hover .disc img,.node:focus .disc img,.node.active .disc img{filter:saturate(1.03) contrast(1.055)!important}
.node .disc{background:radial-gradient(circle at var(--light-x,34%) var(--light-y,26%),rgba(255,255,255,.98),rgba(250,250,247,.98) 44%,rgba(239,241,238,.96) 100%)}
.service-trigger{border:0;background:transparent;padding:8px 0 8px 8px;cursor:pointer;font-family:inherit}.service-trigger:focus-visible{outline:1px solid rgba(55,145,152,.32);outline-offset:5px;border-radius:6px}
.header-actions{position:relative}.service-panel{position:absolute;right:0;top:36px;width:290px;padding:17px 18px 15px;border:1px solid rgba(28,58,69,.10);border-radius:16px;background:rgba(255,255,255,.91);box-shadow:0 24px 64px rgba(25,47,57,.13);backdrop-filter:blur(18px);z-index:90;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.service-panel.open{opacity:1;visibility:visible;transform:none}.service-kicker{display:block;font-size:6.5px;letter-spacing:.24em;color:#5a969b;margin-bottom:7px}.service-panel>strong{display:block;font-size:12px;letter-spacing:.08em;margin-bottom:12px}.service-row{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid rgba(26,54,65,.06)}.service-row i{width:5px;height:5px;border-radius:50%;background:#aeb7ba}.service-row.ok i{background:#39a3a8;box-shadow:0 0 0 3px rgba(57,163,168,.08)}.service-row.unknown i{background:#a58c56}.service-row span{font-size:9px;letter-spacing:.07em}.service-row em{font-size:7px;font-style:normal;color:#899599;letter-spacing:.08em}.service-panel>small{display:block;margin-top:8px;font-size:7px;line-height:1.5;color:#9aa3a6}
.download-link{position:relative}.download-link .platform-note{font-size:6px;font-style:normal;letter-spacing:.15em;color:#5d969b;margin-top:4px}.download-link.platform-match .platform-note:before{content:"RECOMENDADO · "}.download-link.platform-match{border-color:rgba(56,148,155,.28)!important;box-shadow:0 7px 20px rgba(43,112,120,.08)}
.launch-status{transition:transform .35s ease}.launch-overlay.open .launch-status{animation:launchSettle .48s cubic-bezier(.2,.75,.2,1) both}@keyframes launchSettle{from{transform:translateY(4px);opacity:.5}to{transform:none;opacity:1}}
@media(max-width:760px){.service-panel{right:-2px;top:40px;width:min(290px,calc(100vw - 34px))}.core-tech:before,.connector:before{animation:none}}
@media(prefers-reduced-motion:reduce){.core-tech:before,.connector:before,.launch-overlay.open .launch-status{animation:none!important}}
/* v3.2.1 · About MEDHUB reliability fix — visual design unchanged */
#about-overlay{pointer-events:none!important;}
#about-overlay.open{pointer-events:auto!important;opacity:1!important;visibility:visible!important;}
#about-overlay .about-panel{pointer-events:auto;}
#about-trigger{position:relative;z-index:95;pointer-events:auto;}
/* =========================================================
v3.2.2 POLISH — conservative finish over v3.2.1 stable
Geometry and sphere motion intentionally untouched.
========================================================= */
/* Slightly richer optical finish without movement */
.disc{
isolation:isolate;
}
.disc::after{
content:"";
position:absolute;
inset:8%;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(circle at 32% 24%,rgba(255,255,255,.36),rgba(255,255,255,0) 27%),
radial-gradient(circle at 70% 76%,rgba(45,112,173,.055),rgba(45,112,173,0) 45%);
opacity:.42;
transition:opacity 1.15s cubic-bezier(.22,.61,.36,1);
z-index:1;
}
.node:hover .disc::after,
.node:focus-visible .disc::after,
.node.active .disc::after{opacity:.64}
/* Central MEDHUB: depth through light only */
.core::after{
content:"";
position:absolute;
inset:7%;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(circle at 35% 27%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%),
radial-gradient(circle at 62% 72%,rgba(52,108,161,.075),rgba(52,108,161,0) 48%);
opacity:.58;
mix-blend-mode:screen;
animation:coreBreath322 8.8s ease-in-out infinite alternate;
}
@keyframes coreBreath322{
from{opacity:.46}
to{opacity:.68}
}
/* More organic connection luminosity, no geometric changes */
.connector,
.connection,
.line{
animation-duration:9.6s!important;
animation-timing-function:ease-in-out!important;
}
/* About: visual polish only — existing v3.2.1 JS remains authoritative */
#aboutPanel .about-card,
.about-modal .about-card,
.about-panel .about-card{
backdrop-filter:blur(24px) saturate(118%);
-webkit-backdrop-filter:blur(24px) saturate(118%);
}
#aboutPanel .about-card::before,
.about-modal .about-card::before,
.about-panel .about-card::before{
content:"";
display:block;
width:42px;
height:1px;
margin:0 auto 18px;
background:linear-gradient(90deg,transparent,rgba(48,92,132,.42),transparent);
}
/* Native desktop buttons: clearer hierarchy, no layout change */
.download-option,
.download-card,
.desktop-option{
transition:border-color .5s ease,box-shadow .7s ease,background-color .6s ease,opacity .5s ease!important;
}
.download-option.recommended,
.download-card.recommended,
.desktop-option.recommended{
box-shadow:0 12px 34px rgba(26,68,108,.08);
}
/* Keyboard quality */
.node:focus-visible .disc,
button:focus-visible,
a:focus-visible{
outline:2px solid rgba(42,98,151,.42);
outline-offset:4px;
}
/* Touch devices: optical polish only, never hover-dependent */
@media (hover:none),(pointer:coarse){
.node .disc::after{opacity:.48}
}
/* Respect OS accessibility preference */
@media (prefers-reduced-motion:reduce){
.core::after{animation:none!important}
.connector,.connection,.line{animation:none!important}
*,*::before,*::after{
scroll-behavior:auto!important;
transition-duration:.01ms!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
}
}
/* v3.3 · ecosystem depth additions — visual only, sphere physics untouched */
.ecosystem-version{font-size:7px;letter-spacing:.22em;color:#9aa3a6;white-space:nowrap}
.node .micro-label{position:absolute;left:50%;top:calc(100% + 37px);transform:translateX(-50%) translateY(3px);width:max-content;max-width:230px;padding:6px 9px;border:1px solid rgba(32,74,91,.07);border-radius:999px;background:rgba(248,248,245,.72);backdrop-filter:blur(8px);font-size:6.5px;line-height:1;letter-spacing:.13em;color:#75878d;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .55s ease;box-shadow:0 8px 22px rgba(28,52,62,.035)}
.node:hover .micro-label,.node:focus-visible .micro-label,.node.active .micro-label{opacity:.9;transform:translateX(-50%) translateY(0)}
.orbit.constellation .connector{opacity:.88!important;filter:drop-shadow(0 0 3px rgba(49,142,150,.20))}
.orbit.constellation .core{filter:saturate(.95) brightness(1.01);box-shadow:0 0 0 1px rgba(60,138,145,.04),0 20px 65px rgba(37,74,87,.08)}
.orbit.constellation .core-inner:after{content:"ECOSYSTEM";position:absolute;left:50%;bottom:23%;transform:translateX(-50%);font-size:5.5px;letter-spacing:.34em;color:rgba(60,128,134,.48);white-space:nowrap}
.future-node{position:absolute;z-index:3;left:50%;top:91%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;opacity:.42;pointer-events:none;transition:opacity .7s ease}
.future-node i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px dashed rgba(54,104,112,.26);font-style:normal;font-size:12px;font-weight:300;color:#729196;background:rgba(255,255,255,.3)}
.future-node span{font-size:6px;letter-spacing:.2em;color:#819397;white-space:nowrap}.orbit.constellation .future-node{opacity:.62}
@media(max-width:760px){.node .micro-label,.future-node{display:none}.ecosystem-version{width:100%;text-align:center;margin-top:2px}}
@media(prefers-reduced-motion:reduce){.node .micro-label{transition:none}.orbit.constellation .connector{filter:none}}
/* v3.3.1 · zócalo institucional — agregado sin alterar el ecosistema */
.ecosystem-footer{height:auto;min-height:118px;margin-top:auto;padding:10px 0 8px;border-top:1px solid rgba(23,34,43,.07);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px}
.footer-partners{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.footer-partners img{display:block;width:min(760px,82vw);height:auto;max-height:66px;object-fit:contain;opacity:.58;filter:contrast(.92) saturate(.72);mix-blend-mode:multiply;user-select:none;pointer-events:none}
.footer-meta{min-height:22px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:6.5px;letter-spacing:.22em;color:#929b9f}
.footer-meta i{width:18px;height:1px;flex:0 0 18px;background:rgba(23,34,43,.07)}
@media(max-width:760px){.ecosystem-footer{min-height:92px;padding:8px 0 7px;gap:3px}.footer-partners img{width:min(680px,94vw);max-height:52px;opacity:.54}.footer-meta{font-size:5.5px;gap:6px;letter-spacing:.14em;flex-wrap:wrap}.footer-meta i{width:8px;flex-basis:8px}}
/* v3.3.2 · zócalo institucional más visible */
.ecosystem-footer{min-height:158px;padding:12px 0 10px;gap:6px}
.footer-partners img{width:min(1040px,92vw);max-height:104px;opacity:.70;filter:contrast(.96) saturate(.76)}
@media(max-width:760px){.ecosystem-footer{min-height:116px;padding:9px 0 8px}.footer-partners img{width:97vw;max-height:78px;opacity:.66}}
/* =========================================================
v3.3.3 · MOBILE RESPONSIVE FIX
Desktop geometry remains unchanged (>760px).
========================================================= */
@media (max-width:760px){
html,body{min-width:0;overflow-x:hidden}
body{background:radial-gradient(circle at 50% 35%,#fff 0,#f7f6f2 42%,#eeede8 100%)}
.page{width:calc(100% - 28px);min-height:100svh}
header{height:auto;min-height:72px;padding:12px 0;gap:10px;align-items:flex-start}
.signature{flex:0 0 auto;padding-top:2px}
.signature strong{font-size:10px;letter-spacing:.18em}
.signature span{font-size:6.5px;letter-spacing:.18em}
.header-actions{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:52%}
.about-trigger{font-size:6.5px!important;letter-spacing:.14em!important;white-space:nowrap;padding:5px 0!important}
.service-trigger{padding:4px 0 4px 6px!important;max-width:100%}
.service-trigger span{font-size:6px!important;letter-spacing:.12em!important;white-space:nowrap}
.service-panel{top:54px;right:0;width:min(290px,calc(100vw - 28px))}
.intro{position:relative;top:auto;left:auto;padding:25px 2px 4px;text-align:center;z-index:5}
.intro p{font-size:7px;letter-spacing:.28em;margin-bottom:9px}
.intro h1{font-size:clamp(28px,9vw,38px);line-height:1.04}
.orbit{width:100%;height:690px;min-height:690px;margin:0 auto 8px;overflow:visible}
.rings{opacity:.72}
.rings:before{inset:20% 3%}
.rings:after,.rings i:nth-child(1),.orbit-dot{display:none!important}
.orbit:before{inset:22% 7%;opacity:.65}
.core{left:50%;top:40%;width:142px;height:142px;transform:translate(-50%,-50%)!important}
.core strong{font-size:17px;letter-spacing:.1em}
.core span{font-size:5.8px;margin-bottom:6px}
.core small{font-size:5.8px;line-height:1.55;margin-top:8px}
.core-tagline{font-size:4.2px!important;line-height:1.4!important;max-width:112px!important;margin-top:6px!important}
.node{width:112px!important;margin:0!important;filter:none}
.disc,.disc:after,.node-desktop .disc,.node-desktop .disc:after{width:94px!important;height:94px!important}
.node-name{margin-top:9px;font-size:7.2px;letter-spacing:.15em;white-space:nowrap}
.node-ia{left:50%!important;right:auto!important;top:3%!important;transform:translateX(-50%)!important}
.node-files{left:2%!important;right:auto!important;top:42%!important;transform:translateY(-50%)!important}
.node-optic{right:2%!important;left:auto!important;top:42%!important;transform:translateY(-50%)!important}
.node-desktop{left:50%!important;right:auto!important;top:62%!important;bottom:auto!important;transform:translateX(-50%)!important}
.desktop-mark{width:58px!important;height:58px!important}
.desktop-mark strong{font-size:8px!important}
.desktop-mark small{font-size:5px!important}
.orbit.has-active .node,.orbit.has-active .node.active,.orbit.has-active .node:not(.active),
.orbit[data-active-node] .node{margin:0!important}
.orbit.has-active .node:not(.active){opacity:.68!important;filter:saturate(.86)!important}
.orbit.has-active .node.active{opacity:1!important;filter:none!important}
.connector{height:112px!important;opacity:.55}
.c4{height:112px!important}
.connector:before,.connector:after{display:none!important}
.hover-card,.micro-label,.future-node{display:none!important}
.info{left:50%!important;right:auto!important;bottom:1.5%!important;transform:translateX(-50%)!important;width:min(94%,360px)!important;text-align:center!important;padding:0 8px}
.info span:first-child{font-size:6px;letter-spacing:.22em}
.info h2{font-size:14px;margin:6px 0}
.info p{font-size:9px;line-height:1.45;max-width:320px!important;margin:0 auto!important}
.info-action{font-size:6px;margin-top:8px}
.ecosystem-footer{min-height:104px!important;padding:7px 0 8px!important;gap:3px!important}
.footer-partners img{width:94vw!important;max-width:560px;max-height:64px!important;opacity:.62!important}
.footer-meta{font-size:5px!important;line-height:1.5;letter-spacing:.11em!important;gap:5px!important;padding:0 4px;text-align:center}
.footer-meta i{width:6px!important;flex-basis:6px!important}
.ecosystem-version{width:auto!important;margin-top:0!important}
}
@media (max-width:390px){
.page{width:calc(100% - 20px)}
.signature span{display:none}
.header-actions{max-width:58%}
.orbit{height:660px;min-height:660px}
.core{top:39%;width:132px;height:132px}
.node{width:104px!important}
.disc,.disc:after,.node-desktop .disc,.node-desktop .disc:after{width:86px!important;height:86px!important}
.node-files{left:0!important}.node-optic{right:0!important}
.node-desktop{top:61%!important}
.info{bottom:1%!important}
}
/* v3.3.4 · MOBILE CLEAN LAYOUT — authoritative mobile override */
@media (max-width:760px){
.page{width:calc(100% - 32px)!important;margin:0 auto!important;min-height:100svh!important}
.intro{padding:28px 0 14px!important;text-align:center!important}
.intro h1{font-size:clamp(31px,9.2vw,42px)!important;line-height:1.02!important;margin:0!important}
.intro p{margin:0 0 10px!important}
.orbit{
display:grid!important;
grid-template-columns:1fr 1fr!important;
grid-template-rows:auto auto auto auto!important;
column-gap:20px!important;
row-gap:30px!important;
width:100%!important;
height:auto!important;
min-height:0!important;
padding:8px 0 30px!important;
overflow:visible!important;
align-items:start!important;
}
.rings,.connector,.orbit-dot,.orbit:before{display:none!important}
.core{
position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
grid-column:1/-1!important;grid-row:1!important;
width:154px!important;height:154px!important;
margin:0 auto 10px!important;transform:none!important;
}
.core strong{font-size:18px!important}
.node{
position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
width:100%!important;transform:none!important;margin:0!important;
display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
}
.node-ia{grid-column:1!important;grid-row:2!important}
.node-optic{grid-column:2!important;grid-row:2!important}
.node-files{grid-column:1!important;grid-row:3!important}
.node-desktop{grid-column:2!important;grid-row:3!important}
.node .disc,.node-desktop .disc{width:116px!important;height:116px!important;margin:0 auto!important}
.node .disc:after,.node-desktop .disc:after{width:auto!important;height:auto!important;inset:-10px!important}
.node-name{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:11px 0 0!important;font-size:7.5px!important;letter-spacing:.16em!important;text-align:center!important;white-space:nowrap!important}
.desktop-mark{width:70px!important;height:70px!important}
.info{
position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
grid-column:1/-1!important;grid-row:4!important;
width:min(100%,390px)!important;margin:4px auto 0!important;padding:20px 14px 0!important;
transform:none!important;text-align:center!important;border-top:1px solid rgba(23,34,43,.07)!important;
}
.info h2{font-size:15px!important}.info p{font-size:9px!important}
.hover-card,.micro-label,.future-node{display:none!important}
.ecosystem-footer{margin-top:0!important;min-height:100px!important}
}
@media (max-width:390px){
.page{width:calc(100% - 24px)!important}
.orbit{column-gap:12px!important;row-gap:26px!important}
.core{width:144px!important;height:144px!important}
.node .disc,.node-desktop .disc{width:104px!important;height:104px!important}
.intro h1{font-size:32px!important}
}
/* v3.4 · MEDHUB LIVE — fifth ecosystem module */
.node-live{left:27%;bottom:5%;transform:translateX(-50%)}
.node-live .disc img{max-width:88%;max-height:72%;object-fit:contain;mix-blend-mode:multiply}
.node-live .hover-card{left:calc(100% + 12px);top:8px}
.node-live{animation-delay:.76s!important}
.c4{transform:rotate(-30deg);height:195px}
.c5{transform:rotate(30deg);height:195px}
.node-desktop{left:73%;bottom:5%;transform:translateX(-50%)}
.node-desktop{animation-delay:.84s!important}
@media(min-width:851px){
.node-live{left:28%;bottom:2.5%}
.node-desktop{left:72%;bottom:2.5%}
.node-live .hover-card{left:calc(100% + 12px);top:-4px}
}
/* preserve stable transforms */
.node-live,.node-live:hover,.node-live:focus,.node-live.active,.orbit.has-active .node-live,.orbit.has-active .node-live.active{transform:translateX(-50%)!important}
/* authoritative mobile placement */
@media(max-width:760px){
.orbit{grid-template-rows:auto auto auto auto auto!important}
.node-live{grid-column:1!important;grid-row:4!important}
.node-desktop{grid-column:2!important;grid-row:4!important}
.info{grid-row:5!important}
}
/* v3.4.1 · MEDHUB LIVE: evita solapamiento con el panel descriptivo */
@media (min-width:851px) and (hover:hover) and (pointer:fine){
.node-live .hover-card{
left:auto!important;
right:calc(100% + 16px)!important;
top:-4px!important;
}
.node-live:hover .hover-card,.node-live:focus .hover-card{
transform:translateY(0) scale(1)!important;
}
.orbit[data-active-node="live"] .info{
right:-205px!important;
}
}
/* =========================================================
v3.4.2 · MOBILE GRID FIX — LIVE always inside viewport
Desktop remains unchanged.
========================================================= */
@media (max-width:760px){
.orbit{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
grid-template-rows:auto auto auto auto auto!important;
column-gap:18px!important;
row-gap:28px!important;
padding:8px 4px 24px!important;
box-sizing:border-box!important;
}
.node-live,
.node-live:hover,
.node-live:focus,
.node-live.active,
.orbit.has-active .node-live,
.orbit.has-active .node-live.active{
position:relative!important;
left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
transform:none!important;
margin:0!important;
}
.node-ia{grid-column:1!important;grid-row:2!important}
.node-optic{grid-column:2!important;grid-row:2!important}
.node-files{grid-column:1!important;grid-row:3!important}
.node-live{grid-column:2!important;grid-row:3!important}
.node-desktop{grid-column:1/-1!important;grid-row:4!important;width:50%!important;max-width:180px!important;justify-self:center!important}
.info{grid-column:1/-1!important;grid-row:5!important;margin-top:0!important}
.node-live .disc img{max-width:86%!important;max-height:68%!important}
}
@media (max-width:390px){
.orbit{column-gap:10px!important;row-gap:24px!important;padding-left:0!important;padding-right:0!important}
.node-desktop{width:54%!important}
.node-name{font-size:7px!important;letter-spacing:.14em!important}
}
/* =========================================================
v3.5 · MEDHUB MONITOR + MOBILE BROWSER GRID
========================================================= */
.node-monitor{left:50%;bottom:2.5%;transform:translateX(-50%);animation-delay:.80s!important}
.node-monitor .disc{background:linear-gradient(145deg,#fdfcf9,#eeece7)}
.node-monitor .disc img{max-width:66%;max-height:66%;object-fit:contain;mix-blend-mode:multiply}
.node-monitor .hover-card{left:calc(100% + 14px);top:-4px}
.node-monitor,.node-monitor:hover,.node-monitor:focus,.node-monitor.active,.orbit.has-active .node-monitor,.orbit.has-active .node-monitor.active{transform:translateX(-50%)!important}
.c4{transform:rotate(-34deg);height:195px}
.c5{transform:rotate(34deg);height:195px}
.c6{transform:rotate(0deg);height:205px}
@media(min-width:851px){
.node-live{left:21%;bottom:2.5%}
.node-monitor{left:50%;bottom:1.5%}
.node-desktop{left:79%;bottom:2.5%}
.node-monitor .hover-card{left:auto;right:calc(100% + 16px);top:-8px}
.future-node{top:99%}
}
@media (hover:hover) and (pointer:fine){
.node-monitor:hover{z-index:40}
.node-monitor:hover .hover-card,.node-monitor:focus .hover-card{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
}
/* On phones/tablets, the ecosystem becomes a true grid instead of an orbit.
This is intentionally the final authoritative mobile override. */
@media(max-width:760px){
html,body{width:100%;max-width:100%;overflow-x:hidden}
.page{width:min(100% - 24px,560px)!important;margin:0 auto!important;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
header{min-width:0;gap:8px}
.header-actions{min-width:0;gap:5px!important}
.about-trigger,.service-trigger{max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.intro{padding:26px 0 16px!important}
.orbit{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
grid-template-rows:auto auto auto auto auto!important;
column-gap:clamp(10px,4vw,20px)!important;
row-gap:clamp(22px,6vw,30px)!important;
width:100%!important;height:auto!important;min-height:0!important;
padding:8px 0 26px!important;overflow:visible!important;align-items:start!important;
}
.core{grid-column:1/-1!important;grid-row:1!important}
.node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important;min-width:0!important}
.node-ia{grid-column:1!important;grid-row:2!important}
.node-optic{grid-column:2!important;grid-row:2!important}
.node-files{grid-column:1!important;grid-row:3!important}
.node-live{grid-column:2!important;grid-row:3!important}
.node-monitor{grid-column:1!important;grid-row:4!important}
.node-desktop{grid-column:2!important;grid-row:4!important;width:100%!important;max-width:100%!important;justify-self:stretch!important}
.node-monitor,.node-monitor:hover,.node-monitor:focus,.node-monitor.active,.orbit.has-active .node-monitor,.orbit.has-active .node-monitor.active,
.node-live,.node-live:hover,.node-live:focus,.node-live.active,.orbit.has-active .node-live,.orbit.has-active .node-live.active{transform:none!important}
.info{grid-column:1/-1!important;grid-row:5!important;width:100%!important;max-width:390px!important}
.node .disc,.node-desktop .disc{width:clamp(96px,29vw,116px)!important;height:clamp(96px,29vw,116px)!important}
.node-monitor .disc img{max-width:68%!important;max-height:68%!important}
.node-name{font-size:clamp(6.7px,2.1vw,7.6px)!important;letter-spacing:.13em!important;max-width:100%;white-space:normal!important;line-height:1.35;min-height:20px}
.footer-partners img{max-width:100%!important;height:auto!important}
}
@media(max-width:390px){
.page{width:calc(100% - 18px)!important}
.orbit{column-gap:8px!important;row-gap:22px!important}
.node .disc,.node-desktop .disc{width:92px!important;height:92px!important}
.node-name{font-size:6.6px!important;letter-spacing:.11em!important}
.signature span{display:none}
}
/* MEDHUB CORE 3.6 · Prueba aislada · módulos y dashboards */
.core-inner .core-overline{font-size:7px;letter-spacing:.32em;color:#9abdc2;margin-bottom:7px}
.core-inner strong{font-size:clamp(31px,3.4vw,42px);font-weight:540;letter-spacing:.14em;line-height:1.15;color:#eaf3f3;text-shadow:0 0 24px rgba(133,194,202,.15)}
.core-inner .core-brand{margin-top:8px;font-size:11px;letter-spacing:.42em;color:#9fc2c7;font-weight:400}
.node-q .disc img,.node-sim .disc img{mix-blend-mode:normal!important;max-width:94%!important;max-height:66%!important;object-fit:contain}
.node-q .disc,.node-sim .disc{background:linear-gradient(145deg,#fff,#f2f2ef)}
.dashboard-orb{position:absolute;z-index:8;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#294957,#122c3b 80%);border:1px solid rgba(138,181,185,.32);box-shadow:0 8px 24px rgba(18,45,57,.17),inset 0 0 0 4px rgba(255,255,255,.04);color:#e8f0ef;text-decoration:none;font-size:8px;letter-spacing:.09em;font-weight:550;transition:transform .5s ease,box-shadow .5s ease}
.dashboard-orb:hover,.dashboard-orb:focus-visible{transform:scale(1.07);box-shadow:0 12px 30px rgba(18,45,57,.25);outline:2px solid #75adb4;outline-offset:3px}
@media(min-width:761px){
.orbit{width:min(1030px,85vw)!important;aspect-ratio:1/1!important}
.node-ia{left:50%!important;top:1%!important}
.node-optic{right:1%!important;top:33%!important}
.node-files{left:1%!important;top:33%!important}
.node-live{left:19%!important;top:69%!important;bottom:auto!important}
.node-q{left:81%!important;top:69%!important;transform:translateX(-50%)!important}
.node-sim{left:50%!important;top:76%!important;transform:translateX(-50%)!important}
.node-desktop{left:50%!important;bottom:-9%!important}
.dash-files{left:17%;top:39%}.dash-live{left:29%;top:77%}.dash-q{left:89%;top:77%}
.c6{transform:rotate(145deg)!important}.c7{transform:rotate(0deg)!important}
.node-q .hover-card,.node-sim .hover-card{display:none}
.info{right:-125px!important;bottom:5%!important}
}
@media(max-width:760px){
.orbit{grid-template-rows:repeat(6,auto)!important;row-gap:22px!important}
.node-q{grid-column:1!important;grid-row:4!important}
.node-sim{grid-column:2!important;grid-row:4!important}
.node-desktop{grid-column:1/-1!important;grid-row:5!important;justify-self:center!important;width:50%!important}
.info{grid-column:1/-1!important;grid-row:6!important}
.dashboard-orb{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;grid-row:auto!important;justify-self:center!important;margin-top:-20px!important;width:66px;height:66px;font-size:7px}
.dash-files{grid-column:1!important;grid-row:3!important;align-self:end!important;transform:translateY(64px)}
.dash-live{grid-column:2!important;grid-row:3!important;align-self:end!important;transform:translateY(64px)}
.dash-q{grid-column:1!important;grid-row:4!important;align-self:end!important;transform:translateY(64px)}
.node-files,.node-live,.node-q{padding-bottom:76px!important}
.node-q,.node-sim,.node-q:hover,.node-sim:hover{transform:none!important}
.core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center!important;margin:0 auto 12px!important}
.orbit .rings,.orbit .connector,.orbit .orbit-dot{display:none!important}
}
/* v3.7 · ecosistema compacto, seis módulos, rayos geométricos reales */
.core-rays{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.core-rays line{stroke:url(#rayGradient);stroke-width:2.1;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(64,150,163,.36))}
.core-rays circle{fill:#6caab4;filter:drop-shadow(0 0 4px rgba(53,139,159,.5))}
@media(min-width:761px){
.orbit{width:min(760px,78vw,76vh)!important;min-width:540px;aspect-ratio:1/1!important;min-height:0!important;margin:4px auto 130px!important;overflow:visible!important}
.orbit .rings{opacity:.6!important}
.orbit .connector{display:none!important}
.orbit .node{width:116px!important;height:auto!important;margin:0!important;z-index:5}
.orbit .node:not(.node-desktop) .disc{width:112px!important;height:112px!important}
.orbit .node-name{font-size:8px!important;letter-spacing:.18em!important;margin-top:8px!important}
.orbit .node-ia{left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-26%)!important}
.orbit .node-files{left:8%!important;top:27%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.orbit .node-optic{left:92%!important;top:27%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.orbit .node-live{left:13%!important;top:76%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.orbit .node-q{left:87%!important;top:76%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.orbit .node-sim{left:50%!important;top:96%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.orbit .core{width:190px!important;height:190px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:6}
.orbit .dashboard-orb{width:52px!important;height:52px!important;font-size:6px!important;letter-spacing:.04em!important;transform:translate(-50%,-50%)!important}
.orbit .dash-files{left:23%!important;top:27%!important;right:auto!important;bottom:auto!important}
.orbit .dash-live{left:28%!important;top:76%!important;right:auto!important;bottom:auto!important}
.orbit .dash-q{left:72%!important;top:76%!important;right:auto!important;bottom:auto!important}
.orbit .node-desktop{left:50%!important;top:calc(100% + 65px)!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important}
.orbit .node-desktop .disc{width:76px!important;height:76px!important}
.orbit .info{display:none!important}
.orbit .future-node{display:none!important}
.intro{position:relative;z-index:1}
}
@media(max-width:760px){
.core-rays{display:none!important}
.orbit{width:min(100%,560px)!important;aspect-ratio:auto!important;grid-template-rows:repeat(6,auto)!important;gap:18px 12px!important}
.orbit .node-ia{grid-column:1!important;grid-row:2!important}
.orbit .node-optic{grid-column:2!important;grid-row:2!important}
.orbit .node-files{grid-column:1!important;grid-row:3!important}
.orbit .node-live{grid-column:2!important;grid-row:3!important}
.orbit .node-q{grid-column:1!important;grid-row:4!important}
.orbit .node-sim{grid-column:2!important;grid-row:4!important}
.orbit .dashboard-orb{width:54px!important;height:54px!important;margin:3px auto 0!important;position:relative!important;grid-row:auto!important}
.orbit .dash-files{grid-column:1!important;grid-row:5!important}
.orbit .dash-live{grid-column:2!important;grid-row:5!important}
.orbit .dash-q{grid-column:1!important;grid-row:6!important}
.orbit .node-desktop{grid-column:2!important;grid-row:6!important;justify-self:center!important}
.orbit .node-files,.orbit .node-live,.orbit .node-q{padding-bottom:0!important}
.orbit .info{grid-column:1/-1!important;grid-row:7!important}
}
/* v3.8: estructura orbital estable, tipografía refinada y descargas independientes */
@media(min-width:761px){
.orbit{width:min(810px,76vw,76vh)!important;min-width:570px!important;aspect-ratio:1!important;margin:12px auto 25px!important;overflow:visible!important}
.orbit .node{animation:none!important;transition:filter .4s ease!important;width:140px!important;transform-origin:center!important}
.orbit .node:not(.node-desktop) .disc{width:134px!important;height:134px!important}
.orbit .node-name{font-size:9px!important;letter-spacing:.19em!important;margin-top:8px!important;position:relative!important;top:auto!important;bottom:auto!important;line-height:1.4!important}
.orbit .node-ia{left:50%!important;top:0!important;transform:translate(-50%,-18%)!important}
.orbit .node-files{left:8%!important;top:29%!important;transform:translate(-50%,-50%)!important}
.orbit .node-optic{left:92%!important;top:29%!important;transform:translate(-50%,-50%)!important}
.orbit .node-live{left:13%!important;top:76%!important;transform:translate(-50%,-50%)!important}
.orbit .node-q{left:87%!important;top:76%!important;transform:translate(-50%,-50%)!important}
.orbit .node-sim{left:50%!important;top:98%!important;transform:translate(-50%,-50%)!important}
.orbit .dashboard-orb{width:56px!important;height:56px!important;font-size:6.5px!important;transform:translate(-50%,-50%)!important;animation:none!important}
.orbit .dash-files{left:24%!important;top:29%!important}
.orbit .dash-live{left:29%!important;top:76%!important}
.orbit .dash-q{left:71%!important;top:76%!important}
.orbit .core{width:205px!important;height:205px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;animation:none!important}
.orbit .node-desktop{display:none!important}
.orbit .rings{opacity:.45!important}
.intro{margin-bottom:0!important}
}
.orbit .node .disc,.orbit .core,.orbit .dashboard-orb{animation:none!important}
.core-inner strong{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(38px,4vw,55px)!important;font-weight:400!important;letter-spacing:.105em!important;line-height:1.08!important}
.core-inner .core-brand{font-size:10px!important;letter-spacing:.46em!important}
.core-rays line{stroke:#6daeb9!important;stroke-width:3.2!important;stroke-opacity:.8!important;filter:drop-shadow(0 0 4px rgba(55,154,179,.42))!important}
.core-rays circle{fill:#559eaf!important}
.core-downloads{position:relative;z-index:12;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin:38px auto 52px;padding:16px 20px;width:fit-content;max-width:95%;border:1px solid rgba(83,132,143,.24);border-radius:22px;background:rgba(255,255,255,.52)}
.core-downloads>span{font-size:10px;letter-spacing:.23em;color:#37606b;margin-right:8px}
.core-downloads>a{display:flex;align-items:center;gap:12px;border:1px solid #bdd0d0;border-radius:22px;padding:12px 20px;background:#163748;color:white;text-decoration:none;font-size:13px;white-space:nowrap}
.core-downloads>a small{font-size:8px;letter-spacing:.12em;color:#c6e0e1}
.core-downloads>a:hover,.core-downloads>a:focus-visible{background:#285566;outline:2px solid #71a5b1;outline-offset:3px}
@media(max-width:760px){.orbit .node-desktop{display:none!important}.orbit .dashboard-orb{transform:none!important}.core-downloads{margin:20px auto 36px;gap:10px;padding:14px}.core-downloads>span{width:100%;text-align:center}.core-downloads>a{padding:11px 14px}.orbit .node-name{min-height:0!important}.orbit .node{animation:none!important}}
@media(prefers-reduced-motion:reduce){.core-rays line,.orbit *{animation:none!important}}
/* v3.9: corrección de geometría, visibilidad y estabilidad. */
.orbit .node,.orbit .disc,.orbit .core,.orbit .dashboard-orb{animation:none!important;transition:box-shadow .3s ease,filter .3s ease!important}
.orbit .future-node,.orbit .node-desktop,.orbit .info{display:none!important}
.orbit .micro-label{display:none!important}
.orbit .node-name{white-space:nowrap!important;text-align:center!important;display:block!important;opacity:1!important}
.orbit .core-rays{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;pointer-events:none!important;overflow:visible!important}
.orbit .core-rays line{stroke:#3f95aa!important;stroke-width:3.4!important;stroke-opacity:.82!important;filter:drop-shadow(0 0 3px #6baebe)!important}
.orbit .core-rays circle{fill:#357f91!important}
.orbit .rings{pointer-events:none!important}
.core-inner strong{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:.12em!important}
.core-downloads{margin:22px auto 38px!important;max-width:calc(100% - 32px)!important}
@media(min-width:761px){
.page{overflow-x:clip!important}
.intro{position:relative!important;z-index:8!important;margin-bottom:0!important}
.orbit{position:relative!important;display:block!important;width:min(760px,70vw,70vh)!important;min-width:0!important;aspect-ratio:1!important;min-height:0!important;margin:8px auto 40px!important;overflow:visible!important}
.orbit .node{position:absolute!important;width:132px!important;height:auto!important;margin:0!important;z-index:6!important}
.orbit .node:not(.node-desktop) .disc{width:126px!important;height:126px!important;margin:auto!important}
.orbit .node-name{font-size:9px!important;letter-spacing:.16em!important;margin-top:8px!important;line-height:1.3!important}
.orbit .node-ia{left:50%!important;top:3%!important;transform:translate(-50%,-50%)!important}
.orbit .node-files{left:10%!important;top:29%!important;transform:translate(-50%,-50%)!important}
.orbit .node-optic{left:90%!important;top:29%!important;transform:translate(-50%,-50%)!important}
.orbit .node-live{left:10%!important;top:74%!important;transform:translate(-50%,-50%)!important}
.orbit .node-q{left:90%!important;top:74%!important;transform:translate(-50%,-50%)!important}
.orbit .node-sim{left:50%!important;top:99%!important;transform:translate(-50%,-50%)!important}
.orbit .core{position:absolute!important;width:210px!important;height:210px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:7!important}
.orbit .dashboard-orb{position:absolute!important;width:58px!important;height:58px!important;font-size:7px!important;letter-spacing:.04em!important;z-index:8!important;transform:translate(-50%,-50%)!important;margin:0!important}
.orbit .dash-files{left:25%!important;top:29%!important}
.orbit .dash-live{left:25%!important;top:74%!important}
.orbit .dash-q{left:75%!important;top:74%!important}
}
@media(max-width:760px){
.orbit{position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important;width:min(100% - 24px,520px)!important;min-height:0!important;aspect-ratio:auto!important;margin:24px auto!important;overflow:visible!important}
.orbit .core{grid-column:1/-1!important;grid-row:1!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center!important;width:185px!important;height:185px!important}
.orbit .node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;justify-self:center!important;width:100%!important;max-width:150px!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.orbit .node:not(.node-desktop) .disc{width:116px!important;height:116px!important}
.orbit .node-ia{grid-column:1!important;grid-row:2!important}.orbit .node-optic{grid-column:2!important;grid-row:2!important}
.orbit .node-files{grid-column:1!important;grid-row:3!important}.orbit .node-live{grid-column:2!important;grid-row:3!important}
.orbit .node-q{grid-column:1!important;grid-row:5!important}.orbit .node-sim{grid-column:2!important;grid-row:5!important}
.orbit .dashboard-orb{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:58px!important;height:58px!important;margin:0 auto!important;justify-self:center!important}
.orbit .dash-files{grid-column:1!important;grid-row:4!important}.orbit .dash-live{grid-column:2!important;grid-row:4!important}.orbit .dash-q{grid-column:1!important;grid-row:6!important}
.orbit .core-rays,.orbit .rings{display:none!important}
.orbit .node-name{font-size:9px!important;letter-spacing:.12em!important;margin-top:7px!important}
.core-downloads{width:min(100% - 24px,460px)!important;gap:9px!important;margin:18px auto 32px!important}
}
/* v4.0 - Layout definitivo: geometría fija, sin flechas flotantes ni tarjetas invasivas */
@media (min-width:761px){
.page{min-height:100dvh}
.intro{top:clamp(115px,17vh,165px)!important;pointer-events:none}
.orbit{display:block!important;position:relative!important;width:min(620px,calc(100dvh - 270px),65vw)!important;min-width:430px!important;aspect-ratio:1!important;height:auto!important;min-height:0!important;margin:35px auto 18px!important;overflow:visible!important;isolation:isolate!important}
.orbit .core{left:50%!important;top:50%!important;width:clamp(155px,29%,195px)!important;height:auto!important;aspect-ratio:1!important;transform:translate(-50%,-50%)!important;z-index:7!important}
.orbit .node{position:absolute!important;width:clamp(108px,20%,132px)!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;opacity:1!important;filter:none!important;transition:none!important;animation:none!important;z-index:6!important}
.orbit .node .disc{width:100%!important;height:auto!important;aspect-ratio:1!important;margin:0 auto!important}
.orbit .node-ia{left:50%!important;top:3%!important;transform:translate(-50%,-50%)!important}
.orbit .node-files{left:8%!important;top:28%!important;transform:translate(-50%,-50%)!important}
.orbit .node-optic{left:92%!important;top:28%!important;transform:translate(-50%,-50%)!important}
.orbit .node-live{left:8%!important;top:74%!important;transform:translate(-50%,-50%)!important}
.orbit .node-q{left:92%!important;top:74%!important;transform:translate(-50%,-50%)!important}
.orbit .node-sim{left:50%!important;top:98%!important;transform:translate(-50%,-50%)!important}
.orbit .node-name{position:relative!important;top:auto!important;bottom:auto!important;display:block!important;opacity:1!important;margin-top:7px!important;white-space:nowrap!important;font-size:9px!important;line-height:1.2!important;letter-spacing:.16em!important;text-align:center!important}
.orbit .dashboard-orb{position:absolute!important;width:clamp(43px,8%,52px)!important;height:auto!important;aspect-ratio:1!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:translate(-50%,-50%)!important;font-size:6px!important;letter-spacing:0!important;animation:none!important;z-index:9!important}
.orbit .dash-files{left:-10%!important;top:28%!important}
.orbit .dash-live{left:-10%!important;top:74%!important}
.orbit .dash-q{left:110%!important;top:74%!important}
.orbit .core-rays{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;display:block!important;overflow:visible!important}
.orbit .core-rays line{stroke:#428fa2!important;stroke-width:2.6!important;stroke-opacity:.85!important;filter:drop-shadow(0 0 3px rgba(62,151,168,.25))!important}
.orbit .core-rays circle{fill:#428fa2!important}
.orbit .hover-card{display:none!important}
.orbit.has-active .node:not(.active),.page.idle .node:not(.active){opacity:1!important;filter:none!important}
.orbit .rings{opacity:.35!important}
.orbit .connector,.orbit .orbit-dot,.orbit .node-desktop,.orbit .future-node,.orbit .info{display:none!important}
.core-downloads{margin:12px auto 28px!important;padding:10px 14px!important;gap:12px!important}
.core-downloads>a{padding:9px 15px!important}
}
@media (max-width:760px){
.orbit{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 12px!important;width:min(100% - 16px,490px)!important;min-width:0!important;height:auto!important;aspect-ratio:auto!important;margin:16px auto 24px!important;padding:0!important}
.orbit .core{position:relative!important;grid-column:1/-1!important;grid-row:1!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center!important;width:170px!important;height:170px!important}
.orbit .node{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;justify-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:160px!important;opacity:1!important;filter:none!important}
.orbit .node .disc{width:min(124px,100%)!important;height:auto!important;aspect-ratio:1!important}
.orbit .node-ia{grid-column:1!important;grid-row:2!important}.orbit .node-optic{grid-column:2!important;grid-row:2!important}
.orbit .node-files{grid-column:1!important;grid-row:3!important}.orbit .node-live{grid-column:2!important;grid-row:3!important}
.orbit .node-q{grid-column:1!important;grid-row:5!important}.orbit .node-sim{grid-column:2!important;grid-row:5!important}
.orbit .dashboard-orb{position:relative!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center!important;align-self:start!important;width:55px!important;height:55px!important;margin:0!important}
.orbit .dash-files{grid-column:1!important;grid-row:4!important}.orbit .dash-live{grid-column:2!important;grid-row:4!important}.orbit .dash-q{grid-column:1!important;grid-row:6!important}
.orbit .core-rays,.orbit .rings,.orbit .connector,.orbit .orbit-dot,.orbit .info,.orbit .node-desktop,.orbit .future-node{display:none!important}
.orbit .node-name{position:relative!important;display:block!important;opacity:1!important;margin-top:7px!important;font-size:9px!important;white-space:nowrap!important;text-align:center!important}
.orbit .hover-card{display:none!important}
.intro{position:relative!important;top:auto!important;left:auto!important;padding:25px 0 10px!important}
.core-downloads{margin:12px auto 28px!important}
}
.core-inner strong{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:.13em!important;font-size:clamp(34px,4vw,52px)!important}
.core-inner .core-brand{letter-spacing:.4em!important;font-size:9px!important}
/* v4.1: visibilidad del núcleo, estabilidad, tarjetas y rayos premium */
.orbit .core{opacity:1!important;visibility:visible!important;animation:none!important;filter:none!important;transform:translate(-50%,-50%)!important;background:#102b39!important;border-radius:50%!important;box-shadow:0 0 0 7px rgba(230,243,244,.8),0 0 0 9px rgba(80,145,161,.23),0 16px 45px rgba(13,51,65,.22)!important}
.orbit .core-inner{height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;color:#fff!important}
.orbit .core-inner strong{color:#e7d3bb!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(34px,4vw,53px)!important;letter-spacing:.08em!important;font-weight:400!important}
.orbit .core-overline{color:#c1dbe2!important;font-size:8px!important;letter-spacing:.27em!important}
.orbit .core-brand{color:#d6e9ee!important;font-size:11px!important;letter-spacing:.35em!important;margin-top:5px!important}
.orbit .core-tagline{color:#b7cbd0!important;font-size:6px!important;letter-spacing:.12em!important;max-width:145px!important;text-align:center!important;line-height:1.6!important;margin-top:9px!important}
.orbit .core-tech,.orbit .core-inner:before,.orbit .core-inner:after{display:none!important}
.orbit .node,.orbit .node .disc,.orbit .rings,.orbit .dashboard-orb{animation:none!important;transition:box-shadow .25s ease!important}
.orbit .node{opacity:1!important;filter:none!important}
.orbit .node:hover .disc,.orbit .node:focus-visible .disc{transform:none!important;box-shadow:0 12px 32px rgba(25,69,82,.16),0 0 0 3px rgba(85,151,166,.16)!important}
.orbit .core-rays line{stroke:#519caf!important;stroke-width:2!important;stroke-opacity:.75!important;filter:drop-shadow(0 0 2px rgba(76,170,193,.35))!important}
.orbit .core-rays circle{fill:#81c2d0!important}
.orbit .hover-card{display:block!important;opacity:0!important;visibility:hidden!important;position:absolute!important;z-index:40!important;width:230px!important;max-width:230px!important;transform:none!important;pointer-events:none!important;box-shadow:0 14px 34px rgba(30,60,70,.13)!important}
@media(hover:hover) and (pointer:fine){.orbit .node:hover .hover-card,.orbit .node:focus-visible .hover-card{opacity:1!important;visibility:visible!important}}
@media(min-width:761px){
.intro{position:absolute!important;top:185px!important;left:max(35px,calc((100vw - 1400px)/2))!important;z-index:4!important;max-width:285px!important;animation:none!important;transform:none!important}
.intro h1{font-size:clamp(28px,2.6vw,42px)!important;line-height:1.12!important;letter-spacing:-.045em!important;white-space:nowrap!important;margin:0!important}
.intro p{margin-bottom:12px!important}
.orbit{margin-top:55px!important;margin-bottom:45px!important}
.orbit .node-files .hover-card,.orbit .node-live .hover-card{left:auto!important;right:calc(100% + 17px)!important;top:0!important}
.orbit .node-ia .hover-card{left:calc(100% + 15px)!important;top:5px!important}
.orbit .node-optic .hover-card,.orbit .node-q .hover-card{right:auto!important;left:calc(100% + 17px)!important;top:0!important}
.orbit .node-sim .hover-card{left:calc(100% + 17px)!important;top:0!important}
}
@media(max-width:760px){
.orbit .core{transform:none!important}
.intro{position:relative!important;top:auto!important;left:auto!important;max-width:100%!important;animation:none!important;transform:none!important}
.intro h1{font-size:clamp(29px,7vw,38px)!important;line-height:1.13!important;white-space:normal!important}
.orbit .hover-card{display:none!important}
}
/* v4.2 — Esferas completamente inmóviles; interacción informativa intacta */
.orbit .node, .orbit .node .disc, .orbit .node .disc::before, .orbit .node .disc::after,
.orbit .dashboard-orb, .orbit .core, .orbit .core-inner, .orbit .rings, .orbit .rings *,
.orbit .node .module-signature {animation:none!important;transition:none!important;}
.orbit .node:hover, .orbit .node:focus, .orbit .node.active,
.orbit .node:hover .disc, .orbit .node:focus .disc, .orbit .node.active .disc {animation:none!important;}
.orbit .node .disc {transform:none!important;}
.orbit .node:hover .disc,.orbit .node:focus-visible .disc {transform:none!important;}
.orbit .dashboard-orb:hover,.orbit .dashboard-orb:focus-visible{filter:brightness(1.08);}