/* Ecosistema conectado: profundidad, señal y estados activos */
.showcase{background:radial-gradient(ellipse at 50% 70%,#102d38 0%,#0d1118 36%,#090b10 74%)}.showcase-grid{opacity:.72;background-size:58px 58px}.showcase:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(0deg,#05070b99,transparent);pointer-events:none}.showcase-content{z-index:1}.network{height:338px;perspective:800px}.network:before{content:"";position:absolute;left:50%;top:50%;width:172px;height:172px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,229,230,.16);box-shadow:0 0 45px rgba(0,229,230,.08),inset 0 0 40px rgba(0,229,230,.03);animation:signalOrbit 8s linear infinite}.network:after{content:"";position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(139,93,255,.18);animation:signalOrbit 19s linear infinite reverse}.network svg{filter:drop-shadow(0 0 5px rgba(0,229,230,.25))}.network path{stroke:rgba(0,225,230,.6);stroke-width:1.2;stroke-dasharray:5 8;animation:dataFlow 3.4s linear infinite}.node{min-width:112px;min-height:47px;padding:9px 12px 9px 38px;border-radius:12px;border-color:rgba(159,171,190,.35);background:linear-gradient(135deg,rgba(31,37,48,.9),rgba(12,15,22,.82));backdrop-filter:blur(10px);box-shadow:inset 1px 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.32);font-weight:500;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.node:not(.center):before{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:linear-gradient(135deg,#0ee2e3,#317eff);font:11px Arial;color:#071017;box-shadow:0 0 12px rgba(0,229,230,.5)}.n1:before{content:"↗"}.n2:before{content:"▦"}.n3:before{content:"⌁"}.n4:before{content:"♙"}.n5:before{content:"◫"}.node:not(.center):after{content:"";position:absolute;right:11px;top:50%;width:5px;height:5px;border-radius:50%;background:#55f1a0;box-shadow:0 0 8px #55f1a0;transform:translateY(-50%)}.node:hover{transform:translateY(-5px) scale(1.04)!important;border-color:rgba(0,229,230,.8);box-shadow:inset 1px 1px 0 rgba(255,255,255,.13),0 16px 36px rgba(0,229,230,.18)}.node.center{z-index:3;width:122px;height:122px;left:calc(50% - 61px);top:calc(50% - 61px);padding:0;border-color:rgba(0,229,230,.8);background:radial-gradient(circle at 35% 30%,#173c48,#081116 67%);box-shadow:0 0 0 9px rgba(0,229,230,.04),0 0 46px rgba(0,229,230,.24),inset 0 0 24px rgba(0,229,230,.18);animation:coreBreathe 4s ease-in-out infinite}.node.center:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 14px rgba(255,255,255,.06)}.node.center b{font-size:49px;text-shadow:0 0 20px rgba(0,229,230,.75);z-index:1}.node.center small{z-index:1;letter-spacing:1.8px;margin-top:-31px;color:#d0fafa}.n1{animation:nodeFloat 5.5s ease-in-out infinite}.n2{animation:nodeFloat 5.2s -1.2s ease-in-out infinite}.n3{animation:nodeFloat 5.8s -.6s ease-in-out infinite}.n4{animation:nodeFloat 5s -2s ease-in-out infinite}.n5{animation:nodeFloat 6s -3s ease-in-out infinite}.showcase h2{text-shadow:0 0 35px rgba(34,153,255,.1)}@keyframes dataFlow{to{stroke-dashoffset:-52}}@keyframes signalOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coreBreathe{50%{transform:scale(1.06);box-shadow:0 0 0 14px rgba(0,229,230,.025),0 0 68px rgba(0,229,230,.34),inset 0 0 28px rgba(0,229,230,.22)}}@keyframes nodeFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}@media(max-width:800px){.network{height:320px}.node{min-width:95px;font-size:9px;padding-left:33px}.node:not(.center):before{left:9px}.node.center{min-width:112px;height:112px}.showcase{min-height:640px}}