:root{--marron: #8a5a35;--marron-oscuro: #6e4527;--marron-claro: #f4ece2;--fondo: #ffffff;--texto: #262019;--texto-suave: #6b6259;--borde: #e4ddd3;--naranja-aviso: #c97a1a;--rojo: #b3311f;--verde-ok: #3a7d3a;--radio: 12px;font-family:Century Gothic,Futura,Poppins,system-ui,sans-serif}*{box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}html,body{margin:0;height:100%;background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#app{display:flex;flex-direction:column;height:100dvh;height:100vh}.pantallas{flex:1 1 auto;min-height:0;position:relative}.pantalla{height:100%;display:flex;flex-direction:column}.pantalla[hidden]{display:none}.nav-app{flex:0 0 auto;display:flex;border-top:1px solid var(--borde);background:#fff}.nav-app-btn{flex:1 1 0;padding:12px 10px;border:none;border-top:3px solid transparent;background:none;font-size:.95rem;font-weight:600;color:var(--texto-suave);cursor:pointer}.nav-app-btn.activo{color:var(--marron-oscuro);font-weight:800;background:var(--marron-claro);border-top-color:var(--marron)}.header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--marron);color:#fff;flex:0 0 auto}.header .logo{width:40px;height:40px;border-radius:8px;background:#fff;object-fit:contain;padding:4px;flex:0 0 auto}.header .empresa{font-weight:600;font-size:1.05rem}.header .fecha{margin-left:12px;font-size:.85rem;opacity:.9}.btn-cliente-header{margin-left:auto;background:#ffffff26;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.venta-main{flex:1 1 auto;display:flex;min-height:0}.catalogo{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;padding:12px;position:relative}.chips-fila{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.chip{border:1px solid var(--borde);border-radius:999px;padding:6px 14px;font-size:.9rem;background:#fff;color:var(--texto);cursor:pointer;-webkit-user-select:none;user-select:none}.chip.activo{border-color:transparent;font-weight:600;background:var(--marron-claro);color:var(--marron-oscuro)}.chips-grupos .chip{padding:3px 10px;font-size:.78rem;border-color:var(--borde);background:var(--marron-claro);color:var(--texto-suave)}.chips-grupos .chip.activo{background:var(--texto-suave);color:#fff;border-color:var(--texto-suave)}.chips-grupos[hidden]{display:none}.grid-wrap{position:relative;flex:1 1 auto;min-height:0}.grid-articulos{height:100%;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;scroll-behavior:smooth}.tarjeta-articulo{flex:0 0 130px;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;background:#fff;cursor:pointer;display:flex;flex-direction:column}.tarjeta-articulo .foto{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:var(--marron-claro)}.tarjeta-articulo .foto-fallback{width:100%;aspect-ratio:1 / 1;background:var(--marron-claro);color:var(--marron-oscuro);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;text-align:center;padding:6px}.tarjeta-articulo .info{padding:6px 8px}.tarjeta-articulo .codigo{font-size:.72rem;color:var(--texto-suave)}.tarjeta-articulo .precio{font-weight:700;font-size:.95rem}.btn-carrito-header{margin-left:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.carrito-contador{background:#fff;color:var(--marron-oscuro);border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.modal-carrito{width:min(460px,94vw);display:flex;flex-direction:column;max-height:90vh}.pedido-editando-aviso{background:var(--marron-claro);border-radius:8px;padding:8px 12px;font-size:.85rem;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pedido-editando-aviso[hidden]{display:none}.lineas-carrito{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:60px}.carrito-vacio{color:var(--texto-suave);text-align:center;padding:24px 8px;font-size:.9rem}.linea-carrito{display:flex;gap:8px;align-items:center;border:1px solid var(--borde);border-radius:10px;padding:6px}.linea-carrito .detalle{flex:1 1 auto;min-width:0}.linea-carrito .detalle-titulo{font-size:.8rem;line-height:1.25}.linea-carrito .codigo-color{font-size:.75rem;color:var(--texto-suave);margin-bottom:4px}.linea-nota{width:100%;border:1px solid var(--borde);border-radius:6px;padding:4px 6px;font-size:.78rem}.linea-carrito .cantidad,.articulo-fila-cantidad .cantidad{display:flex;align-items:center;gap:6px;flex:0 0 auto}.qty-menos,.qty-mas{width:28px;height:28px;border-radius:50%;border:1px solid var(--borde);background:#fff;font-size:1rem;cursor:pointer}.linea-quitar{border:none;background:none;color:var(--texto-suave);font-size:1.2rem;cursor:pointer;flex:0 0 auto}.pedido-config{display:flex;align-items:center;gap:8px;margin-top:10px}.select-iva{flex:1 1 auto;border:1px solid var(--borde);border-radius:8px;padding:8px;font-size:.9rem}.pedido-observaciones{width:100%;margin-top:8px;border:1px solid var(--borde);border-radius:8px;padding:8px;font-size:.85rem;min-height:50px;resize:vertical}.totales{margin-top:10px;border-top:1px solid var(--borde);padding-top:8px}.totales .fila{display:flex;justify-content:space-between;font-size:.9rem;padding:2px 0}.totales .fila.total{font-weight:800;font-size:1.15rem;margin-top:4px}.totales .fila[hidden]{display:none}.btn-cobrar{width:100%;margin-top:10px;background:var(--marron);color:#fff;border:none;border-radius:10px;padding:14px;font-weight:700;font-size:1rem;cursor:pointer}.btn-cobrar:disabled{background:var(--borde);color:var(--texto-suave);cursor:not-allowed}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26201973;display:flex;align-items:center;justify-content:center;z-index:50}.overlay[hidden]{display:none}.modal{background:#fff;border-radius:16px;padding:20px;width:min(420px,92vw);max-height:86vh;overflow-y:auto}.modal-ancha{width:min(560px,94vw)}.modal-ticket{width:min(600px,94vw)}.modal h3{margin-top:0}.modal-cerrar{float:right;border:none;background:none;font-size:1.3rem;cursor:pointer;color:var(--texto-suave)}.color-modal-precio{color:var(--texto-suave);font-weight:600;margin-bottom:10px}.color-modal-foto{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:var(--marron-claro);border-radius:var(--radio);margin-bottom:14px}.color-modal-foto-fallback{display:flex;align-items:center;justify-content:center;color:var(--marron-oscuro);font-weight:700}.articulo-cantidades{display:flex;flex-direction:column;gap:8px}.articulo-fila-cantidad{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--borde);border-radius:10px;padding:8px 10px}.articulo-fila-etiqueta{display:flex;align-items:center;gap:8px;font-size:.9rem}.swatch{width:16px;height:16px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.15);display:inline-block}.articulo-color-libre{display:flex;align-items:center;gap:8px;border:1px dashed var(--borde);border-radius:10px;padding:8px 10px;margin-top:8px}.color-libre-texto{flex:1 1 auto;min-width:0;border:1px solid var(--borde);border-radius:8px;padding:6px 8px;font-size:.85rem}.articulo-comentario{width:100%;margin-top:10px;border:1px solid var(--borde);border-radius:8px;padding:8px;font-size:.85rem;min-height:44px;resize:vertical}.btn-sin-color{width:100%;margin-top:14px;padding:12px;border:1px solid var(--borde);border-radius:10px;background:#fff;color:var(--texto-suave);cursor:pointer;font-size:.9rem}.cobro-campo{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}.cobro-campo input{width:160px;border:1px solid var(--borde);border-radius:6px;padding:6px 8px}.confirmar-cobro{width:100%;background:var(--marron);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:6px}.btn-peligro{width:100%;background:var(--rojo);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:6px}.btn-peligro-texto{color:var(--rojo)!important;border-color:var(--rojo)!important}.cliente-buscador{width:100%;border:1px solid var(--borde);border-radius:8px;padding:10px 12px;font-size:.95rem;margin-bottom:10px}.cliente-resultados{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.cliente-resultado{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--borde);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer;text-align:left;font-size:.9rem}.cliente-resultado:active{background:var(--marron-claro)}.cliente-resultado-ciudad{color:var(--texto-suave)}.cliente-nuevo-form{margin-top:12px;border-top:1px solid var(--borde);padding-top:12px}.cliente-nuevo-form input{width:100%;border:1px solid var(--borde);border-radius:8px;padding:8px 10px;margin-bottom:6px}.config-main{flex:1 1 auto;overflow-y:auto;padding:16px 20px}.config-lista{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.config-fila{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:center;border:1px solid var(--borde);border-radius:10px;padding:8px 12px;font-size:.9rem}.config-fila-acciones{display:flex;gap:8px;justify-content:flex-end}.config-fila-acciones button{border:1px solid var(--borde);background:#fff;border-radius:8px;padding:6px 10px;font-size:.8rem;cursor:pointer}.btn-anadir-gasto{display:inline-block;border:1px solid var(--borde);background:#fff;border-radius:8px;padding:8px 12px;font-size:.85rem;cursor:pointer;color:var(--texto)}.config-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.config-form[hidden],.btn-anadir-gasto[hidden]{display:none}.config-form input{border:1px solid var(--borde);border-radius:8px;padding:8px 10px;font-size:.9rem}.contacto-fila{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--borde);border-radius:10px;padding:10px 12px}.contacto-fila-texto{min-width:0}.contacto-nombre{font-weight:700;font-size:.95rem}.contacto-nota{color:var(--texto-suave);font-size:.85rem;margin-top:2px}.config-form-contacto{flex-direction:column;align-items:stretch}.config-form-contacto input,.config-form-contacto textarea{width:100%;border:1px solid var(--borde);border-radius:8px;padding:8px 10px;font-size:.9rem}.config-form-contacto textarea{min-height:70px;resize:vertical}.gasto-guardar{background:var(--marron);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}.gasto-cancelar{background:none;border:1px solid var(--borde);border-radius:8px;padding:8px 14px;cursor:pointer}.devolucion-nota{color:var(--texto-suave);font-size:.85rem;line-height:1.5}.lista-vacia{color:var(--texto-suave);text-align:center;padding:24px;font-size:.9rem}.ticket-fila{display:grid;grid-template-columns:1fr 1fr 1.4fr 100px auto;gap:10px;align-items:center;border:1px solid var(--borde);border-radius:10px;padding:10px 12px;margin-bottom:6px;font-size:.88rem}.ticket-fila-borrador{border-color:var(--marron);background:var(--marron-claro)}.badge-borrador{display:inline-block;margin-left:6px;background:var(--marron);color:#fff;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:700;vertical-align:middle}.ticket-fila-total{font-weight:700;text-align:right}.ticket-fila-acciones button{border:1px solid var(--borde);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.ticket-print-area{border:1px solid var(--borde);border-radius:10px;padding:14px}.ticket-acciones{display:flex;gap:8px;margin-top:12px}.ticket-acciones button{flex:1 1 0}.albaran-cabecera{display:flex;align-items:center;gap:10px;margin-bottom:10px}.albaran-logo{width:34px;height:34px;object-fit:contain}.albaran-titulo{font-weight:700;font-size:1.1rem;color:var(--marron-oscuro)}.albaran-meta{font-size:.85rem;margin-bottom:12px;display:flex;flex-direction:column;gap:2px}.albaran-coleccion{font-size:.95rem;color:var(--marron-oscuro);margin:14px 0 6px;border-bottom:1px solid var(--borde);padding-bottom:4px}.albaran-tabla{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:6px}.albaran-tabla th{text-align:left;border-bottom:1px solid var(--borde);padding:4px 6px;color:var(--texto-suave)}.albaran-tabla td{border-bottom:1px solid var(--borde);padding:4px 6px;vertical-align:top}.albaran-desc{color:var(--texto-suave);font-size:.75rem}.albaran-totales{margin-top:14px;border-top:1px solid var(--borde);padding-top:8px;font-size:.9rem}.albaran-totales>div{display:flex;justify-content:space-between;padding:2px 0}.albaran-total-final{font-weight:800;font-size:1.1rem;margin-top:4px}.albaran-observaciones{margin-top:14px;font-size:.85rem;color:var(--texto-suave)}.catalogo-botones{display:flex;gap:8px;flex-wrap:wrap}.catalogo-estado{margin:14px 0}.catalogo-estado-ok{color:var(--verde-ok);font-weight:600}.catalogo-estado-vacio{color:var(--naranja-aviso);font-weight:600}.catalogo-sync-estado{font-size:.85rem;color:var(--texto-suave)}.catalogo-importar-label{cursor:pointer}.catalogo-importando{margin-top:10px;color:var(--texto-suave)}.aviso-pwa{position:fixed;left:12px;bottom:12px;z-index:100;padding:8px 14px;border-radius:999px;font-size:.8rem;cursor:pointer;box-shadow:0 2px 8px #00000026}.aviso-pwa-ok{background:var(--verde-ok);color:#fff}.aviso-pwa-error{background:var(--rojo);color:#fff}.aviso-pwa-info{background:var(--marron);color:#fff}@media print{body *{visibility:hidden}.ticket-print-area,.ticket-print-area *{visibility:visible}.ticket-print-area{position:absolute;top:0;left:0;width:100%;border:none}}.inicio-pantalla{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;background:#fff;padding:24px}.inicio-logo{width:min(420px,80vw);height:auto;object-fit:contain}.inicio-botones{display:flex;flex-direction:column;gap:16px;width:min(320px,80vw)}.inicio-btn{padding:20px;border-radius:var(--radio);border:2px solid var(--marron);background:var(--marron);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer}.inicio-btn:active{background:var(--marron-oscuro)}.inicio-botones-secundarios{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inicio-btn-secundario{padding:16px 10px;border-radius:var(--radio);border:2px solid var(--borde);background:#fff;color:var(--marron-oscuro);font-size:.95rem;font-weight:700;cursor:pointer}.inicio-btn-secundario:active{background:var(--marron-claro)}