:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #fbfbfd;--border: #e3e3e8;--border-strong: #d2d2d7;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #8e8e93;--accent: #1d1d1f;--brand: #16a34a;--brand-soft: rgba(22, 163, 74, .12);--ok: #34c759;--ok-soft: rgba(52, 199, 89, .14);--warn: #ff9500;--warn-soft: rgba(255, 149, 0, .14);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .12);--info: #0a84ff;--info-soft: rgba(10, 132, 255, .12);--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;color-scheme:light}[data-theme=dark]{--bg: #0b0b0d;--surface: #161618;--surface-2: #1e1e21;--border: #2a2a2e;--border-strong: #3a3a3f;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #6e6e73;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.warehouse-loader{display:grid;justify-items:center;gap:.5rem;width:min(72vw,280px);text-align:center}.warehouse-loader img{display:block;width:100%;height:auto;aspect-ratio:16 / 11}.warehouse-loader__label{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text-2)}.warehouse-loader__dots:after{content:"";display:inline-block;width:1.3em;text-align:left;animation:warehouse-dots 1.35s steps(4,end) infinite}@keyframes warehouse-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@media (prefers-reduced-motion: reduce){.warehouse-loader__dots:after{animation:none;content:"…"}}@keyframes rainbow-border{0%{border-color:#ff3b30;box-shadow:0 0 0 2px #ff3b3040}17%{border-color:#ff9500;box-shadow:0 0 0 2px #ff950040}33%{border-color:#fc0;box-shadow:0 0 0 2px #ffcc0040}50%{border-color:#34c759;box-shadow:0 0 0 2px #34c75940}67%{border-color:#007aff;box-shadow:0 0 0 2px #007aff40}83%{border-color:#af52de;box-shadow:0 0 0 2px #af52de40}to{border-color:#ff3b30;box-shadow:0 0 0 2px #ff3b3040}}.pedido-rainbow{animation:rainbow-border 1.4s linear infinite!important;border:2.5px solid #ff3b30!important;border-radius:10px!important;z-index:1;position:relative}@keyframes btn-pulse-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--brand) 55%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--brand) 0%,transparent)}}.btn-pulse{animation:btn-pulse-glow 1.6s ease-in-out infinite}.ic-shred,.ic-print{position:relative;flex:none;overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.ic-shred.grande,.ic-print.grande{transform:scale(2.2)}.sh-body{position:absolute;left:1px;width:14px;bottom:0;height:6px;background:linear-gradient(180deg,#f3f4f6,#cbd5e1);border-radius:1.5px}.sh-slot{position:absolute;left:2.5px;width:11px;bottom:4.2px;height:1.4px;background:#334155;border-radius:1px}.sh-paper{position:absolute;left:3px;width:10px;bottom:6px;height:9px;background:#fff;border-radius:1px 1px 0 0;box-shadow:0 0 0 .5px #00000026}.sh-paper.feed{animation:sh-feed .4s ease-in forwards}@keyframes sh-feed{to{transform:translateY(7px) scaleY(.15);opacity:0}}.sh-strip{position:absolute;left:0;bottom:4px;width:1.6px;height:0;background:#fff;border-radius:.5px;opacity:0;animation:sh-fall .7s cubic-bezier(.4,.1,.7,.4) forwards}@keyframes sh-fall{0%{height:0;opacity:0;transform:translateY(0)}15%{height:6px;opacity:1}to{height:6px;opacity:0;transform:translateY(9px)}}.pr-body{position:absolute;left:0;width:16px;top:3px;height:7px;background:linear-gradient(180deg,#e5e7eb,#94a3b8);border-radius:2px}.pr-slot{position:absolute;left:1.5px;width:13px;top:5.2px;height:1.4px;background:#334155;border-radius:1px}.pr-led{position:absolute;left:12.5px;width:1.6px;top:4.4px;height:1.6px;border-radius:50%;background:#22c55e;opacity:.5}.pr-led.on{animation:pr-blink .5s ease-in-out infinite}@keyframes pr-blink{50%{opacity:1;box-shadow:0 0 3px 1px #22c55e}}.pr-paper{position:absolute;left:2.5px;width:11px;top:6px;height:0;background:#fff;border-radius:0 0 1px 1px;overflow:hidden;box-shadow:0 0 0 .5px #00000026;animation:pr-out .85s cubic-bezier(.3,.6,.3,1) forwards}.pr-paper .ln{position:absolute;left:1.4px;width:8px;height:.8px;background:#cbd5e1}@keyframes pr-out{to{height:10px}}@media (prefers-reduced-motion: reduce){.sh-paper.feed,.sh-strip,.pr-led.on,.pr-paper,.ic-shred,.ic-print{animation:none;transition:none}.sh-paper.feed{opacity:0}.pr-paper{height:10px}}.abanico-item{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:flex;align-items:center;justify-content:center;z-index:40;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 6px 14px #0000002e,0 0 0 1px #00000008;opacity:0;transform:translate(0) scale(.25) rotate(0);pointer-events:none;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.abanico-item.abierto{opacity:1;pointer-events:auto}.abanico-item.pos-0.abierto{transform:translate(-32px,60px) scale(1) rotate(15deg)}.abanico-item.pos-1.abierto{transform:translate(32px,60px) scale(1) rotate(-15deg);transition-delay:.06s}.abanico-item.pos-2.abierto{transform:translateY(74px) scale(1) rotate(0);transition-delay:.12s}.abanico-item:hover{box-shadow:0 8px 18px #0000003d,0 0 0 1px #00000008}.abanico-float{display:flex;animation:abanico-bob 2.4s ease-in-out infinite}.abanico-item.pos-1 .abanico-float{animation-duration:2.7s;animation-delay:-1.3s}.abanico-item.pos-2 .abanico-float{animation-duration:2.5s;animation-delay:-.6s}@keyframes abanico-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.abanico-item{transition:opacity .2s ease}.abanico-item.pos-0.abierto{transform:translate(-32px,60px) scale(1)}.abanico-item.pos-1.abierto{transform:translate(32px,60px) scale(1)}.abanico-item.pos-2.abierto{transform:translateY(74px) scale(1)}.abanico-float{animation:none}}.btn-camion{--bc-ease-out: cubic-bezier(.16,.84,.32,1);--bc-ease-in: cubic-bezier(.6,.02,.9,.3);--bc-ease-morph: cubic-bezier(.72,0,.24,1);-webkit-tap-highlight-color:transparent}.btn-camion:active[data-fase=idle]{transform:scale(.97)}.bc-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.bc-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;white-space:nowrap;opacity:0;transition:opacity .22s ease;pointer-events:none}.bc-label.on{opacity:1}.bc-check{width:15px;height:15px;flex:none;margin-left:0;transition:margin-left .32s var(--bc-ease-out)}.bc-label.con-texto .bc-check{margin-left:6px}.bc-check path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26}.bc-label.on .bc-check path{animation:bc-draw .4s .1s var(--bc-ease-out) forwards}@keyframes bc-draw{to{stroke-dashoffset:0}}.bc-texto{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .32s var(--bc-ease-out),opacity .24s ease}.bc-label.con-texto .bc-texto{max-width:200px;opacity:1}.bc-road{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;overflow:hidden;opacity:0;transition:opacity .25s ease}.bc-road.on{opacity:.8}.bc-road i{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;background:repeating-linear-gradient(90deg,#fff 0 14px,transparent 14px 32px);animation:bc-road .42s linear infinite}@keyframes bc-road{to{transform:translate(-32px)}}.bc-pkg{position:absolute;top:50%;left:0;width:15px;height:15px;margin-top:-7.5px;border-radius:2px;background:linear-gradient(170deg,#ffcb4f,#f0a013);box-shadow:inset 0 -2px #0000001f;transform:translate(-30px);z-index:1;transition:transform 1.1s var(--bc-ease-out)}.bc-pkg:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:#78480047}.bc-pkg.approach{transform:translate(58px)}.bc-pkg.loaded{transform:translate(96px);transition-duration:.5s;transition-timing-function:ease-in}.bc-pkg.stowed{visibility:hidden}.bc-truck{position:absolute;top:50%;left:0;width:72px;height:25px;margin-top:-12.5px;transform:translate(215px);z-index:2;transition:transform 1.15s var(--bc-ease-out)}.bc-truck.docked{transform:translate(84px)}.bc-truck.centrado{transform:translate(calc(50% - 36px))}.bc-truck.away{transform:translate(250px);transition:transform .8s var(--bc-ease-in)}.bc-truck.idling{animation:bc-idle .28s ease-in-out infinite alternate}@keyframes bc-idle{to{margin-top:-13.5px}}.bc-cargo{position:absolute;left:0;top:0;width:52px;height:25px;border-radius:2px;background:linear-gradient(180deg,#fdfeff,#edf2f7 52%,#c4d2e0);box-shadow:inset -2px 0 #0000000f}.bc-cab{position:absolute;left:51px;top:0;width:21px;height:25px;border-radius:2px 6px 6px 2px;background:linear-gradient(180deg,#fa6a5e,#de382d)}.bc-cab:before{content:"";position:absolute;left:5px;top:4px;width:7px;height:17px;border-radius:1.5px;background:#2b1621}.bc-lamp{position:absolute;right:1px;width:3px;height:4px;border-radius:1.5px;background:#ffd54a}.bc-lamp.t{top:2px}.bc-lamp.b{bottom:2px}.bc-beam{position:absolute;left:71px;width:54px;height:18px;background:linear-gradient(90deg,#ffd54a99,#ffd54a00 78%);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);opacity:0;transition:opacity .3s ease;pointer-events:none}.bc-beam.t{top:-4px}.bc-beam.b{top:11px}.bc-truck.lit .bc-beam{opacity:1}.bc-door{position:absolute;left:-12px;width:12px;height:2px;border-radius:1px;background:#e9eff6;transform-origin:100% 50%;transition:transform .45s var(--bc-ease-morph)}.bc-door.t{top:0;transform:rotate(-90deg)}.bc-door.b{bottom:0;transform:rotate(90deg)}.bc-truck.open .bc-door.t{transform:rotate(30deg)}.bc-truck.open .bc-door.b{transform:rotate(-30deg)}@media (prefers-reduced-motion: reduce){.btn-camion,.btn-camion *{animation-duration:.01ms!important;transition-duration:.01ms!important}}