.infrastructure-section{padding:90px 0;background:#f0f6f6;border-top:1px solid #deebe9}.infra-explorer{display:grid;grid-template-columns:1fr 1.12fr;gap:45px;align-items:start}.explore-label{font-size:9px;letter-spacing:1.6px;color:#526675;margin:0 0 14px}.infra-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px}.infra-tabs button{display:flex;align-items:center;gap:10px;min-height:66px;text-align:left;border:1px solid #cddfdf;background:#fff;color:#284654;border-radius:6px;padding:13px;font-size:12px;cursor:pointer;font-weight:600}.infra-tabs button>span:first-child{font-size:10px;color:#527b7a}.infra-tabs button>span:last-child{margin-left:auto}.infra-tabs button[aria-selected=true]{background:#0b2b38;color:#fff;border-color:#0b2b38;box-shadow:inset 3px 0 #09d5b0}.infra-tabs button[aria-selected=true]>span{color:#09d5b0}.infra-tabs button:hover{border-color:#009d86}#infra-panel{min-height:335px}#infra-panel h3{font-size:25px;letter-spacing:-.7px;margin:0 0 15px;line-height:1.3}#infra-description{font-size:14px;line-height:1.8;color:#526675}#infra-list{list-style:none;padding:0;margin:20px 0;font-size:13px;line-height:1.7;color:#36515f}#infra-list li{padding:5px 0 5px 22px;position:relative}#infra-list li:before{content:'✓';color:#008472;position:absolute;left:0}#infra-tags{justify-content:start;margin-bottom:26px}#infra-tags span{font-size:10px;padding:8px 11px}#infra-cta{font-size:12px;padding:15px 19px}.infra-scene{background:radial-gradient(ellipse at 50% 55%,#124851,#081e2d 75%);color:#fff;border-radius:16px;overflow:hidden;border:1px solid #224653;position:sticky;top:115px}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 0;gap:12px}.scene-top>span{font-size:8px;letter-spacing:1.2px;color:#a1c4ca}#motion-toggle{font-size:10px;border:1px solid #557a83;color:#cce6e6;background:#ffffff08;padding:8px 10px;border-radius:5px;cursor:pointer;white-space:nowrap}.network-art{position:relative;height:410px;margin:10px 0;isolation:isolate}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#62d5c908 1px,transparent 1px),linear-gradient(90deg,#62d5c908 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.network-lines path{stroke:#3f8a8b;stroke-width:1.2;fill:none}.network-lines path.flow-line{stroke:#23e3c2;stroke-width:2;stroke-dasharray:5 26;animation:data-flow 4s linear infinite}.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:1px solid #0db99d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#195e62,#0b2b38);box-shadow:0 0 0 12px #0ab79e08,0 0 50px #09d5b022}.network-core:after{content:'';position:absolute;inset:-13px;border:1px solid #1caf9d45;border-radius:50%;animation:core-breathe 5s ease-in-out infinite}.core-mark{font-family:Manrope,Arial,sans-serif;font-weight:800;font-style:italic;font-size:40px;line-height:1;color:#09d5b0}.network-core strong{font-size:18px;margin-top:5px}.network-core small{font-size:6px;letter-spacing:1.4px;color:#b4d2d9;margin-top:7px}.network-node{position:absolute;transform:translate(-50%,-50%);width:131px;min-height:103px;background:#0c2b3b;border:1px solid #2f5260;border-radius:10px;padding:12px 7px;text-align:center;box-shadow:0 14px 30px #0003;transition:background .25s,border-color .25s,box-shadow .25s}.network-node strong{display:block;font-size:12px;margin:6px 0}.network-node small{display:block;font-size:8px;color:#a3bcc9}.node-symbol{font-size:24px;line-height:1;color:#76a6b2}.node-servidores{left:18%;top:22.5%}.node-virtualizacion{left:82%;top:22.5%}.node-redes{left:18%;top:77.5%}.node-monitoreo{left:82%;top:77.5%}.infra-scene[data-active=servidores] .node-servidores,.infra-scene[data-active=virtualizacion] .node-virtualizacion,.infra-scene[data-active=redes] .node-redes,.infra-scene[data-active=monitoreo] .node-monitoreo{border-color:#09d5b0;background:#12433f;box-shadow:0 0 25px #09d5b020}.infra-scene[data-active=servidores] .node-servidores .node-symbol,.infra-scene[data-active=virtualizacion] .node-virtualizacion .node-symbol,.infra-scene[data-active=redes] .node-redes .node-symbol,.infra-scene[data-active=monitoreo] .node-monitoreo .node-symbol{color:#09d5b0}.scene-caption{font-size:11px;line-height:1.9;text-align:center;color:#cbdddd;margin:0;padding:0 20px 25px}.scene-caption span{font-size:9px;color:#8aabb6}.infra-bottom{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #cededc;margin-top:38px;padding-top:25px;font-size:11px;color:#47616c}.infra-bottom a{color:#007964;font-weight:700;white-space:nowrap}.infra-bottom span:before{content:'·';color:#009d86;padding-right:8px}.orbit-one:after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#09d5b0;box-shadow:0 0 15px #09d5b0}.orbit-one{animation:orbit-turn 28s linear infinite}.rack{animation:rack-float 7s ease-in-out infinite}.storage{animation:storage-float 7s ease-in-out -3s infinite}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@keyframes data-flow{to{stroke-dashoffset:-124}}@keyframes core-breathe{50%{transform:scale(1.07);opacity:.4}}@keyframes orbit-turn{from{transform:rotate(-35deg)}to{transform:rotate(325deg)}}@keyframes rack-float{50%{transform:skewY(-7deg) translateY(-8px)}}@keyframes storage-float{50%{transform:translateY(-6px)}}
@media(max-width:1100px){.nav nav{gap:16px;font-size:11px}.infra-explorer{gap:25px}.network-node{width:112px}.scene-top{padding:19px 15px 0}.scene-top>span{font-size:7px}.network-core{width:120px;height:120px}.infra-tabs button{font-size:11px;padding:10px}.infra-bottom{gap:15px}}
@media(max-width:900px){.infra-explorer{grid-template-columns:1fr}.infra-scene{position:relative;top:auto;max-width:620px;width:100%;margin:0 auto}.infra-tabs button{font-size:13px;padding:14px}#infra-panel{min-height:0}.infra-bottom{flex-wrap:wrap}.network-node{width:140px}.network-art{height:400px}.infrastructure-section{padding:65px 0}}
@media(max-width:760px){.nav nav{font-size:15px;gap:0}.network-node{width:112px;min-height:95px}.network-node small{font-size:7px}.network-node strong{font-size:11px}.network-art{height:340px}.network-core{width:102px;height:102px}.network-core strong{font-size:16px}.core-mark{font-size:30px}.network-core small{font-size:5px}.network-core:after{inset:-8px}.scene-top{gap:7px;padding:17px 12px 0}.scene-top>span{font-size:6px;letter-spacing:.8px}#motion-toggle{font-size:9px;padding:8px}.infra-tabs{gap:7px}.infra-tabs button{font-size:11px;padding:11px;min-height:64px}.infra-tabs button>span:first-child{font-size:9px}#infra-panel h3{font-size:24px}.infra-bottom{display:grid;gap:13px}.scene-caption{font-size:10px}.scene-caption span{font-size:8px}.infrastructure-section .section-heading{margin-bottom:25px}}
@media(max-width:380px){.network-node{width:92px;min-height:94px}.network-node strong{font-size:10px}.network-node small{font-size:6px}.node-servidores,.node-redes{left:17%}.node-virtualizacion,.node-monitoreo{left:83%}.infra-tabs button{font-size:10px;gap:7px}.network-core{width:90px;height:90px}.network-core strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.flow-line,.network-core:after,.orbit-one,.rack,.storage{animation:none!important}.network-node{transition:none}}