:root{--tinta:#14212b;--tinta-70:#14212bb3;--papel:#edebe4;--carta:#fff;--sello:#b4232a;--verde:#2e6b4f;--humo:#6e736e;--linea:#d3d1c8;--display:"Archivo", system-ui, sans-serif;--texto:"IBM Plex Sans", system-ui, sans-serif;--cifra:"IBM Plex Mono", ui-monospace, monospace;--r:4px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--papel);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(0deg,#14212b06 0 1px,#0000 1px 3px);margin:0;font-size:16px;line-height:1.5}.wrap{max-width:1080px;margin:0 auto;padding:20px 16px 72px}.top{border-bottom:2px solid var(--tinta);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:26px;padding-bottom:10px;display:flex}.top h1{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:700}.top .dist{font-family:var(--cifra);letter-spacing:.06em;color:var(--humo);margin-left:auto;font-size:.72rem}.rotulo{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--humo);margin-bottom:8px;font-size:.68rem;font-weight:600;display:block}.puerta{text-align:center;max-width:400px;margin:8vh auto 0}.puerta h1{font-family:var(--display);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:700;line-height:1.05}.puerta p{color:var(--humo);margin:0 0 30px;font-size:.95rem}.puerta form{gap:12px;display:grid}.codigo{font-family:var(--cifra);letter-spacing:.5em;text-align:center;text-indent:.5em;border:2px solid var(--tinta);border-radius:var(--r);background:var(--carta);color:var(--tinta);width:100%;padding:16px 12px;font-size:1.5rem}.codigo:focus-visible{outline:3px solid var(--sello);outline-offset:2px}.btn{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--tinta);border-radius:var(--r);background:var(--tinta);color:#fff;cursor:pointer;width:100%;padding:16px 22px;font-size:.9rem;font-weight:700;transition:transform .12s,background .12s}.btn:hover:not(:disabled){background:#0c161d}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--sello);outline-offset:2px}.btn.claro{color:var(--tinta);background:0 0}.btn.claro:hover:not(:disabled){background:#14212b0f}.btn.texto{color:var(--humo);background:0 0;border:none;width:auto;padding:8px 0;font-size:.75rem}.acciones{gap:10px;margin-top:22px;display:grid}@media (min-width:620px){.acciones{grid-template-columns:1fr 1fr}}.zona{border:2px dashed var(--tinta);border-radius:var(--r);background:var(--carta);text-align:center;cursor:pointer;padding:40px 20px;transition:background .15s,border-color .15s}.zona:hover,.zona.activa{border-color:var(--sello);background:#fbfaf6}.zona:focus-visible{outline:3px solid var(--sello);outline-offset:3px}.zona strong{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;font-size:1.05rem;font-weight:700;display:block}.zona span{color:var(--humo);font-size:.88rem}.archivos{gap:6px;margin:22px 0 0;padding:0;list-style:none;display:grid}.archivo{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;font-size:.82rem;display:grid}.archivo .nombre{font-family:var(--cifra);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.archivo .estado{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--humo);font-size:.65rem;font-weight:600}.archivo .estado.ok{color:var(--verde)}.archivo .estado.mal{color:var(--sello)}.barra{background:var(--linea);border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.barra i{background:var(--tinta);height:100%;transition:width .25s;display:block}.avisos{gap:8px;margin:22px 0;display:grid}.aviso{border-left:4px solid var(--humo);background:var(--carta);border-radius:0 var(--r) var(--r) 0;padding:10px 14px;font-size:.85rem}.aviso.error{border-left-color:var(--sello)}.aviso.aviso-warn{border-left-color:#b8860b}.cinta{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);margin-top:26px;padding:30px 22px 26px;position:relative}.cinta:before,.cinta:after{content:"";background-image:radial-gradient(circle at 5px 4px, var(--papel) 3.4px, transparent 3.6px);background-size:10px 8px;height:8px;position:absolute;left:0;right:0}.cinta:before{top:-1px}.cinta:after{bottom:-1px}.gran-cifra{font-family:var(--cifra);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.5rem,12vw,4rem);font-weight:600;line-height:1}.sub-cifra{font-family:var(--cifra);color:var(--humo);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:.8rem}.sello{border:3px double var(--sello);color:var(--sello);text-align:center;opacity:.92;border-radius:50%;place-content:center;width:92px;height:92px;animation:.45s cubic-bezier(.2,1.4,.4,1) both estampar;display:grid;position:absolute;top:18px;right:16px;transform:rotate(-11deg)}.sello b{font-family:var(--cifra);font-size:1.3rem;font-weight:700;line-height:1;display:block}.sello span{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:.5rem;font-weight:700;display:block}@keyframes estampar{0%{opacity:0;transform:rotate(-24deg)scale(1.9)}to{opacity:.92;transform:rotate(-11deg)scale(1)}}@media (prefers-reduced-motion:reduce){.sello{animation:none}*{transition-duration:.01ms!important}}.mes{margin-top:34px}.mes h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--tinta);margin:0 0 2px;padding-bottom:8px;font-size:1.05rem;font-weight:700}.semana{margin-top:18px}.semana-cab{border-radius:var(--r) var(--r) 0 0;background:#e2e5e0;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.semana-cab .rango{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.semana-cab .monto{font-family:var(--cifra);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600}.orden{background:var(--carta);border:1px solid var(--linea);border-top:none;grid-template-columns:1fr auto;gap:3px 12px;padding:12px;display:grid}.orden .cliente{font-size:.95rem;font-weight:600}.orden .meta{font-family:var(--cifra);color:var(--humo);grid-column:1;font-size:.68rem}.orden .ganado{text-align:right;font-family:var(--cifra);font-variant-numeric:tabular-nums;color:var(--verde);grid-area:1/2/3;align-self:center;font-size:1.05rem;font-weight:600}.orden .ganado em{color:var(--humo);font-size:.66rem;font-style:normal;font-weight:400;display:block}.orden .partes{border-top:1px dotted var(--linea);font-family:var(--cifra);color:var(--humo);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-column:1/-1;gap:4px 16px;margin-top:8px;padding-top:8px;font-size:.68rem;display:flex}.subtotal{border:1px solid var(--linea);background:#f4f4f1;border-top:none;justify-content:space-between;gap:10px;padding:8px 12px;font-size:.78rem;display:flex}.subtotal .etq{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--humo);font-size:.68rem;font-weight:600}.subtotal .val{font-family:var(--cifra);font-variant-numeric:tabular-nums;font-weight:600}.mes-total{background:var(--tinta);color:#fff;border-radius:var(--r);justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.mes-total .etq{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.mes-total .val{font-family:var(--cifra);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.pie{border-top:1px solid var(--linea);color:var(--humo);margin-top:40px;padding-top:14px;font-size:.72rem}.nota-drive{color:var(--humo);text-align:center;margin-top:10px;font-size:.78rem}.enlace{color:var(--sello);font-weight:600}.top .salir{letter-spacing:.12em;margin-left:14px;padding:0;font-size:.65rem}.nota-drive p{margin:0}.nota-drive .btn.texto{margin:4px auto 0;display:block}.zona-comision{border-top:1px dotted var(--linea);grid-column:1/-1;margin-top:10px;padding-top:10px}.link-comision{cursor:pointer;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--sello);background:0 0;border:none;padding:2px 0;font-size:.68rem;font-weight:600}.link-comision:hover{text-decoration:underline}.link-comision:focus-visible{outline:2px solid var(--sello);outline-offset:2px}.comision-hecha{justify-content:space-between;align-items:flex-start;gap:10px;font-size:.8rem;display:flex}.comision-hecha b{font-weight:600}.comision-hecha em{font-style:normal;font-family:var(--cifra);color:var(--humo);margin-top:2px;font-size:.68rem;display:block}.comision-editor{border-radius:var(--r);background:#fdf4f4;border:1px solid #eccdcd;padding:12px}.comision-editor .rotulo{margin-bottom:5px}.comision-editor .rotulo+.campo{margin-bottom:12px}.campo{width:100%;font-family:var(--texto);border:1px solid var(--linea);border-radius:var(--r);background:var(--carta);color:var(--tinta);padding:11px 12px;font-size:1rem}.campo:focus-visible{outline:2px solid var(--sello);outline-offset:1px}.atajos{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{font-family:var(--cifra);border:1px solid var(--linea);border-radius:var(--r);background:var(--carta);color:var(--tinta);cursor:pointer;padding:9px 12px;font-size:.85rem;font-weight:600}.chip.elegido{background:var(--sello);border-color:var(--sello);color:#fff}.chip:focus-visible{outline:2px solid var(--sello);outline-offset:2px}.campo.porc{width:82px;font-family:var(--cifra);text-align:center;padding:9px 6px}.calculo{font-family:var(--cifra);color:var(--tinta);margin:12px 0 0;font-size:.72rem;line-height:1.5}.alerta-campo{color:var(--sello);margin:10px 0 0;font-size:.75rem}.comision-botones{gap:8px;margin-top:14px;display:flex}.btn.chico{flex:1;width:auto;padding:11px 16px;font-size:.75rem}.panel-comisiones{background:var(--carta);border:1px solid var(--linea);border-left:4px solid var(--sello);border-radius:0 var(--r) var(--r) 0;margin-top:18px;padding:14px 16px}.fila-com{border-bottom:1px dotted var(--linea);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:.88rem;display:flex}.fila-com em{color:var(--humo);font-size:.68rem;font-style:normal;display:block}.fila-com b{font-family:var(--cifra);font-variant-numeric:tabular-nums;font-weight:600}.fila-com.total{border-bottom:none;border-top:2px solid var(--tinta);margin-top:4px;padding-top:10px;font-weight:600}.descuento{font-family:var(--cifra);color:var(--sello);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:.74rem}.semana-cab .monto{text-align:right}.semana-cab .monto em{font-style:normal;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--humo);margin-top:2px;font-size:.58rem;font-weight:600;display:block}