@font-face{font-family:Outfit;src:url('fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;src:url('fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-mono-latin.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rojo:#f52d26;--rojo-ink:#c81b16;--rojo-soft:#fdecea;--tinta:#11121d;--canvas:#f5f4f1;--surface-2:#faf9f7;--sunken:#edebe7;--line:#e5e2dc;--line-strong:#d2cec6;--ink:#11121d;--text:#2a2c38;--muted:#5c5e6b;--subtle:#6b6d7c;--ok:#0f9d58;--ok-ink:#0b6e3e;--ok-soft:#e6f5ec;--ok-line:#bfe6cf;--wait:#d97706;--wait-ink:#92400e;--wait-soft:#fef3e2;--wait-line:#f6d7a8;--fail:#e11d48;--fail-ink:#be123c;--fail-soft:#fdecef;--fail-line:#f7c3cd;--h-rojo:#f52d26;--h-azul:#2563eb;--h-azul-ink:#1d4ed8;--h-indigo:#4f46e5;--h-teal:#0d9488;--h-ambar:#e8890c;--h-grafito:#475569;--h-violeta:#7c3aed;--sh-1:0 1px 2px rgb(17 18 29 / 0.06),0 0 0 1px rgb(17 18 29 / 0.05);--sh-2:0 8px 20px -10px rgb(17 18 29 / 0.18),0 1px 3px rgb(17 18 29 / 0.06),0 0 0 1px rgb(17 18 29 / 0.05);--sh-3:0 24px 54px -18px rgb(17 18 29 / 0.3),0 6px 14px -6px rgb(17 18 29 / 0.12),0 0 0 1px rgb(17 18 29 / 0.06);--sh-4:0 48px 90px -36px rgb(17 18 29 / 0.42),0 18px 36px -20px rgb(17 18 29 / 0.22),0 0 0 1px rgb(17 18 29 / 0.07);--mo-out:cubic-bezier(0.22, 1, 0.36, 1);--mo-emph:cubic-bezier(0.2, 0, 0, 1);--mo-snap:cubic-bezier(0.34, 1.56, 0.64, 1);--display:'Outfit',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--ui:'Onest',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;--barra:60px;--ventana-barra:30px;--lado:max(20px, calc((100vw - 1200px) / 2));--ar-movil:0.72;--ar-portada:1.05;--mov:1;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--mov:0}}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--barra);scrollbar-color:#c9c5bd transparent;accent-color:var(--rojo-ink);caret-color:var(--rojo-ink)}body{margin:0;background:#fff;color:var(--text);font-family:var(--ui);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img{display:block;max-width:100%;height:auto}svg{flex:none}[hidden]{display:none!important}dd,dl,figure,h1,h2,ol,p,table,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-underline-offset:0.2em;text-decoration-thickness:1.5px}::selection{background:#fbd5d2;color:var(--tinta)}.dato,code,time{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.saltar{position:fixed;left:16px;top:10px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--tinta);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform .2s var(--mo-emph)}.saltar:focus-visible{transform:none}:focus-visible{outline:3px solid var(--rojo-ink);outline-offset:3px}a:focus-visible{border-radius:8px}.emblema{display:block;overflow:visible;--g:16}.e-cuerpo,.e-nodo,.e-pin{fill:var(--rojo)}.e-guiones use{fill:var(--tinta)}.e-aro{fill:none;stroke:var(--rojo);stroke-width:18;opacity:0}.e-aro,.e-cuerpo,.e-guiones use,.e-nodo,.e-pin{transform-box:fill-box;transform-origin:center}.e-pin{transform-origin:50% 100%}.e-guiones use{opacity:clamp(0, var(--g) - var(--i), 1);transform:scale(calc(1 - (1 - clamp(0,var(--g) - var(--i),1)) * .8 * var(--mov)))}.emblema-barra{--g:0}.js .emblema-barra .e-pin{transform:translateY(calc(-150px * var(--mov)));opacity:.35;transition:transform 520ms var(--mo-out),opacity .3s ease}.js .emblema-barra.llega .e-pin{transform:none;opacity:1;animation:e-pin-cae .7s var(--mo-snap) both}.emblema.llega .e-aro{animation:e-aro .9s var(--mo-out) 280ms both}@keyframes e-pin-cae{0%{opacity:.35;transform:translateY(calc(-160px * var(--mov))) scale(.9,1.1)}55%{opacity:1;transform:translateY(0) scale(calc(1 + .12 * var(--mov)),calc(1 - .14 * var(--mov)))}78%{transform:translateY(calc(-18px * var(--mov))) scale(.97,1.04)}100%{transform:none}}@keyframes e-aro{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(calc(1 + 2.2 * var(--mov)))}}.js .emblema-cierre:not(.arma)>*{opacity:0}.emblema-cierre.arma .e-cuerpo{animation:e-cuerpo 520ms var(--mo-emph) both}.emblema-cierre.arma .e-nodo{animation:e-pop 420ms var(--mo-snap) 260ms both}.emblema-cierre.arma .e-nodo-b{animation-delay:360ms}.emblema-cierre.arma .e-guiones use{animation:e-guion 260ms var(--mo-out) both;animation-delay:calc(380ms + var(--i) * 45ms)}.emblema-cierre.arma .e-pin{animation:e-pin-cae .7s var(--mo-snap) 1.08s both}.emblema-cierre.arma .e-aro{animation:e-aro .9s var(--mo-out) 1.5s both}@keyframes e-cuerpo{from{opacity:0;transform:scale(calc(1 - .12 * var(--mov))) rotate(calc(-6deg * var(--mov)))}}@keyframes e-pop{from{opacity:0;transform:scale(calc(1 - var(--mov)))}}@keyframes e-guion{from{opacity:0;transform:scale(calc(1 - .8 * var(--mov)))}}.barra{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--barra);display:flex;align-items:center;justify-content:space-between;padding:0 var(--lado);background:rgb(255 255 255 / .8);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgb(17 18 29 / .06);transition:transform 420ms var(--mo-emph)}.barra{transition:background-color .3s ease,border-color .3s ease}.barra[data-oscura]{background:rgb(17 18 29 / .72);border-bottom-color:rgb(255 255 255 / .08)}.barra[data-oscura] .barra-link,.barra[data-oscura] .barra-marca{color:#fff}.barra[data-oscura] .e-guiones use{fill:#fff}.barra[data-oscura] .barra-link:hover{background:rgb(255 255 255 / .1)}.barra-marca{display:flex;align-items:center;gap:10px;height:44px;padding-right:4px;border-radius:12px;color:var(--tinta);text-decoration:none}.barra-marca .emblema{width:34px;height:32px}.palabra{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:.06em;line-height:1}.palabra>span{color:var(--rojo)}.barra-acciones{display:flex;align-items:center;gap:6px}.barra-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}.barra-link:hover{background:var(--sunken)}.boton{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border:0;border-radius:12px;background:var(--rojo-ink);color:#fff;font-family:var(--ui);font-size:17px;font-weight:600;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 12px 26px -14px rgb(17 18 29 / .55),inset 0 1px 0 rgb(255 255 255 / .18);transition:transform 260ms var(--mo-snap)}.boton::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgb(17 18 29 / .18);opacity:0;transition:opacity 180ms ease}.boton:hover{transform:translateY(-2px)}.boton:hover::after{opacity:1}.boton:active{transform:scale(.97)}.boton-chico{min-height:40px;padding:0 16px;border-radius:10px;font-size:15px;box-shadow:none}.boton-chico:hover{transform:none}.botones{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px}.enlace-flecha{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 6px;color:var(--ink);font-size:17px;font-weight:600;text-decoration:none}.enlace-flecha svg{width:16px;height:16px;fill:none;stroke:var(--rojo-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 260ms var(--mo-snap)}.enlace-flecha:hover svg{transform:translateX(4px)}.marca-fila svg,.planilla-icono svg,.registro svg,.reglas svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.escena{position:relative;height:var(--alto,300vh)}.escenario{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.titulo-escena{color:var(--tinta);font-family:var(--display);font-size:clamp(34px, min(5vw, 7.6vh), 72px);font-weight:600;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}.paso{opacity:calc(var(--t, 0) * (1 - var(--s, 0)));transform:translateY(calc(((1 - var(--t,0)) * 28px - var(--s,0) * 28px) * var(--mov)))}.titulos{position:relative;display:grid;width:min(1200px,100%);text-align:center}.titulos>*{grid-area:1/1;align-self:center}.cierre-dia .escenario,.despacho .escenario,.pedidos .escenario,.planificar .escenario,.vivo .escenario{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3.4vh,34px);padding:calc(var(--barra) + clamp(14px,4.4vh,48px)) 20px clamp(18px,4.4vh,44px)}.cierre-zona,.despacho-zona,.pedidos-zona,.plan-zona,.vivo-zona{position:relative;flex:1 1 0;min-height:0;width:min(1160px,100%);container-type:size}.ventana{position:relative;overflow:hidden;border-radius:14px;background:#fff;box-shadow:var(--sh-4)}.ventana-barra{display:flex;align-items:center;justify-content:center;height:var(--ventana-barra);border-bottom:1px solid var(--line);background:var(--surface-2)}.ventana-direccion{position:relative;display:grid;padding:2px 12px;border-radius:7px;background:var(--sunken);color:var(--muted);font-family:var(--mono);font-size:11.5px;line-height:1.5;white-space:nowrap}.ventana-direccion>span{grid-area:1/1}.pantalla{position:relative;overflow:hidden;aspect-ratio:1440/900;background:var(--canvas)}.lienzo{position:relative;width:100%;aspect-ratio:1440/900;transform-origin:0 0}.lienzo>img{width:100%;height:100%}.lienzo-encima{position:absolute;inset:0 auto auto 0;translate:calc((1 - var(--t,0)) * 101% * var(--mov)) 0;opacity:calc(1 - (1 - var(--t, 0)) * (1 - var(--mov)));box-shadow:-24px 0 40px -24px rgb(17 18 29 / .35)}.cierre-ventana,.despacho-ventana,.pedidos-ventana,.plan-ventana,.vivo-ventana,.zona-equipo{position:absolute;left:50%;top:50%;width:min(100cqw,(100cqh - var(--ventana-barra)) * 1.6);opacity:var(--a, 0);transform:translate(-50%,-50%) translateY(calc((1 - var(--a,0)) * 50px * var(--mov)))}.trazos{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.trazo{opacity:var(--o, 1)}.trazos-velo{fill:var(--canvas);opacity:calc(var(--velo, 0) * .66)}.trazo path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:calc((1 - var(--d,0)) * var(--mov));opacity:min(1, calc(var(--d, 0) * 40), calc(1 - (1 - var(--d, 0)) * (1 - var(--mov))))}.trazo-borde{stroke:#fff;stroke-width:calc(var(--w) * 1px + 4px)}.trazo-linea{stroke:var(--c);stroke-width:calc(var(--w) * 1px)}.pin text{font-family:var(--ui);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central}.pin-vehiculo text{font-size:10.5px}.pin{transform-box:fill-box;transform-origin:50% 100%;opacity:min(1, calc(var(--p, 0) * 3));transform:translate(calc(var(--tx,0) * 1px),calc(var(--ty,0) * 1px)) scale(calc(1 - (1 - var(--p,0)) * .7 * var(--mov)))}.pin-vehiculo{transform-origin:50% 50%}.motivo{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:0;height:0;opacity:var(--t, 0)}.motivo-punto{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border:2.5px solid var(--wait);border-radius:50%;transform:scale(calc(1 + (1 - var(--t,0)) * .6 * var(--mov)))}.motivo-ficha{position:absolute;left:0;width:250px;padding:11px 14px 12px;border-radius:12px;background:#fff;box-shadow:var(--sh-3);transform:translateX(-50%) translateY(calc((1 - var(--t,0)) * 10px * var(--mov)))}.motivo-abajo .motivo-ficha{top:31px}.motivo-arriba .motivo-ficha{bottom:31px;transform:translateX(-50%) translateY(calc((1 - var(--t,0)) * -10px * var(--mov)))}.motivo-ficha::before{content:'';position:absolute;left:50%;width:3px;height:12px;margin-left:-1.5px;background-image:radial-gradient(circle,var(--wait) 1.3px,transparent 1.6px);background-size:3px 6px}.motivo-abajo .motivo-ficha::before{bottom:100%}.motivo-arriba .motivo-ficha::before{top:100%}.motivo-ficha small{display:block;overflow:hidden;color:var(--wait-ink);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.motivo-ficha b{display:block;margin-top:2px;color:var(--ink);font-size:13.5px;font-weight:500;line-height:1.35}.portada{--alto:210vh;background:var(--canvas)}.portada .escenario::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(17 18 29 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(17 18 29 / .055) 1px,transparent 1px);background-size:56px 56px;background-position:center -1px;-webkit-mask-image:radial-gradient(62% 56% at 50% 26%,#000 22%,transparent 80%);mask-image:radial-gradient(62% 56% at 50% 26%,#000 22%,transparent 80%);pointer-events:none}.portada-texto{position:relative;z-index:2;padding:calc(var(--barra) + min(10vh,104px)) 20px 0;text-align:center;opacity:calc(1 - var(--t, 0));transform:translateY(calc(var(--t,0) * -8vh * var(--mov))) scale(calc(1 - var(--t,0) * .05 * var(--mov)))}.portada-titulo{color:var(--tinta);font-family:var(--display);font-size:clamp(56px, min(11vw, 16.5vh), 156px);font-weight:600;letter-spacing:-.045em;line-height:.98}.mascara{display:inline-block;overflow:hidden;padding:.04em .04em .14em;margin:-.04em -.04em -.14em}.mascara>span{display:inline-block}.punto{display:inline-block;color:var(--rojo)}.js .punto{animation:punto-cae 760ms var(--mo-snap) 620ms backwards;transform-origin:50% 90%}@keyframes punto-cae{0%{opacity:0;transform:translateY(calc(-.9em * var(--mov)))}55%{opacity:1;transform:translateY(0) scale(calc(1 + .25 * var(--mov)),calc(1 - .25 * var(--mov)))}78%{transform:translateY(calc(-.1em * var(--mov)))}}.portada-bajada{margin-top:clamp(14px,2.4vh,24px);color:var(--muted);font-size:clamp(19px, min(2vw, 3vh), 25px);font-weight:400;letter-spacing:-.015em}.portada-texto .botones{margin-top:clamp(20px,3.6vh,36px)}.js .entra{animation:entra-sube .9s var(--mo-emph) backwards;animation-delay:var(--d, 0ms)}.js .entra-funde{animation:entra-funde .8s var(--mo-out) backwards;animation-delay:var(--d, 0ms)}@keyframes entra-sube{from{transform:translateY(calc(105% * var(--mov)));opacity:calc(1 - var(--mov))}}@keyframes entra-funde{from{opacity:0;transform:translateY(calc(16px * var(--mov)))}}.portada-equipo{--ven-w:min(1100px, 88vw, calc((100svh - var(--barra) - 150px) * 1.6));position:absolute;left:50%;top:calc(50% + var(--barra)/ 2);z-index:3;width:var(--ven-w);transform:translate(-50%,calc(-50% + (1 - var(--t,0)) * 46vh)) scale(calc(.92 + var(--t,0) * .08))}@media (prefers-reduced-motion:reduce){.portada-equipo{transform:translate(-50%,-50%);opacity:clamp(0, (var(--t, 0) - .8) * 5, 1)}.boton:active,.boton:hover{transform:none}}.pedidos{--alto:300vh;background:#fff}.pedidos-ventana{left:58%;width:min(84cqw,(100cqh - var(--ventana-barra)) * 1.6)}.planilla{position:absolute;left:0;top:50%;z-index:2;width:min(560px,50cqw);padding:16px 18px 16px;border-radius:18px;background:#fff;box-shadow:var(--sh-4);opacity:calc(var(--a, 0) * (1 - var(--x, 0)));transform:translateY(-50%) translateY(calc(((1 - var(--a,0)) * 36px - var(--x,0) * 28px) * var(--mov)))}.planilla-cabeza{display:flex;align-items:center;gap:10px;padding:0 2px 12px;border-bottom:1px solid var(--line)}.planilla-cabeza b{color:var(--ink);font-size:13.5px;font-weight:500}.planilla-icono{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ok-soft);color:var(--ok-ink)}.planilla-icono svg{width:18px;height:18px}.planilla table{width:100%;margin-top:4px;border-collapse:collapse;font-size:13px}.planilla th{padding:8px 6px 6px;color:var(--subtle);font-size:12px;font-weight:500;text-align:left;white-space:nowrap}.planilla td{padding:0 6px;height:40px;border-top:1px solid var(--line);color:var(--ink);white-space:nowrap}.planilla .num{text-align:right}.planilla td.fila{width:28px;color:var(--subtle);font-family:var(--mono);font-size:11.5px;text-align:center}.planilla tr{position:relative}.fila-error td{position:relative}.fila-error td::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--fail-soft);opacity:calc(var(--e, 0) * (1 - var(--k, 0)))}.planilla tbody{position:relative;z-index:0}.marca-fila{position:relative;width:30px}.marca-fila>span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%}.marca-fila::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--line-strong);opacity:calc(1 - var(--v, 0))}.marca-fila svg{width:13px;height:13px;stroke-width:3}.marca-fila .ok{background:var(--ok);color:#fff;opacity:var(--v, 0);transform:scale(calc(1 - (1 - var(--v,0)) * .6 * var(--mov)))}.fila-error .marca-fila .ok{opacity:var(--k, 0);transform:scale(calc(1 - (1 - var(--k,0)) * .6 * var(--mov)))}.fila-error .marca-fila::after{opacity:calc(1 - var(--v, 0))}.marca-fila .mal{background:var(--fail-soft);color:var(--fail-ink);opacity:calc(var(--v, 0) * (1 - var(--k, 0)));transform:scale(calc(1 - (1 - var(--e,0)) * .3 * var(--mov)))}.marca-fila .mal svg{width:16px;height:16px;stroke-width:2.4}.celda-cambia{display:inline-grid;vertical-align:middle}.celda-cambia>*{grid-area:1/1;text-decoration:none}.celda-cambia s{color:var(--fail-ink);opacity:calc(1 - var(--k, 0));transform:translateY(calc(var(--k,0) * -8px * var(--mov)))}.celda-cambia s{color:color-mix(in oklab,var(--fail-ink) calc(var(--e,0) * 100%),var(--ink))}.celda-cambia .nuevo{color:var(--ok-ink);opacity:var(--k, 0);transform:translateY(calc((1 - var(--k,0)) * 8px * var(--mov)))}.planilla-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.planilla-estado{position:relative;display:grid;min-width:0;font-size:13px;font-weight:500}.planilla-estado>span{grid-area:1/1}.planilla-estado>span{opacity:calc(var(--t, 0) * (1 - var(--s, 0)));transform:translateY(calc(((1 - var(--t,0)) * 6px - var(--s,0) * 6px) * var(--mov)))}.estado-error{color:var(--fail-ink)}.estado-ok{display:inline-flex;align-items:center;gap:6px;color:var(--ok-ink)}.estado-creados{font-weight:600}.estado-ok svg{width:15px;height:15px;stroke-width:2.6}.boton-app{display:inline-grid;font-size:13.5px;font-weight:600;white-space:nowrap;transform:scale(calc(1 - var(--q,0) * (1 - var(--q,0)) * 4 * .07 * var(--mov)))}.boton-app>span{grid-area:1/1;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:9px}.boton-app-no{background:var(--sunken);color:var(--muted)}.boton-app-si{background:var(--tinta);color:#fff;opacity:var(--k, 0)}.planificar{--alto:430vh;background:var(--canvas)}.plan-ventana{top:calc(50% - 32px);width:min(100cqw,(100cqh - var(--ventana-barra) - 72px) * 1.6)}.reglas{position:absolute;left:50%;bottom:0;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:100cqw;transform:translateX(-50%);pointer-events:none}.reglas li{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px 0 10px;border-radius:999px;background:#fff;box-shadow:var(--sh-2);color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap;opacity:calc(var(--t, 0) * (1 - var(--s, 0)));transform:translateY(calc(((1 - var(--t,0)) * 16px - var(--s,0) * 10px) * var(--mov))) scale(calc(1 - (1 - var(--t,0)) * .1 * var(--mov)))}.reglas svg{width:17px;height:17px;color:var(--h-azul)}.despacho{--alto:270vh;background:#fff}.lienzo>.menu-recorte{position:absolute;height:auto;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);max-width:none;opacity:var(--t, 0)}.conductor{--alto:420vh;background:var(--canvas)}.conductor .escenario,.control .escenario{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;column-gap:clamp(32px,5vw,84px);padding:calc(var(--barra) + clamp(20px,5vh,56px)) var(--lado) clamp(20px,5vh,56px)}.titulos-lado{align-self:center;text-align:left}.titulos-lado .titulo-escena{max-width:8.6em}.celular-zona{position:relative;height:100%;display:grid;place-items:center;container-type:size}.celular{--cw:min(330px, 100cqw, 100cqh * 0.468);position:relative;width:var(--cw);padding:calc(var(--cw) * .034);border-radius:calc(var(--cw) * .165);background:var(--tinta);box-shadow:var(--sh-4),inset 0 0 0 1.5px #34364a,inset 0 0 0 calc(var(--cw) * .012) #1c1d2b;opacity:var(--a, 0);transform:translateY(calc((1 - var(--a,0)) * 50px * var(--mov)))}.celular-pantalla{position:relative;aspect-ratio:390/888;overflow:hidden;border-radius:calc(var(--cw) * .13);background:var(--canvas)}.celular-pantalla .app{position:absolute;inset:0;width:100%;height:100%}.app>img,.celular-pantalla img.app{object-fit:cover;object-position:top;width:100%;height:100%}.app-paso{opacity:min(1, calc(var(--t, 0) * 4));transform:translateX(calc((1 - var(--t,0)) * 100% * var(--mov)));box-shadow:-18px 0 30px -18px rgb(17 18 29 / .35)}.firma-capa{position:absolute;inset:0}.firma{position:absolute;inset:0;width:100%;height:100%}.firma-trazo{fill:none;stroke:var(--tinta);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:calc((1 - var(--f,0)) * var(--mov));opacity:min(1, calc(var(--f, 0) * 40), calc(1 - (1 - var(--f, 0)) * (1 - var(--mov))))}.celular-estado{position:absolute;inset:0 0 auto 0;z-index:5;height:4.95%;display:flex;align-items:center;justify-content:space-between;padding:0 9%;color:var(--ink);font-size:calc(var(--cw) * .043);font-weight:600}.celular-estado::before{content:'';position:absolute;left:50%;top:22%;width:30%;height:62%;transform:translateX(-50%);border-radius:999px;background:#05060b}.celular-estado svg{width:calc(var(--cw) * .15);height:auto}.vivo{--alto:300vh;background:var(--tinta);color:#fff}.vivo .escenario{background:linear-gradient(180deg,#1a1b29,var(--tinta) 70%)}.vivo .escenario::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 50% 55%,#000 20%,transparent 85%);mask-image:radial-gradient(70% 70% at 50% 55%,#000 20%,transparent 85%);pointer-events:none}.vivo .titulo-escena{color:#fff}.vivo :focus-visible{outline-color:#fff}.vivo-ventana{box-shadow:0 50px 100px -40px rgb(0 0 0 / .8),0 0 0 1px rgb(255 255 255 / .1)}.cierre-dia{--alto:300vh;background:#fff}.dir-uno{opacity:calc(1 - var(--s, 0))}.dir-dos{opacity:var(--t, 0)}.foco{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);border-radius:calc(var(--r,16) * 1px);box-shadow:0 0 0 2px var(--tinta),0 0 0 200vmax rgb(245 244 241 / .72);opacity:calc(var(--f, 0) * (1 - var(--s, 0)));pointer-events:none}.marca{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);border:2px solid var(--tono,var(--tinta));border-radius:calc(var(--r,8) * 1px);opacity:calc(var(--t, 0) * (1 - var(--s, 0)));transform:scale(calc(1 + (1 - var(--t,0)) * .12 * var(--mov)));pointer-events:none}.control{--alto:290vh;background:var(--canvas)}.control .escenario{grid-template-columns:minmax(0,1fr) minmax(0,580px)}.control-zona{display:grid;align-content:center;gap:18px}.control-zona{--baja:150px}@media (max-height:820px){.roles li{min-height:38px;font-size:15px}}.roles{display:grid;transform:translateY(calc((1 - var(--r,0)) * var(--baja) * var(--mov)))}.roles li{display:grid;grid-template-columns:10px 140px minmax(0,1fr);align-items:center;column-gap:12px;min-height:44px;padding:4px 14px;border-top:1px solid var(--line);font-size:16px;opacity:var(--t, 0);transform:translateY(calc((1 - var(--t,0)) * 10px * var(--mov)))}.roles li:first-child{border-top:0}.roles li::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--tono)}.roles b{color:var(--ink);font-weight:600}.roles span{color:var(--muted)}.roles li{position:relative}.roles li::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:10px;background:#fff;box-shadow:var(--sh-1);opacity:0}.roles{isolation:isolate}.control-zona:has(.registro-quien[data-autor=admin]) [data-rol=admin]::after,.control-zona:has(.registro-quien[data-autor=auditor]) [data-rol=auditor]::after,.control-zona:has(.registro-quien[data-autor=dispatcher]) [data-rol=dispatcher]::after,.control-zona:has(.registro-quien[data-autor=planner]) [data-rol=planner]::after,.control-zona:has(.registro-quien[data-autor=supervisor]) [data-rol=supervisor]::after{opacity:var(--r, 0)}.registro{overflow:hidden;border-radius:18px;background:#fff;box-shadow:var(--sh-4);opacity:var(--a, 0);transform:translateY(calc((1 - var(--a,0)) * 30px * var(--mov)))}.registro-cabeza{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line)}.registro-cabeza time{color:var(--muted);font-size:13px}.registro-cabeza b{display:block;color:var(--ink);font-size:16px;font-weight:600}.registro-cabeza small{display:block;color:var(--subtle);font-size:12px}.registro-quien{text-align:right}.registro-cambios{padding:8px 20px 10px}.registro-cambios>div{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;min-height:50px;border-top:1px solid var(--line)}.registro-cambios>div:first-child{border-top:0}.registro-cambios dt{color:var(--muted);font-size:14px}.registro-cambios dd{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px}.registro-cambios s{position:relative;color:var(--text);text-decoration:none}.registro-cambios s::after{content:'';position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;background:var(--fail-ink);transform-origin:left;transform:scaleX(calc(1 - (1 - var(--t,0)) * var(--mov)));opacity:var(--t, 0)}.registro-cambios dd{--apaga:calc(var(--t, 0) * 0.35)}.registro-cambios s{opacity:calc(1 - var(--apaga))}.registro-cambios s.vacio::after{display:none}.registro-cambios dd b{color:var(--ok-ink);font-weight:500;opacity:var(--t, 0);transform:translateX(calc((1 - var(--t,0)) * -8px * var(--mov)))}.registro-cambios dd svg{width:14px;height:14px;fill:none;stroke:var(--subtle);stroke-width:2;opacity:var(--t, 0)}.registro-pie{display:flex;flex-wrap:wrap;gap:8px 18px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:13.5px;opacity:var(--t, 0);transform:translateY(calc((1 - var(--t,0)) * 8px * var(--mov)))}.registro-pie span{display:inline-flex;align-items:center;gap:7px}.registro-pie svg{width:17px;height:17px;color:var(--ink)}.registro-pie code{padding:1px 6px;border-radius:6px;background:var(--sunken);font-size:12.5px}.cierre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:clamp(40px,7vw,110px);padding:clamp(84px,15vh,150px) var(--lado);background:#fff}.cierre .titulo-escena{max-width:8.4em}.emblema-cierre{width:clamp(86px,9vw,118px);height:auto;margin:0 0 28px}.demo-caja{padding:clamp(24px,3vw,36px);border-radius:24px;background:#fff;box-shadow:var(--sh-4)}.demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.campo{display:grid;gap:6px;align-content:start}.campo-ancho,.demo-aviso,.demo-pie{grid-column:1/-1}.campo>span{color:var(--ink);font-size:14px;font-weight:600}.campo input,.campo textarea{width:100%;min-height:48px;padding:0 14px;border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;transition:border-color 160ms ease,box-shadow 160ms ease}.campo textarea{min-height:96px;padding:12px 14px;line-height:1.45;resize:vertical}.campo textarea::placeholder{color:#75778a}.campo input:hover,.campo textarea:hover{border-color:#b3aea4}.campo input:focus,.campo textarea:focus{outline:0;border-color:var(--tinta);box-shadow:0 0 0 2px var(--tinta),0 0 0 6px #e7e5e0}.campo[data-error] input{border-color:var(--fail-ink)}.campo[data-error] input:focus{box-shadow:0 0 0 2px var(--fail-ink),0 0 0 6px var(--fail-soft)}.campo-error{color:var(--fail-ink);font-size:13px;font-weight:500}.campo-error:empty{display:none}.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.demo-pie{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:4px}.demo .boton[disabled]{opacity:.72;cursor:progress;transform:none}.demo-aviso{color:var(--fail-ink);font-size:15px;font-weight:500}.demo-aviso:empty{display:none}.demo-aviso a{color:inherit}.demo-listo{padding:12px 0;outline:0}.demo-listo-texto{margin-top:10px;color:var(--text);font-size:19px}.punto-fijo{color:var(--rojo)}[data-revelar]{transition:opacity .7s var(--mo-out),transform .7s var(--mo-out)}.js [data-revelar]:not(.visto){opacity:0;transform:translateY(calc(24px * var(--mov)))}.pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:26px var(--lado) 34px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:14px}.pie a{color:var(--muted);font-weight:500;text-decoration:none}.pie a:hover{color:var(--ink)}.pie nav{display:flex;flex-wrap:wrap;gap:6px 22px}.pie-marca{display:flex;align-items:center;gap:10px}.pie-marca .emblema{width:26px;height:25px}.pie-mapas{flex-basis:100%;color:var(--subtle);font-size:13px}.pie-mapas a{font-weight:400;text-decoration:underline;text-decoration-color:var(--line-strong)}@media (max-width:860px){.barra-link{display:none}.cierre{grid-template-columns:1fr;gap:28px;padding-top:80px}.cierre-lado{display:flex;align-items:center;gap:18px}.emblema-cierre{width:68px;margin:0}.cierre .titulo-escena{font-size:clamp(32px, 8.4vw, 46px)}.demo{grid-template-columns:1fr}.pie{flex-direction:column;align-items:flex-start}}@media (max-width:860px) and (orientation:portrait){.titulo-escena{font-size:clamp(30px, 7.6vw, 56px)}.portada{--alto:170vh}.portada .escenario{display:flex;flex-direction:column;align-items:center}.portada-texto{padding-top:calc(var(--barra) + min(8vh,72px));opacity:1;transform:none}.portada-titulo{font-size:clamp(56px, 16vw, 116px)}.portada-bajada{font-size:18px}.portada-equipo .pantalla{aspect-ratio:var(--ar-portada)}.portada-equipo .lienzo{--ch:calc(var(--cw) / var(--ar-portada));--ox:clamp(0, var(--cx) - var(--cw) / 2, 1440 - var(--cw));--oy:clamp(0, var(--cy) - var(--ch) / 2, 900 - var(--ch));width:calc(1440 / var(--cw) * 100%);transform:translate(calc(var(--ox)/ -1440 * 100%),calc(var(--oy)/ -900 * 100%))}.portada-equipo{--ven-w:min(calc(100vw - 32px), 560px, calc((100svh - var(--barra) - 410px) * var(--ar-portada)));position:relative;left:auto;top:auto;margin-top:clamp(28px,6vh,60px);transform:translateY(calc((1 - var(--t,0)) * 12vh * var(--mov)))}.cierre-zona,.despacho-zona,.pedidos-zona,.plan-zona,.vivo-zona{width:100%}.cierre-ventana,.despacho-ventana,.plan-ventana,.vivo-ventana{top:50%;width:min(100cqw,(100cqh - var(--ventana-barra)) * var(--ar-movil))}.plan-ventana{top:calc(50% - 44px);width:min(100cqw,(100cqh - var(--ventana-barra) - 96px) * var(--ar-movil))}.plan-ventana .lienzo{--k2:calc(var(--cam, 0) * (1 - var(--vuelve, 0)));--cx:calc(var(--cx1) + (var(--cx2, var(--cx1)) - var(--cx1)) * var(--k2));--cy:calc(var(--cy1) + (var(--cy2, var(--cy1)) - var(--cy1)) * var(--k2));--cw:calc(var(--cw1) + (var(--cw2, var(--cw1)) - var(--cw1)) * var(--k2))}.cierre-ventana .pantalla,.despacho-ventana .pantalla,.plan-ventana .pantalla,.vivo-ventana .pantalla{aspect-ratio:var(--ar-movil)}.cierre-ventana .lienzo,.despacho-ventana .lienzo,.plan-ventana .lienzo,.vivo-ventana .lienzo{--ch:calc(var(--cw) / var(--ar-movil));--ox:clamp(0, var(--cx) - var(--cw) / 2, 1440 - var(--cw));--oy:clamp(0, var(--cy) - var(--ch) / 2, 900 - var(--ch));width:calc(1440 / var(--cw) * 100%);transform:translate(calc(var(--ox)/ -1440 * 100%),calc(var(--oy)/ -900 * 100%))}.lienzo-encima{inset:0 auto auto 0}.pedidos-ventana{display:none}.planilla{left:50%;width:100cqw;opacity:var(--a, 0);transform:translate(-50%,-50%) translateY(calc((1 - var(--a,0)) * 30px * var(--mov)))}.reglas{bottom:0;gap:6px;width:100cqw}.reglas li{min-height:32px;padding:0 11px 0 9px;font-size:13px}.reglas svg{width:15px;height:15px}.plan-zona{margin-bottom:44px}.motivo-ficha{width:min(240px,66vw)}.conductor .escenario,.control .escenario{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);justify-items:center;row-gap:clamp(14px,3vh,26px);padding:calc(var(--barra) + clamp(14px,4vh,40px)) 16px clamp(16px,3vh,28px)}.titulos-lado{text-align:center}.titulos-lado .titulo-escena{max-width:none}.celular-zona{width:100%}.control-zona{width:100%;align-content:start}.control-zona{--baja:90px}.roles li{grid-template-columns:8px 102px minmax(0,1fr);column-gap:8px;min-height:30px;padding:3px 10px;font-size:13px}}@media (max-width:600px){.planilla{padding:12px 12px 14px;border-radius:16px}.planilla td:nth-child(5),.planilla td:nth-child(6),.planilla th:nth-child(5),.planilla th:nth-child(6){display:none}.planilla td{height:38px;padding:0 4px;font-size:12px}.planilla th{padding:6px 4px}.planilla-pie{flex-wrap:wrap}.registro-cabeza{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px}.registro-cabeza time{grid-column:1/-1}.registro-cambios{padding:6px 16px 8px}.registro-cambios>div{grid-template-columns:78px minmax(0,1fr)}.registro-pie{padding:12px 16px}}@media (max-height:520px) and (orientation:landscape){:root{--barra:52px;--ventana-barra:24px}.titulo-escena{font-size:clamp(26px, 7vh, 40px)}.portada-texto{padding-top:calc(var(--barra) + 4vh)}.portada-titulo{font-size:clamp(40px, 15vh, 76px)}.portada-bajada{font-size:16px;margin-top:8px}.portada-texto .botones{margin-top:12px}.boton{min-height:46px;padding:0 22px;font-size:16px}.enlace-flecha{min-height:44px;font-size:16px}.portada-equipo{--ven-w:min(84vw, calc((100svh - var(--barra) - 50px) * 1.6))}.ventana-direccion{font-size:10.5px;padding:0 10px}.planilla{width:min(440px,52cqw);padding:10px 12px}.planilla td{height:26px;font-size:11.5px}.planilla th{padding:4px 6px;font-size:11px}.planilla-cabeza{padding-bottom:6px}.planilla-pie{margin-top:6px;padding-top:6px}.boton-app{font-size:12px}.boton-app>span{min-height:28px}.reglas li{min-height:28px;font-size:12px}.motivo-ficha{padding:7px 10px}.motivo-ficha b{font-size:11.5px}.motivo-ficha{width:200px}.conductor .escenario,.control .escenario{padding-top:calc(var(--barra) + 10px);padding-bottom:10px}.control .escenario{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.control-zona{gap:8px}.control-zona{--baja:0px}.roles{display:flex;flex-wrap:wrap;gap:6px}.roles li{display:inline-flex;gap:6px;min-height:26px;padding:0 10px;border:0;border-radius:999px;background:#fff;box-shadow:var(--sh-1);font-size:12px}.roles li::before{width:7px;height:7px}.roles span{display:none}.registro-cabeza{padding:8px 14px}.registro-cambios>div{min-height:30px}.registro-pie{padding:8px 14px;font-size:12px}.cierre{padding-top:72px;padding-bottom:56px}}@media (max-width:860px) and (orientation:portrait) and (prefers-reduced-motion:reduce){.portada-equipo{transform:none;opacity:1}}@media (max-width:420px){.palabra{font-size:19px}.barra-marca .emblema{width:30px;height:28px}}.sin-js .escena{height:auto}.sin-js .escenario{position:relative;height:auto;min-height:100svh;padding-bottom:64px}.sin-js .boton-app,.sin-js .celular,.sin-js .menu-recorte,.sin-js .motivo,.sin-js .paso,.sin-js .pin,.sin-js .planilla,.sin-js .registro,.sin-js .registro-cambios dd b,.sin-js .registro-cambios dd svg,.sin-js .registro-cambios>div,.sin-js .registro-pie,.sin-js .reglas li,.sin-js .roles,.sin-js .roles li,.sin-js .ventana{opacity:1;transform:none}.sin-js .trazo path{stroke-dashoffset:0;opacity:1}.sin-js .firma-trazo{stroke-dashoffset:0;opacity:1}.sin-js .titulos{display:flex;flex-direction:column;gap:.4em}.sin-js .portada-equipo{position:relative;left:auto;top:auto;width:min(1100px,calc(100vw - 32px));transform:none;margin:56px auto 0}.sin-js .celular-zona,.sin-js .cierre-zona,.sin-js .despacho-zona,.sin-js .pedidos-zona,.sin-js .plan-zona,.sin-js .vivo-zona{flex:none;height:auto;container-type:normal}.sin-js .cierre-ventana,.sin-js .despacho-ventana,.sin-js .pedidos-ventana,.sin-js .plan-ventana,.sin-js .planilla,.sin-js .vivo-ventana{position:relative;left:auto;top:auto;width:min(1100px,100%);margin:0 auto 32px}.sin-js .planilla{width:min(560px,100%)}.sin-js .reglas{position:static;transform:none;margin:16px auto 0}.sin-js .planilla{--v:1;--k:1;--e:0}.sin-js .planilla td,.sin-js .planilla tr{--v:1;--k:1;--e:0}.sin-js .estado-error,.sin-js .planilla-estado .estado-ok:not(.estado-creados){display:none}.sin-js .estado-ok{opacity:1}.sin-js .pin{--p:1}.sin-js .trazo{--d:1}.sin-js .firma-capa{--f:1}.sin-js .celular{--cw:min(330px, calc(100vw - 48px));margin:0 auto}.sin-js .celular-zona{display:block}.sin-js .app:not(.app-firma){display:none}.sin-js .app-firma{opacity:1;transform:none;box-shadow:none}.sin-js .lienzo-encima{position:relative;opacity:1;translate:none;box-shadow:none}.sin-js .marca,.sin-js .trazos-velo{display:none}.sin-js .dir-dos{display:none}.sin-js .foco{display:none}.sin-js .emblema-barra{--g:16}.sin-js .control-zona{--r:1}.sin-js .registro-cambios>div{--t:1}