@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Archivo:wght@400;500;600;700&display=swap";:root{--papel: oklch(.978 .009 84);--papel-hond: oklch(.951 .013 80);--tinta: oklch(.235 .016 48);--tinta-2: oklch(.505 .02 52);--tinta-3: oklch(.655 .018 58);--linea: oklch(.875 .013 72);--linea-2: oklch(.805 .018 68);--acento: oklch(.455 .145 26);--acento-luz: oklch(.935 .03 40);--serif: "Instrument Serif", Georgia, serif;--sans: "Archivo", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--papel);color:var(--tinta);font:400 15px/1.45 var(--sans);overflow:hidden}#app{height:100%;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}.cab{flex:0 0 auto;display:flex;align-items:baseline;gap:14px;padding:9px 18px 8px;border-bottom:1px solid var(--linea)}.cab h1{margin:0;font:400 23px/1 var(--serif);letter-spacing:.004em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cab .der{margin-left:auto;display:flex;align-items:center;gap:9px}.rinde{display:flex;align-items:center;gap:9px;font:500 12px/1 var(--sans);color:var(--tinta-2);letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.rinde b{font:600 15px/1 var(--sans);color:var(--tinta);font-variant-numeric:tabular-nums;min-width:16px;text-align:center}.redondo{width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--linea-2);background:transparent;color:var(--tinta-2);font:400 15px/1 var(--sans);display:grid;place-items:center;transition:border-color .18s cubic-bezier(.2,.8,.3,1),color .18s}.redondo:active{border-color:var(--acento);color:var(--acento)}.texto-btn{border:0;background:none;color:var(--tinta-2);font:500 12px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;padding:7px 4px}.texto-btn:hover{color:var(--acento)}.principal{border:1px solid var(--acento);background:var(--acento);color:var(--papel);font:600 13px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;padding:13px 20px;border-radius:2px;transition:transform .16s cubic-bezier(.2,.8,.3,1),opacity .16s}.principal:active{transform:translateY(1px)}.principal:disabled{opacity:.35}.secundario{border:1px solid var(--linea-2);background:transparent;color:var(--tinta-2);font:600 13px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;padding:13px 20px;border-radius:2px}.aviso{margin:12px 0 0;padding:11px 13px;border-radius:2px;border:1px solid var(--acento);background:var(--acento-luz);color:var(--acento);font-size:14px;line-height:1.4}.centro{flex:1 1 auto;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}.hoja{width:100%;max-width:620px}.hoja h2{margin:0 0 4px;font:400 34px/1.05 var(--serif)}.hoja p.baja{margin:0 0 18px;color:var(--tinta-2);font-size:14.5px}input[type=text],input[type=password],textarea{width:100%;font:400 15px/1.4 var(--sans);color:var(--tinta);background:#fff;border:1px solid var(--linea-2);border-radius:2px;padding:11px 12px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:-1px}textarea{min-height:120px}label.campo{display:block;margin:0 0 4px;font:500 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}.fila-campos{display:flex;gap:10px;margin-top:12px}.fila-campos>*{flex:1}.lista{list-style:none;margin:0;padding:0}.lista li{display:flex;align-items:baseline;gap:12px;padding:13px 2px;border-bottom:1px solid var(--linea);cursor:pointer}.lista li:hover .t{color:var(--acento)}.lista .t{font:400 21px/1.15 var(--serif);flex:1}.lista .f{font-size:12.5px;color:var(--tinta-3);white-space:nowrap}.lista .x{border:0;background:none;color:var(--tinta-3);font-size:17px;padding:0 4px;line-height:1}.lista .x:hover{color:var(--acento)}.vacio{border:1px dashed var(--linea-2);border-radius:3px;padding:26px 22px;text-align:center;color:var(--tinta-2)}.mapa{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 18px 10px;background:var(--papel-hond);border-bottom:1px solid var(--linea)}.rej{display:grid;border-top:1px solid var(--linea-2);border-right:1px solid var(--linea-2)}.f-ing{display:flex;align-items:baseline;gap:6px;padding:0 10px 0 6px;font:400 11px/1.32 var(--sans);min-width:0;position:relative;border-bottom:1px solid var(--linea-2);border-left:1px solid var(--linea-2);transition:background .2s cubic-bezier(.2,.8,.3,1)}.f-ing .c{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.f-ing .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-ing.dentro{background:#972a280e}.f-ing.on{background:#972a2822;color:var(--acento)}.f-ing.on .c{color:var(--acento)}.f-ing.on:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acento)}.f-ing.ok{color:var(--tinta-3)}.f-ing.ok .c{color:var(--tinta-3);text-decoration:line-through}.op{border-left:1px solid var(--linea-2);border-bottom:1px solid var(--linea-2);background:transparent;display:grid;place-items:center;padding:3px 4px;font:600 10.5px/1.15 var(--sans);letter-spacing:.028em;text-align:center;color:var(--tinta-2);overflow:hidden;transition:background .2s cubic-bezier(.2,.8,.3,1),color .2s}.op .t{display:block;font:500 9.5px/1 var(--sans);color:var(--tinta-3);font-variant-numeric:tabular-nums;margin-top:4px;white-space:nowrap}.op .x{display:block;font:500 9px/1 var(--sans);color:var(--acento);margin-top:3px}.op.dentro{background:#972a280e}.op.ok{color:var(--tinta-3)}.op.on{background:var(--acento);color:var(--papel)}.op.on .t,.op.on .x{color:#fbe2d9}.tira{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tira.antes{margin-bottom:7px}.tira.despues{margin-top:7px}.tira .rot{font:500 9.5px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--tinta-3);padding-right:3px}.tira span.p{font:400 11.5px/1 var(--sans);color:var(--tinta-2);padding:5px 9px;border:1px dashed var(--linea-2);border-radius:2px;transition:color .2s,border-color .2s}.tira span.p.on{border-style:solid;border-color:var(--acento);background:var(--acento);color:var(--papel)}.tira span.p.ok{color:var(--tinta-3);text-decoration:line-through;border-style:solid}.paso{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:0 20px;align-items:center;padding:10px 18px 11px}.folio{font:400 12px/1 var(--serif);color:var(--tinta-3);font-variant-numeric:tabular-nums;letter-spacing:.06em;border-right:1px solid var(--linea);padding:5px 16px 5px 0;align-self:stretch;white-space:nowrap}.folio b{display:block;font:400 30px/.95 var(--serif);color:var(--acento);margin-bottom:3px}.cuerpo{min-width:0}.cuerpo h2{margin:0 0 1px;font:400 27px/1.02 var(--serif);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cuerpo h2 em{font:500 12px/1 var(--sans);font-style:normal;letter-spacing:.075em;text-transform:uppercase;color:var(--acento);border:1px solid var(--acento-luz);background:var(--acento-luz);padding:4px 7px;border-radius:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.viene{font:400 12.5px/1.3 var(--sans);color:var(--tinta-2);margin:2px 0 0}.viene b{font-weight:600;color:var(--tinta)}.ings{display:flex;flex-wrap:wrap;gap:4px 7px;margin:7px 0 0;padding:0;list-style:none}.ings li{display:flex;align-items:baseline;gap:6px;border:1px solid var(--linea-2);border-radius:2px;padding:5px 9px;background:var(--papel);transition:opacity .2s}.ings li .c{font:600 15px/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}.ings li .a{font:400 12px/1 var(--sans);color:var(--tinta-3);white-space:nowrap}.ings li .n{font:400 15px/1 var(--sans)}.ings li .no{font:400 11.5px/1 var(--sans);color:var(--tinta-3)}.ings li.ok{opacity:.42;border-style:dashed}.ings li.ok .c,.ings li.ok .n{text-decoration:line-through}.det{margin:8px 0 0;font:400 13px/1.4 var(--sans);color:var(--tinta-2);max-width:62ch}.mando{display:flex;flex-direction:column;gap:7px;align-self:stretch;justify-content:center}.mando button{white-space:nowrap}@media(min-width:900px)and (min-height:620px){.mapa{flex:1 1 auto;padding:22px 26px;display:flex;flex-direction:column;justify-content:center}.rej,.tira,.paso{max-width:1500px;margin-inline:auto;width:100%}.f-ing{font-size:14px;min-height:34px;align-items:center;padding:4px 14px 4px 9px}.f-ing .c{font-size:14px}.op{font-size:13.5px;padding:8px 10px}.op .t{font-size:11.5px;margin-top:5px}.op .x{font-size:11px}.tira span.p{font-size:13px;padding:7px 12px}.tira .rot{font-size:11px}.paso{padding:20px 26px 22px;gap:0 28px}.cuerpo h2{font-size:36px}.cuerpo h2 em{font-size:13px}.folio b{font-size:40px}.folio{font-size:13px}.viene{font-size:14.5px}.ings{gap:7px 10px;margin-top:12px}.ings li{padding:8px 13px}.ings li .c{font-size:18px}.ings li .n{font-size:17px}.ings li .a,.ings li .no{font-size:13px}.det{font-size:15px;margin-top:12px}.mando button{padding:15px 26px;font-size:14px}.cab{padding:14px 26px 12px}.cab h1{font-size:27px}}@keyframes entra{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.anim{animation:entra .3s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.anim{animation:none}}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font:500 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);padding:0 8px 7px 0}.tabla td{padding:7px 8px 7px 0;border-bottom:1px solid var(--linea)}.tabla input{width:84px;padding:5px 7px;font-variant-numeric:tabular-nums}.tabla .origen{font-size:11.5px;color:var(--tinta-3)}
