#inicio .network-map>svg { opacity:.8; }
#inicio .network-map>svg>image { opacity:.24; }
#neural-canvas { position:absolute; inset:0; pointer-events:none; }
#inicio .network-map::after { background:radial-gradient(ellipse 34% 68% at 50% 49%,rgba(5,16,31,.92) 0%,rgba(5,16,31,.73) 44%,rgba(5,16,31,.04) 90%,transparent 100%),linear-gradient(0deg,#081525 0%,transparent 14%,transparent 90%,#081525); }
#inicio .network-label { display:none; }
.network-console { position:absolute; left:32px; right:32px; bottom:18px; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:16px; font:10px ui-monospace,monospace; color:#a1bbd8; letter-spacing:.06em; pointer-events:none; }
.network-console-info { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.network-console-label { color:#bfcee1; }
.network-legend { display:inline-flex; align-items:center; gap:6px; font-size:9px; }
.network-legend::before { content:""; width:5px; height:5px; border-radius:50%; background:#66b9ff; box-shadow:0 0 8px #66b9ff70; }
.network-legend[data-flow="service"]::before { background:#4adcd1; }.network-legend[data-flow="ai"]::before { background:#a296ff; }
#network-motion { pointer-events:auto; cursor:pointer; color:#c0d4ed; border:1px solid #49658480; border-radius:5px; padding:7px 10px; background:#0b1c2fcc; font:10px Manrope,system-ui,sans-serif; white-space:nowrap; }
#network-motion:hover { background:#1b3552; }#network-motion[hidden] { display:none; }
@media(max-width:767px){ .network-console { left:18px; right:18px; bottom:12px; font-size:8px; gap:8px; }.network-console-info { gap:7px; }.network-console .network-legend { display:none; }#network-motion{font-size:9px;padding:6px 8px;}#inicio { padding-bottom:72px; }#inicio .network-map::after { background:radial-gradient(ellipse 65% 72% at 50% 48%,rgba(5,16,31,.9),rgba(5,16,31,.68) 55%,rgba(5,16,31,.12)),linear-gradient(0deg,#081525,transparent 20%,transparent 86%,#081525); } }
/* Drag to explore the world map. */
#inicio { cursor:grab; touch-action:pan-y; }
#inicio.map-dragging, #inicio.map-dragging * { cursor:grabbing !important; user-select:none; -webkit-user-select:none; }
#inicio a, #inicio button, #inicio .hero-shot { cursor:pointer; }
#inicio .network-map>svg { overflow:visible; will-change:transform; }
.network-drag-hint { display:inline-flex; align-items:center; gap:6px; color:#8fb1d8; font-size:9px; }
.network-drag-hint::before { content:"↔"; font-size:11px; color:#a7cbff; }