:root{--marron: #8a5a35;--marron-oscuro: #6e4527;--marron-claro: #f4ece2;--fondo: #ffffff;--texto: #262019;--texto-suave: #6b6259;--borde: #e4ddd3;--gris: #ece7e0;--naranja: #c97a1a;--naranja-claro: #fbeedb;--rojo: #b3311f;--rojo-claro: #f9e3df;--verde: #3a7d3a;--verde-claro: #e2f0e2;--radio: 14px;font-family:Century Gothic,Futura,Poppins,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button{font:inherit;cursor:pointer}[hidden]{display:none!important}body{background:var(--marron-claro);font-size:17px}h1,h2,p{margin:0}.suave{color:var(--texto-suave);font-size:.9em}.cabecera{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--marron);color:#fff}.cabecera .titulos{flex:1;min-width:0}.cabecera h1{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabecera .subtitulo{font-size:.8rem;opacity:.85}.atras,.atras-hueco{width:44px;height:44px;flex:none}.atras{border:0;border-radius:12px;background:#ffffff2e;color:#fff;font-size:2rem;line-height:1}.sync{flex:none;border:0;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:700;color:#fff}.sync.ok{background:var(--verde)}.sync.trabajando{background:var(--naranja)}.sync.sin-red{background:var(--rojo)}.avisos{padding:8px 14px 0}.aviso{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;padding:10px 14px;border-radius:10px;background:var(--naranja-claro);border:1px solid var(--naranja)}.aviso button{border:0;background:none;font-size:1.4rem;min-width:36px;min-height:36px}.aviso-fijo{margin:8px 14px 0;padding:10px 14px;border-radius:10px;background:var(--naranja-claro);border:1px solid var(--naranja);font-size:.9rem}.aviso-version{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:var(--texto);color:#fff;font-weight:700}.aviso-version button{min-height:48px;padding:0 18px;border:0;border-radius:10px;background:var(--naranja);color:#fff;font-weight:700}.contenido{padding:14px;max-width:1100px;margin:0 auto}.vacio{padding:30px 10px;text-align:center;color:var(--texto-suave)}.rejilla-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.tarjeta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--borde);border-radius:var(--radio);background:#fff;text-align:left;color:var(--texto);min-height:90px}.tarjeta strong{font-size:1.15rem}.etiqueta{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--gris);font-size:.75rem;font-weight:700;color:var(--texto-suave)}.barra{width:100%;height:10px;border-radius:999px;background:var(--gris);overflow:hidden}.barra-relleno{height:100%;background:var(--verde)}.chips-p{display:flex;flex-wrap:wrap;gap:6px}.chip-p{padding:4px 10px;border-radius:999px;background:var(--naranja-claro);color:var(--naranja);font-size:.8rem;font-weight:700}.chip-p.cero{background:var(--verde-claro);color:var(--verde)}.resumen{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px;padding:16px;border-radius:var(--radio);background:#fff;border:1px solid var(--borde)}.resumen-cifras{display:flex;align-items:baseline;gap:8px}.resumen-cifras strong{font-size:2rem}button.principal,button.secundario,button.cancelar{min-height:52px;padding:0 20px;border-radius:12px;font-weight:700}button.principal{border:0;background:var(--marron);color:#fff}button.secundario{border:2px solid var(--marron);background:#fff;color:var(--marron)}.centrada{display:flex;flex-direction:column;gap:14px;max-width:460px;margin:0 auto;padding:40px 20px}.campo-token{width:100%;padding:12px;border:2px solid var(--borde);border-radius:12px;font:.9rem Consolas,monospace;resize:vertical}.error{min-height:1.2em;color:var(--rojo);font-weight:700}.barra-herramientas{position:sticky;top:64px;z-index:4;padding:10px 14px;background:var(--marron-claro);border-bottom:1px solid var(--borde)}.pestanas{display:flex;gap:6px;overflow-x:auto}.pestana{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 14px;border:2px solid var(--borde);border-radius:12px;background:#fff;color:var(--texto);font-weight:700}.pestana.activa{border-color:var(--marron);background:var(--marron);color:#fff}.insignia{min-width:28px;padding:2px 8px;border-radius:999px;background:var(--naranja);color:#fff;font-size:.8rem;text-align:center}.insignia.cero{background:var(--verde)}.ayuda-etapa{margin:8px 2px 6px;font-size:.85rem;color:var(--texto-suave)}.herramientas{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.buscador{flex:1 1 180px;min-height:48px;padding:0 14px;border:2px solid var(--borde);border-radius:12px;font:inherit}.solo-pendientes{display:flex;align-items:center;gap:8px;min-height:48px;font-size:.9rem}.solo-pendientes input{width:26px;height:26px}.codigo{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:18px 4px 6px}.codigo strong{font-size:1.1rem}.fila{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info contador" "estado contador";align-items:center;gap:4px 12px;margin-bottom:8px;padding:10px 12px;border:1px solid var(--borde);border-radius:var(--radio);background:#fff}.fila.hecha{background:var(--verde-claro);border-color:var(--verde)}.fila-info{grid-area:info;display:flex;align-items:center;gap:10px}.chip-color{min-width:52px;padding:6px 10px;border-radius:10px;background:var(--marron-claro);border:2px solid var(--marron);font-size:1.1rem;font-weight:800;text-align:center}.pedidas{font-size:.95rem;color:var(--texto-suave)}.fila-estado{grid-area:estado;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:.85rem}.objetivo{font-weight:700}.quien{color:var(--texto-suave)}.atencion{color:var(--rojo);font-weight:700}.contador{grid-area:contador;display:flex;align-items:center;gap:8px}.contador button{width:64px;height:64px;border:0;border-radius:14px;font-size:2rem;font-weight:700}.contador .menos{background:var(--gris);color:var(--texto)}.contador .mas{background:var(--marron);color:#fff}.contador .numero{width:76px;border:2px solid var(--borde);background:#fff;font-size:1.7rem}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#2620198c}.modal{width:min(340px,92vw);display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:#fff}.teclado-valor{padding:10px;border-radius:12px;background:var(--marron-claro);font-size:2.6rem;font-weight:800;text-align:right}.teclado-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tecla{min-height:64px;border:0;border-radius:14px;background:var(--gris);font-size:1.6rem;font-weight:700}.tecla.ok{background:var(--verde);color:#fff}.cancelar{border:2px solid var(--borde);background:#fff}@media (max-width: 560px){.fila{grid-template-columns:1fr;grid-template-areas:"info" "contador" "estado"}.contador{justify-content:center}}