/*! BHGC Nexus Logistics — Obra de software y obra gráfica. © 2022-2026 JORGE ALBERTO BAEZ PEREZ. Todos los derechos reservados. Autoría verificable SHA-256: 43f31a1049af791677048c8a2bb0f5d19c081b4a267bf51a27e6c25b270cc69d · Registro: /autor · LFDA arts. 11, 13-IX, 21 y 164 · Convenio de Berna art. 5 */
.mi3-section{--mi3-stage-bg:hsl(var(--ink-surface));--mi3-label-size:.82rem;background:hsl(var(--ink-surface));border:1px solid hsl(var(--ink-border));border-radius:var(--radius);color:hsl(var(--ink-text));container:mi3-root/inline-size;display:block;margin-inline:auto;max-width:760px;overflow:hidden;position:relative;width:100%}.mi3-section,.mi3-section *,.mi3-section :after,.mi3-section :before{box-sizing:border-box}.mi3-inner{padding:26px 22px 30px;position:relative}.mi3-head{background:linear-gradient(to bottom,hsl(var(--ink-surface)) 0 58%,hsl(var(--ink-surface)/0));display:flex;flex-direction:column;gap:4px;margin:-26px -22px -34px;min-width:0;padding:26px 74px 34px;position:relative;text-align:center;z-index:3}.mi3-title{color:hsl(var(--ink-text));font-family:var(--font-display);font-size:clamp(1.05rem,.92rem + .5cqi,1.35rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.mi3-sub{color:hsl(var(--ink-muted));font-size:var(--mi3-label-size);line-height:1.45;margin:0}.mi3-controls{display:flex;flex-direction:column;gap:7px;position:absolute;right:22px;top:26px;z-index:4}.mi3-btn{background:hsl(var(--ink-surface));border:1px solid hsl(var(--ink-border));border-radius:0;color:hsl(var(--ink-muted));cursor:pointer;display:grid;height:36px;padding:0;place-items:center;position:relative;transition:color .18s ease,border-color .18s ease,background-color .18s ease;width:36px}.mi3-btn:after{content:"";inset:-4px;position:absolute}.mi3-btn:hover{border-color:hsl(var(--accent)/.6);color:hsl(var(--accent))}.mi3-btn:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.mi3-btn:disabled{cursor:default;opacity:.35}.mi3-btn svg{display:block;height:17px;width:17px}.mi3-btn-turn .mi3-icon-pause,.mi3-btn-turn[aria-pressed=true] .mi3-icon-rotate{display:none}.mi3-btn-turn[aria-pressed=true] .mi3-icon-pause{display:block}.mi3-stage{aspect-ratio:1/1;margin:18px auto 26px;max-width:420px;position:relative;width:100%;z-index:0}.mi3-stage:before{background:radial-gradient(circle at 38% 34%,hsl(var(--ink-inset)) 0 58%,hsl(var(--ink-border)));border-radius:50%;content:"";inset:0;position:absolute;transition:opacity .6s ease}.mi3-globe-layer{cursor:grab;inset:0;overflow:hidden;position:absolute;touch-action:pan-y;z-index:1}.mi3-globe-layer[data-mi3-dragging]{cursor:grabbing}.mi3-globe{display:block;height:100%;inset:0;opacity:0;position:absolute;transition:opacity .6s ease;width:100%}.mi3-globe-layer[data-mi3-ready] .mi3-globe{opacity:1}.mi3-globe-layer[data-mi3-ready]~.mi3-stage:before{opacity:0}.mi3-pin{--mi3-x:50%;--mi3-y:50%;aspect-ratio:35.714/58.8231;background:none;border:0;color:var(--mi3-pin-color);cursor:pointer;left:var(--mi3-x);opacity:var(--mi3-fade,1);padding:0;position:absolute;top:var(--mi3-y);transform:translate(-50%,-100%) scale(var(--mi3-depth,1));transform-origin:50% 100%;width:var(--mi3-pin-w,24px);z-index:2}.mi3-pin[data-mi3-behind]{opacity:0;pointer-events:none}.mi3-pin:before{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.mi3-pin:focus-visible{outline:none}.mi3-pin-body,.mi3-pin-drop{inset:0;position:absolute}.mi3-pin-body{transform-origin:50% 100%;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease}.mi3-pin-shape{display:block;height:100%;overflow:visible;width:100%}.mi3-pin-shape .mi3-pin-fill{fill:currentColor}.mi3-pin-shape .mi3-pin-star{fill:hsl(var(--ink-surface));stroke:hsl(var(--ink-surface));stroke-width:.232521}.mi3-pin.mi3-is-active .mi3-pin-body,.mi3-pin:focus-visible .mi3-pin-body{filter:drop-shadow(0 8px 14px hsl(0 0% 0%/.45));transform:translateY(-7px) scale(1.1)}.mi3-pin-label{background:hsl(var(--ink-surface));border:1px solid hsl(var(--accent)/.5);color:hsl(var(--ink-text));font-family:var(--font-body);font-size:.72rem;font-weight:600;left:50%;line-height:1.3;margin-top:5px;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;top:100%;transform:translate(-50%,-4px);transition:opacity .22s ease,transform .22s ease;white-space:nowrap}.mi3-pin.mi3-is-active .mi3-pin-label,.mi3-pin:focus-visible .mi3-pin-label{opacity:1;transform:translate(-50%)}.mi3-pin--los-angeles{--mi3-pin-color:#5fc9ee}.mi3-pin--nueva-york{--mi3-pin-color:#8c9cff}.mi3-pin--miami{--mi3-pin-color:#ff8a63}.mi3-pin--sao-paulo{--mi3-pin-color:#f2c14e}.mi3-pin--madrid{--mi3-pin-color:#b79bff}.mi3-pin--shanghai{--mi3-pin-color:#45d6a0}.mi3-legend{align-items:center;background:linear-gradient(to top,hsl(var(--ink-surface)) 0 64%,hsl(var(--ink-surface)/0));flex-wrap:wrap;gap:8px 18px;justify-content:center;list-style:none;margin:-44px -22px -30px;padding:44px 22px 30px;position:relative;z-index:3}.mi3-legend,.mi3-legend li{display:flex}.mi3-key{align-items:center;background:none;border:0;color:hsl(var(--ink-muted));cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--mi3-label-size);font-weight:500;gap:5px;line-height:1.45;padding:0;position:relative;transition:color .2s ease;white-space:nowrap}.mi3-key:after{content:"";inset:-4px -8px;position:absolute}.mi3-key:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:3px}.mi3-star{color:var(--mi3-key-color);display:block;flex:0 0 auto;height:15px;transition:transform .24s cubic-bezier(.22,1,.36,1);width:16px}.mi3-star svg{display:block;fill:currentColor;height:100%;width:100%}.mi3-key.mi3-is-active{color:hsl(var(--ink-text))}.mi3-key.mi3-is-active .mi3-star{transform:scale(1.16) rotate(51.43deg)}.mi3-key--los-angeles{--mi3-key-color:#5fc9ee}.mi3-key--nueva-york{--mi3-key-color:#8c9cff}.mi3-key--miami{--mi3-key-color:#ff8a63}.mi3-key--sao-paulo{--mi3-key-color:#f2c14e}.mi3-key--madrid{--mi3-key-color:#b79bff}.mi3-key--shanghai{--mi3-key-color:#45d6a0}@container mi3-root (width > 480px){.mi3-inner{padding:30px 26px 34px}.mi3-head{margin:-30px -26px -34px;padding:30px 82px 34px}.mi3-controls{right:26px;top:30px}.mi3-legend{margin:-44px -26px -34px;padding:44px 26px 34px}}@container mi3-root (width >= 620px){.mi3-legend{flex-wrap:nowrap;gap:8px;justify-content:space-between}}.mi3-section{--mi3-pin-lag:.14s}.mi3-key--los-angeles,.mi3-pin--los-angeles{--mi3-delay:.1s}.mi3-key--nueva-york,.mi3-pin--nueva-york{--mi3-delay:.2s}.mi3-key--miami,.mi3-pin--miami{--mi3-delay:.3s}.mi3-key--sao-paulo,.mi3-pin--sao-paulo{--mi3-delay:.4s}.mi3-key--madrid,.mi3-pin--madrid{--mi3-delay:.5s}.mi3-key--shanghai,.mi3-pin--shanghai{--mi3-delay:.6s}@media(prefers-reduced-motion:no-preference){.mi3-pin-drop{animation:mi3-drop .55s cubic-bezier(.34,1.3,.64,1) calc(var(--mi3-delay, 0s) + var(--mi3-pin-lag, 0s)) both}.mi3-key{animation:mi3-key-in .5s cubic-bezier(.22,1,.36,1) var(--mi3-delay,0s) both}.mi3-section.mi3-no-entrance .mi3-key,.mi3-section.mi3-no-entrance .mi3-pin-drop{animation:none}}@keyframes mi3-drop{0%{opacity:0;transform:translateY(-18px) scale(.4)}to{opacity:1;transform:none}}@keyframes mi3-key-in{0%{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mi3-key,.mi3-pin-drop{animation:none!important}}.bcm-card{overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.bcm-card:hover{border-color:hsl(var(--accent)/.55);box-shadow:0 0 0 1px hsl(var(--accent)/.18),0 18px 46px #0000002e}.bcm-map{position:relative}.bcm-svg{display:block;height:auto;overflow:visible;width:100%}.bcm-extrude path{fill:hsl(var(--accent)/.18);transform:translateY(8px)}.bcm-land path{fill:hsl(var(--accent)/.1);stroke:hsl(var(--accent)/.3);stroke-linecap:round;stroke-linejoin:round;stroke-width:.55}.bcm-route{animation:bcmFlow 7s linear infinite;fill:none;stroke:hsl(var(--accent)/.55);stroke-dasharray:5 8;stroke-linecap:round;stroke-width:1.1}@keyframes bcmFlow{to{stroke-dashoffset:-130}}.bcm-packet{filter:drop-shadow(0 0 4px hsl(var(--accent)/.85))}.bcm-node,.bcm-packet{fill:hsl(var(--accent))}.bcm-node-pulse{animation:bcmPulse 3s ease-out infinite;fill:none;stroke:hsl(var(--accent)/.55);stroke-width:1;transform-box:fill-box;transform-origin:center}@keyframes bcmPulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}.bcm-hub{fill:hsl(var(--accent))}.bcm-hub-ring{animation:bcmPulse 2.4s ease-out infinite;fill:none;stroke:hsl(var(--accent)/.7);stroke-width:1.4;transform-box:fill-box;transform-origin:center}.bcm-city{fill:hsl(var(--ink-muted));font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.01em}.bcm-city--major{fill:hsl(var(--ink-text));font-size:11.5px;font-weight:700}.bcm-scan{animation:bcmScan 6.5s linear infinite}@keyframes bcmScan{0%{opacity:0;transform:translateY(-20px)}12%{opacity:.9}88%{opacity:.9}to{opacity:0;transform:translateY(330px)}}.bcm-emblem{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);z-index:3}.bcm-chip{align-items:center;background-color:hsl(var(--ink-surface)/.92);border:1px solid hsl(var(--accent)/.45);color:hsl(var(--accent));display:inline-flex;font-family:var(--font-display);font-size:.58rem;font-weight:700;gap:.4rem;letter-spacing:.16em;margin-bottom:.5rem;max-width:82vw;overflow:hidden;padding:.2rem .5rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bcm-plate-wrap{place-items:center}.bcm-plate,.bcm-plate-wrap{display:grid;position:relative}.bcm-plate{animation:bcmFloat 5s ease-in-out infinite;background-color:hsl(var(--ink-surface));border:1px solid hsl(var(--accent)/.6);box-shadow:0 0 0 1px hsl(var(--accent)/.18),0 0 22px hsl(var(--accent)/.35);height:3.4rem;padding:.5rem;place-items:center;width:3.4rem;z-index:2}@keyframes bcmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.bcm-ring{animation:bcmRing 3s ease-out infinite;border:1px solid hsl(var(--accent)/.6);height:3.4rem;inset:0;margin:auto;position:absolute;width:3.4rem}.bcm-ring--2{animation-delay:1.5s}@keyframes bcmRing{0%{opacity:.85;transform:scale(.85)}to{opacity:0;transform:scale(2.1)}}.bcm-trail{animation:bcmTrail 2.6s ease-in-out infinite;background:linear-gradient(to bottom,hsl(var(--accent)/.85),hsl(var(--accent)/0));height:3.4rem;margin-top:.15rem;width:2px}@keyframes bcmTrail{0%,to{opacity:.45;transform:scaleY(.9)}50%{opacity:1;transform:scaleY(1.08)}}.bcm-stat{border-left:2px solid hsl(var(--accent)/.35);padding-left:1rem}.bcm-stat-value{color:hsl(var(--ink-text));font-family:var(--font-display);font-size:clamp(1.75rem,4.2vw,2.4rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.bcm-reveal .bcm-fade{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.bcm-in .bcm-fade{opacity:1;transform:none}.bcm-in .bcm-fade--2{transition-delay:.12s}.bcm-in .bcm-fade--3{transition-delay:.24s}.bcm-in .bcm-fade--4{transition-delay:.36s}@media(prefers-reduced-motion:reduce){.bcm-hub-ring,.bcm-node-pulse,.bcm-plate,.bcm-ring,.bcm-route,.bcm-scan,.bcm-trail{animation:none!important}.bcm-reveal .bcm-fade{opacity:1;transform:none;transition:none}}
