.vi{position:relative;height:84px;border-radius:10px;background:var(--color-velo);border:1px solid var(--color-linea);overflow:hidden;color:var(--color-tinta);font-family:var(--font-sans)}.vi>*{position:absolute}.vi .ln{height:6px;border-radius:3px;background:#27285c24;transform-origin:left center}.vi .ln.o{background:var(--color-naranja-soft)}.vi .ln.a{background:var(--color-azul)}.vi .ln.n{background:var(--color-naranja)}.vi .pill{height:20px;line-height:20px;border-radius:10px;padding:0 8px;font-size:.62rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.vi .pill.a{background:var(--color-azul);color:#fff}.vi .pill.o{background:var(--color-naranja);color:var(--color-tinta-prof)}.vi .pill.w{background:#fff;color:var(--color-tinta);border:1px solid var(--color-linea)}.vi .pill.g{background:#27285c14;color:var(--color-tinta)}.vi .box{background:#fff;border:1px solid var(--color-linea);border-radius:6px}.vi .bar{bottom:12px;width:16px;border-radius:3px 3px 0 0;background:var(--color-azul);transform-origin:bottom center}.vi .bar.o{background:var(--color-naranja-soft)}.vi .num{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-size:.74rem;font-weight:500;color:var(--color-tinta)}.vi .num.g{color:var(--color-tinta)}.vi .dot{width:12px;height:12px;border-radius:50%;background:var(--color-azul)}.vi .dot.o{background:var(--color-naranja)}.vi .dot.s{background:var(--color-naranja-soft)}.vi .et{font-size:.62rem;font-weight:600;color:var(--color-grafito);letter-spacing:.02em}.vi .camion{width:22px;height:13px;border-radius:3px;background:var(--color-azul)}.vi .camion:before{content:"";position:absolute;right:-7px;bottom:0;width:7px;height:9px;border-radius:0 3px 0 0;background:var(--color-azul)}.vi .camion:after{content:"";position:absolute;left:3px;bottom:-5px;width:6px;height:6px;border-radius:50%;background:var(--color-tinta);box-shadow:16px 0 0 var(--color-tinta)}.vi .ruta{height:0;border-top:2px dashed rgba(39,40,92,.25)}.vi svg{overflow:visible}.vi .traza{fill:none;stroke:var(--color-naranja);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:0}.callout .vi{background:transparent;border-color:transparent}.oscuro .vi{background:#ffffff12;border-color:#eeedef38}.oscuro.callout .vi{background:transparent;border-color:transparent}.oscuro .vi .ln{background:#eeedef40}.oscuro .vi .num,.oscuro .vi .et{color:#fff}.oscuro .vi .pill.w{background:#ffffff1f;color:#fff;border-color:#eeedef38}html:not(.motion) .vi .an.fuera,html:not(.motion) .vi .an.flota{display:none}html.motion .vi .an{opacity:0}html.motion .vi.play .an.fade{animation:vi-aparecer .32s var(--ease-salida) forwards var(--d, 0ms)}html.motion .vi.play .an.pop{animation:vi-pop .32s var(--ease-salida) forwards var(--d, 0ms)}html.motion .vi.play .an.grow{animation:vi-crece .48s var(--ease-salida) forwards var(--d, 0ms)}html.motion .vi.play .an.write{animation:vi-escribe .42s var(--ease-salida) forwards var(--d, 0ms)}html.motion .vi.play .an.move{animation:vi-mueve .9s var(--ease-recorrido) forwards var(--d, 0ms)}html.motion .vi.play .an.drop{animation:vi-cae .6s var(--ease-recorrido) forwards var(--d, 0ms)}html.motion .vi.play .an.fuera{animation:vi-aparecer .3s var(--ease-salida) forwards var(--d, 0ms),vi-esfuma .3s var(--ease-salida) forwards var(--d2, .7s)}html.motion .vi.play .an.flota{animation:vi-flotar 1s var(--ease-salida) forwards var(--d, 0ms)}html.motion .vi.play .an.enc{animation:vi-encoge .7s var(--ease-recorrido) forwards var(--d, 0ms)}html.motion .vi .traza{stroke-dashoffset:140}html.motion .vi.play .traza{animation:vi-traza .9s var(--ease-salida) forwards var(--d, 0ms)}@keyframes vi-aparecer{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes vi-pop{0%{opacity:0;scale:1.35}to{opacity:1;scale:1}}@keyframes vi-crece{0%{opacity:1;scale:1 0}to{opacity:1;scale:1 1}}@keyframes vi-escribe{0%{opacity:1;scale:0 1}to{opacity:1;scale:1 1}}@keyframes vi-mueve{0%{opacity:1;translate:var(--dx, -120px) 0}to{opacity:1;translate:0 0}}@keyframes vi-cae{0%{opacity:0;translate:0 -26px}40%{opacity:1}to{opacity:1;translate:0 0}}@keyframes vi-esfuma{to{opacity:0}}@keyframes vi-flotar{0%{opacity:0;translate:0 6px}25%{opacity:1}to{opacity:0;translate:0 -12px}}@keyframes vi-encoge{0%{opacity:1;scale:1 1}to{opacity:1;scale:.72 1}}@keyframes vi-traza{to{stroke-dashoffset:0}}.vi-grande{height:132px;zoom:1.3}
