*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Segoe UI,system-ui,sans-serif;background:#f4ece2;color:#2b2118;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100dvh}.pantallas{flex:1;overflow:hidden;position:relative}.pantalla{height:100%;overflow-y:auto;padding-bottom:var(--teclado, 0px)}button{font:inherit;cursor:pointer}.nav-app{display:flex;gap:8px;padding:8px;background:#fffaf2;box-shadow:0 -3px 10px #0000001a;position:relative;z-index:1}.nav-app-btn{flex:1;padding:13px 8px;border:none;border-radius:12px;background:none;font-size:15px;font-weight:600;color:#8a7a63}.nav-app-btn.activo{background:#8a5a35;color:#fff;font-weight:700;box-shadow:0 2px 6px #8a5a3566}.cabecera{position:sticky;top:0;z-index:5;padding:14px 16px 10px;background:#fffaf2;border-bottom:1px solid #e6d9c0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.cabecera h1{margin:0;font-size:19px}.cabecera .cabecera-sub{font-size:13px;color:#7a6a55}.contador-completos{background:#dff0d8;color:#2d6a1f;border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px}#franja-operario{position:fixed;top:0;left:0;right:0;height:6px;z-index:200;pointer-events:none}#franja-operario[hidden]{display:none}.chips-operarios{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chips-operarios .etiqueta-operarios{font-size:12px;color:#7a6a55}.chip-operario{border:2px solid var(--color-operario, #ccc);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;background:#fff;color:#2b2118}.chip-operario.activo{background:var(--color-operario, #8a5a35);color:var(--texto-operario, #fff)}#avisos{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.aviso-toast{background:#2d6a1f;color:#fff;padding:12px 14px 12px 22px;border-radius:10px;font-weight:600;box-shadow:0 4px 14px #00000040;animation:aviso-in .2s ease-out;pointer-events:auto;display:flex;align-items:center;gap:14px}.aviso-cerrar{border:none;background:#fff3;color:#fff;width:26px;height:26px;border-radius:50%;font-size:16px;line-height:1;flex-shrink:0}@keyframes aviso-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chips-colecciones{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.chip-coleccion{border:2px solid #ccc;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;background:#fff;display:flex;align-items:center;gap:8px}.chip-coleccion .chip-progreso{font-size:12px;font-weight:400;opacity:.75}.chip-coleccion.completa{text-decoration:line-through;opacity:.55}.chip-coleccion.activa{box-shadow:0 0 0 3px #00000026 inset}.chip-modo{border:2px dashed #8a5a35;color:#8a5a35;font-weight:700;background:#fffaf2}.chips-grupos{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}.chip-grupo{border:1px solid #d8c8ac;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;background:#fffaf2;color:#6b5a45;display:flex;align-items:center;gap:6px}.chip-grupo .chip-progreso{font-size:11px;font-weight:400;opacity:.75}.chip-grupo.completo{text-decoration:line-through;opacity:.55}.chip-grupo.activo{background:#8a5a35;color:#fff}.grid-articulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:0 16px 20px}.tarjeta-articulo{background:#fff;border:1px solid #e6d9c0;border-radius:12px;overflow:hidden;text-align:center;padding-bottom:8px;position:relative}.tarjeta-articulo.completo{opacity:.5}.tarjeta-articulo img,.tarjeta-articulo .sin-foto{width:100%;aspect-ratio:1;object-fit:cover;background:#f0e8d8;display:flex;align-items:center;justify-content:center;font-size:12px;color:#a89a7f}.tarjeta-articulo .codigo{font-weight:700;font-size:14px;margin-top:6px}.tarjeta-articulo .tarjeta-coleccion{font-size:10px;text-transform:uppercase;letter-spacing:.02em;color:#8a7a63;margin-top:6px;padding:0 4px}.tarjeta-articulo .progreso{font-size:12px;color:#6b5a45}.tarjeta-articulo.parcial .progreso{display:inline-block;margin-top:2px;padding:1px 8px;border-radius:999px;background:#ffe2a8;color:#7a4a00;font-weight:700}.tarjeta-articulo .badge-completo{position:absolute;top:6px;right:6px;background:#2d6a1f;color:#fff;border-radius:999px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:20px;padding-bottom:calc(20px + var(--teclado, 0px));overflow-y:auto}.overlay[hidden]{display:none}.modal{background:#fff;border-radius:14px;padding:20px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;position:relative}.modal-cerrar{position:absolute;top:10px;right:14px;border:none;background:none;font-size:26px;line-height:1;color:#6b5a45}.modal h3{margin:0 0 4px}.modal .modal-sub{color:#7a6a55;font-size:13px;margin-bottom:14px}.modal-articulo-foto{width:140px;height:140px;object-fit:cover;border-radius:10px;float:left;margin:0 14px 10px 0}.lineas-separar{clear:both}.linea-separar{border:1px solid #e6d9c0;border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.linea-separar.completa{background:#eef7ea;border-color:#bfe0ad}.linea-separar.parcial .stepper input{background:#ffe2a8;border-color:#e0a030;color:#7a4a00;font-weight:700}.linea-separar .linea-info{flex:1;min-width:140px}.linea-separar .linea-pedido{color:#6b5a45;font-size:13px}.linea-color-destacado{display:flex;align-items:center;gap:8px;margin-bottom:2px;flex-wrap:wrap}.circulo-color{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(60,40,20,.55);flex-shrink:0}.linea-color-codigo{font-weight:700;font-size:18px}.linea-color-nota{font-size:13px;color:#6b5a45}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:34px;height:34px;border-radius:8px;border:1px solid #ccc;background:#fff;font-size:18px}.stepper input{width:46px;text-align:center;font-size:16px;border:1px solid #ccc;border-radius:8px;padding:6px 2px}.btn-todo{border:none;background:#8a5a35;color:#fff;border-radius:8px;padding:8px 12px;font-weight:600;font-size:13px}.btn-todo:disabled{background:#ccc}.analisis-layout{display:flex;flex-wrap:wrap;gap:24px;padding:16px;align-items:flex-start}.analisis-principal{flex:1 1 420px;min-width:0}.analisis-bloques{flex:0 1 260px;min-width:220px;background:#fff;border:1px solid #e6d9c0;border-radius:12px;padding:14px}.analisis-bloques h3{margin:0 0 10px}.analisis-bloques-acciones{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.analisis-bloques-lista{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.analisis-bloque-item{display:flex;align-items:flex-start;gap:8px;padding:6px;border-radius:8px;cursor:pointer;font-size:13px}.analisis-bloque-item:hover{background:#f7f0e2}.analisis-bloque-item input{margin-top:3px;flex-shrink:0}.analisis-bloque-detalle{color:#6b5a45;font-size:12px}.analisis-seccion{margin-bottom:28px}.analisis-seccion h3{margin:0 0 10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.analisis-seccion h4{margin:18px 0 8px;font-size:14px}.analisis-top-control{font-size:12px;font-weight:400;color:#6b5a45;display:inline-flex;align-items:center;gap:6px}.analisis-top-control input{width:64px;padding:3px 6px;border:1px solid #ccc;border-radius:6px;font-size:13px}.lista-piezas-persona{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lista-piezas-persona li{background:#fff;border:1px solid #e6d9c0;border-radius:10px;padding:8px 12px}.pp-cabecera{display:flex;align-items:baseline;gap:8px}.pp-coleccion{font-size:12px;color:#7a6a55;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-total{font-weight:700;color:#6b5a45}.pp-colores{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}.pp-color{display:inline-flex;align-items:center;gap:5px;font-size:14px}.pp-circulo{width:14px;height:14px}.barra-fila-boton{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;align-items:center;gap:10px;width:100%;background:none;border:none;padding:2px 4px;border-radius:6px;cursor:pointer;font:inherit;text-align:left;color:inherit}.barra-fila-boton:hover{background:#f7f0e2}.lista-barras{display:flex;flex-direction:column;gap:8px}.barra-fila{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;align-items:center;gap:10px}.barra-etiqueta{font-size:13px;color:#4a3d2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.barra-pista{position:relative;height:16px;background:#eee4d4;border-radius:8px;overflow:hidden}.barra-relleno{position:absolute;inset:0 auto 0 0;border-radius:8px;opacity:.55}.barra-relleno-color{opacity:1;box-shadow:inset 0 0 0 1.5px #3c281480}.barra-relleno-separado{opacity:1;background:#8a5a35}.barra-valor{font-size:12px;color:#6b5a45;font-weight:600;min-width:44px;text-align:right}.panel{padding:16px;max-width:640px}.campo{margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.campo-autocompletar{position:relative}.lista-sugerencias{position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;border:1px solid #d8c8ac;border-top:none;border-radius:0 0 10px 10px;max-height:220px;overflow-y:auto;box-shadow:0 6px 14px #00000026}.lista-sugerencias[hidden]{display:none}#analisis-cliente-sugerencias{max-height:30vh;overflow-y:auto}.sugerencia-item{display:block;width:100%;text-align:left;padding:10px 12px;border:none;border-bottom:1px solid #f0e8d8;background:#fff;font-size:14px}.sugerencia-item:last-child{border-bottom:none}.sugerencia-item strong{font-weight:700}.sugerencia-item .sugerencia-detalle{display:block;font-size:12px;color:#8a7a63}.campo label{font-size:13px;color:#6b5a45;font-weight:600}.campo input,.campo select,.campo textarea{padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:15px}.btn-primario{background:#8a5a35;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700;font-size:15px}.btn-secundario{background:#fff;border:1px solid #8a5a35;color:#8a5a35;border-radius:10px;padding:10px 18px;font-weight:600}.aviso-caja{background:#fff3cd;border:1px solid #ffe08a;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:12px}.lista-simple{list-style:none;margin:0;padding:0}.lista-simple li{padding:10px 0;border-bottom:1px solid #eee2cc}.vacio{padding:40px 20px;text-align:center;color:#7a6a55}.config-subnav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}.config-subnav button{border:1px solid #ccc;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px}.config-subnav button.activo{background:#8a5a35;color:#fff;border-color:#8a5a35}.aviso-pwa{position:fixed;left:50%;bottom:76px;transform:translate(-50%);max-width:min(92vw,480px);padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;box-shadow:0 4px 16px #00000040;z-index:200;cursor:pointer;color:#fff}.aviso-pwa[hidden]{display:none}.aviso-pwa-ok{background:#2d6a1f}.aviso-pwa-error{background:#b3311f}.aviso-pwa-info{background:#8a5a35}.btn-pantalla-completa{position:fixed;right:12px;bottom:76px;width:42px;height:42px;border-radius:50%;border:none;background:#8a5a35bf;color:#fff;font-size:20px;line-height:1;box-shadow:0 2px 8px #00000040;z-index:50}