:root{--azul:#1e6bb8;--fondo:#f2f6fa;--borde:#c9d8e8}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));overflow-x:hidden}.card{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(30,107,184,.12);max-width:560px;width:100%;padding:36px}h1{color:var(--azul);font-size:1.5rem;margin-bottom:6px}p.sub{color:#667;font-size:.92rem;margin-bottom:22px}.drop{border:2px dashed var(--borde);border-radius:12px;padding:38px 20px;text-align:center;color:#567;cursor:pointer;transition:.15s}.drop.over{border-color:var(--azul);background:#eaf3fb}.drop strong{color:var(--azul)}ul.lista{list-style:none;margin:16px 0}ul.lista li{display:flex;justify-content:space-between;align-items:center;background:#f7fafd;border:1px solid var(--borde);border-radius:8px;padding:8px 12px;margin-bottom:6px;font-size:.9rem}ul.lista li span{min-width:0;word-break:break-word}ul.lista button{background:none;border:none;color:#c0392b;cursor:pointer;font-size:1.05rem;flex-shrink:0;min-width:40px;min-height:40px;margin:-8px -8px -8px 4px}.modos{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:4px 0 12px}.modo{border:1.5px solid var(--borde);border-radius:10px;padding:10px 8px;cursor:pointer;text-align:center;transition:.15s}.modo.sel,.modo:hover{border-color:var(--azul)}.modo.sel{background:#eaf3fb}.modo b{display:block;font-size:.85rem;color:#234}.modo.sel b{color:var(--azul)}.modo small{display:block;margin-top:4px;font-size:.72rem;line-height:1.3;color:#789}.barra{position:relative;height:18px;background:#e6eef6;border-radius:9px;margin-top:14px;overflow:hidden}.barra .relleno{height:100%;background:var(--azul);border-radius:9px;transition:width .25s}.barra span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;color:#234}.btn{width:100%;background:var(--azul);color:#fff;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:8px}.btn:disabled{background:#9db8d2;cursor:not-allowed}.estado{margin-top:14px;text-align:center;font-size:.92rem;color:#456;min-height:22px}.estado.error{color:#c0392b}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--borde);border-top-color:var(--azul);border-radius:50%;animation:g .8s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes g{to{transform:rotate(1turn)}}.card.ancha{max-width:900px}.fila-clave{display:flex;gap:8px;margin-bottom:8px}.fila-clave input{flex:1 1;min-width:0;border:1.5px solid var(--borde);border-radius:10px;padding:12px 14px;font-size:16px}.fila-clave input:focus{outline:none;border-color:var(--azul)}.fila-clave .btn{width:auto;margin-top:0;padding:12px 20px}.resumen-cajas{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:18px 0}.resumen-cajas div{background:#f7fafd;border:1px solid var(--borde);border-radius:10px;padding:12px 10px;text-align:center}.resumen-cajas b{display:block;font-size:1.3rem;color:var(--azul)}.resumen-cajas span{font-size:.72rem;color:#789}.tabla-scroll{overflow-x:auto}table.historial{width:100%;border-collapse:collapse;font-size:.8rem;min-width:640px}table.historial th{background:var(--azul);color:#fff;text-align:left;padding:8px 10px;font-weight:600;white-space:nowrap}table.historial td{padding:8px 10px;border-bottom:1px solid #e3ecf5;color:#345;vertical-align:top}table.historial tr:nth-child(2n) td{background:#f7fafd}table.historial td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}table.historial td.docs{max-width:230px;word-break:break-word;color:#567}table.historial small{color:#89a}.vacio{text-align:center;color:#789;padding:30px 0;font-size:.9rem}.consumo{margin-top:14px;border:1px solid var(--borde);border-radius:10px;padding:12px 14px;background:#f7fafd}.consumo-cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.consumo-cab span{font-size:.82rem;font-weight:600;color:#234}.consumo-cab b{font-size:1.05rem;color:var(--azul)}.consumo table{width:100%;border-collapse:collapse;font-size:.8rem}.consumo td{padding:4px 0;color:#456;border-bottom:1px solid #e3ecf5}.consumo td:nth-child(2),.consumo td:nth-child(3){text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.consumo td:nth-child(3){width:72px;color:#678}.consumo tr.total td{border-bottom:none;padding-top:7px;font-weight:600;color:#234}.consumo small{display:block;margin-top:8px;font-size:.7rem;color:#889}.nota{margin-top:18px;font-size:.78rem;color:#889;text-align:center}@media (max-width:640px){body{align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.card{padding:24px 18px;border-radius:14px}h1{font-size:1.3rem}p.sub{font-size:.87rem;margin-bottom:18px}.drop{padding:30px 14px}.modos{grid-template-columns:1fr;gap:7px}.modo{text-align:left;padding:11px 13px}.modo b{font-size:.9rem}.modo small{margin-top:2px;font-size:.75rem}.modo.sel{box-shadow:inset 0 0 0 1px var(--azul)}.btn{padding:15px}.resumen-cajas{grid-template-columns:repeat(2,1fr)}.fila-clave{flex-direction:column}.fila-clave .btn{width:100%}.consumo table{font-size:.75rem}.consumo td:nth-child(3){width:62px}}@media (max-width:380px){body{padding:8px}.card{padding:20px 14px}h1{font-size:1.18rem}.drop{padding:24px 10px;font-size:.9rem}.resumen-cajas{grid-template-columns:1fr 1fr;gap:7px}.resumen-cajas b{font-size:1.1rem}.consumo table{font-size:.7rem}ul.lista li{font-size:.82rem}}@media (hover:none){.modo:hover{border-color:var(--borde)}.modo.sel:hover{border-color:var(--azul)}.modo:active{background:#eaf3fb}.btn:active:not(:disabled){opacity:.85}}