:root{--surface: #f9f9f9;--surface-container-lowest: #ffffff;--surface-container-low: #f3f3f3;--surface-container: #eeeeee;--surface-container-high: #e8e8e8;--surface-container-highest: #e2e2e2;--on-surface: #1a1c1c;--on-surface-variant: #434750;--outline: #747781;--outline-variant: #c3c6d1;--primary: #00234e;--on-primary: #ffffff;--secondary: #00696e;--on-secondary: #ffffff;--secondary-container: #71f2fb;--on-secondary-container: #006e73;--accent-coral: #fcbcb8;--on-accent-coral: #00234e;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--background: #f9f9f9;--on-background: #1a1c1c;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--space: 8px;--gutter-md: 24px;--margin-lg: 40px;--container-max: 1200px;--font-display: "Montserrat", sans-serif;--font-body: "Raleway", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:24px;background:var(--background);color:var(--on-background)}h1,h2,h3{font-family:var(--font-display);color:var(--primary);margin:0}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;vertical-align:middle}:root{--acento: var(--secondary);--borde: #d1d1d1;--ok: #0b6b3a;--warn: #8a5a00}html{-webkit-text-size-adjust:100%}body{min-height:100vh}h1{font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.01em}h2{font-size:1.05rem;font-weight:600;margin-bottom:8px}a{color:var(--secondary)}.suave{color:var(--on-surface-variant);font-size:.9rem;margin:0}small{font-size:.78rem}.centrado{display:block;margin:16px auto}.der{text-align:right}.app{min-height:100vh;padding-bottom:72px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid var(--acento)}.marca{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--primary);font-family:var(--font-display);font-weight:700}.marca img{height:28px}.marca span{display:none}.chip-inst{font-size:.8rem;font-weight:600;color:var(--primary);background:var(--surface-container);border-radius:999px;padding:2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.nav-desktop{display:none;margin-left:16px;gap:4px}.nav-desktop a{text-decoration:none;color:var(--on-surface-variant);padding:8px 12px;font-weight:600;border-bottom:2px solid transparent}.nav-desktop a.active{color:var(--primary);border-bottom-color:var(--secondary)}.usuario{margin-left:auto;display:flex;align-items:center;gap:8px}.usuario select{max-width:160px}.nombre-usuario{display:none;font-size:.9rem}.contenido{max-width:var(--container-max);margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.nav-movil{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:#fff;border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom)}.nav-movil a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:.72rem;font-weight:600;text-decoration:none;color:var(--on-surface-variant)}.nav-movil a.active{color:var(--secondary)}.nav-movil .material-symbols-outlined{font-size:26px}@media(min-width:800px){.nav-movil{display:none}.app{padding-bottom:0}.nav-desktop{display:flex}.marca span,.nombre-usuario{display:inline}.contenido{padding:24px 32px}h1{font-size:1.9rem;line-height:2.4rem}}.tarjeta{background:var(--surface-container-lowest);border:1px solid var(--borde);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.tarjeta h2{margin:0}.encabezado{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.seccion-enc{display:flex;justify-content:space-between;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 18px;border-radius:var(--radius);border:1px solid transparent;font:600 .95rem var(--font-body);cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--primary);color:var(--on-primary)}.btn-primario:hover:not(:disabled){background:var(--secondary)}.btn-sec{background:#fff;color:var(--primary);border-color:var(--primary)}.btn-peligro{background:var(--error);color:#fff}.btn-chico{min-height:36px;padding:4px 12px;font-size:.85rem}.btn-icono{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--on-surface-variant);display:inline-flex;min-width:36px;min-height:36px;align-items:center;justify-content:center}.btn-icono:hover:not(:disabled){background:var(--surface-container)}.btn-icono:disabled{opacity:.3}.enlace{background:none;border:none;color:var(--secondary);font:600 .88rem var(--font-body);cursor:pointer;padding:4px 0;text-align:left;text-decoration:none;display:inline-flex;align-items:center;gap:4px}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;color:var(--on-surface-variant)}input,select,textarea{font:400 1rem var(--font-body);color:var(--on-surface);padding:10px 12px;border:1px solid var(--outline-variant);border-radius:var(--radius);background:#fff;min-height:44px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border:1px solid var(--secondary);box-shadow:0 0 0 1px var(--secondary)}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}label.check input{width:20px;min-height:20px;height:20px}.badge{display:inline-block;font:600 .72rem var(--font-body);padding:2px 9px;border-radius:999px;white-space:nowrap}.badge-ok{background:#d9f3e4;color:var(--ok)}.badge-warn{background:#ffe9c2;color:var(--warn)}.badge-bad{background:var(--error-container);color:#93000a}.badge-info{background:#dbe7ff;color:#21467f}.badge-muted{background:var(--surface-container-high);color:var(--on-surface-variant)}.aviso{border-radius:var(--radius);padding:10px 14px;font-size:.92rem}.aviso-error{background:var(--error-container);color:#93000a}.aviso-info{background:#e6f6f7;color:#00494d}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--outline-variant);background:#fff;color:var(--primary);border-radius:999px;padding:6px 12px;font:600 .85rem var(--font-body);cursor:pointer;min-height:36px}.chip.activo{background:var(--primary);color:#fff;border-color:var(--primary)}.chip.estatico{cursor:default;background:var(--surface-container)}.chip .material-symbols-outlined{font-size:18px}.chip small{font-weight:500;opacity:.8}.chip-linea{border-style:dashed}.etq{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant)}.etiquetas{display:flex;flex-wrap:wrap;gap:6px}.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rejilla .ancho{grid-column:1 / -1}@media(min-width:800px){.rejilla{grid-template-columns:repeat(4,1fr)}.rejilla .ancho{grid-column:span 2}}.pantalla-centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--surface)}.login{width:100%;max-width:400px;border-top:4px solid var(--acento)}.login-logo{height:40px;align-self:flex-start}.login .btn{width:100%}.filtros{gap:12px}.busqueda{position:relative}.busqueda .material-symbols-outlined{position:absolute;left:10px;top:12px;color:var(--outline)}.busqueda input{padding-left:38px}.fechas{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:800px){.filtros{flex-direction:row;flex-wrap:wrap;align-items:center}.busqueda{flex:1 1 260px}.filtros select{width:220px}.fechas{width:360px}}.resumen-tira{display:flex;gap:8px;flex-wrap:wrap}.resumen-tira>div{flex:1 1 110px;background:var(--surface-container-low);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column}.resumen-tira strong{font:700 1.25rem var(--font-display);color:var(--primary)}.resumen-tira span{font-size:.78rem;color:var(--on-surface-variant)}.resumen-tira .destacado{background:var(--accent-coral)}.resumen-tira .destacado strong{color:var(--on-accent-coral)}.tabla{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--borde);border-radius:var(--radius-md);overflow:hidden;font-size:.92rem}.tabla th{text-align:left;font:700 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);background:var(--surface-container-low);padding:10px 12px}.tabla th.der{text-align:right}.tabla td{padding:10px 12px;border-top:1px solid var(--surface-container);vertical-align:middle}.tabla tbody tr[class=""],.tabla tbody tr:not(.total){cursor:default}.tabla-desktop tbody tr{cursor:pointer}.tabla-desktop tbody tr:hover{background:var(--surface-container-low)}.tabla tr.total td{font-weight:700;background:var(--surface-container-low)}.tabla tr.cancelada,.cancelada{opacity:.55}.tabla-desktop{display:none}.lista-movil{display:flex;flex-direction:column;gap:8px}@media(min-width:800px){.tabla-desktop{display:table}.lista-movil{display:none}}.tarjeta-venta{text-decoration:none;color:inherit;gap:6px;padding:12px 14px}.tarjeta-venta .fila{display:flex;justify-content:space-between;gap:8px;align-items:center}.tarjeta-venta .etiquetas{justify-content:flex-start}.vacio{align-items:center;text-align:center;color:var(--on-surface-variant)}.vacio .material-symbols-outlined{font-size:40px}.form-venta{display:flex;flex-direction:column;gap:16px}.catalogo{display:flex;flex-direction:column;gap:8px}.grupo-cat{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.grupo-cat .etq{width:88px}.linea{border:1px solid var(--surface-container-high);background:var(--surface-container-low);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:8px}.linea-fila{display:flex;gap:8px;align-items:flex-end}.linea-fila label,.l-desc{flex:1}.subtotal{min-width:78px;text-align:right;font-weight:700;color:var(--primary);padding-bottom:10px}.benef{margin-top:2px}.totales{display:flex;flex-direction:column;gap:10px;border-top:1px dashed var(--borde);padding-top:12px}.fila-total{display:flex;justify-content:space-between;align-items:center}.fila-total.grande strong{font:800 1.6rem var(--font-display);color:var(--primary)}.fila-total.alerta strong{color:var(--error)}.pago-fila select{flex:1.2}.pago-fila input{flex:1}.acciones-form{display:flex;gap:12px;justify-content:flex-end}.acciones-form .btn{flex:1;max-width:220px}@media(max-width:799px){.acciones-form{position:sticky;bottom:64px;background:linear-gradient(transparent,var(--surface) 30%);padding:12px 0 4px}}.piezas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.piezas li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--surface-container);flex-wrap:wrap}.piezas li:first-child{border-top:none}.piezas li.anulado{text-decoration:line-through;opacity:.5}.pieza-der{display:flex;align-items:center;gap:10px;font-size:.9rem}.talla{margin-left:8px;background:var(--surface-container-high);border-radius:6px;padding:1px 7px;font-size:.78rem;font-weight:700}.nota{flex-direction:row;align-items:flex-start;gap:8px;background:#fff8e6;border-color:#f0d79a}.zona-peligro{display:flex;justify-content:flex-end;padding:8px 0 24px}.entrega-fila{align-items:center;padding:6px 0}.entrega-fila span{flex:1}.entrega-fila input{width:80px;flex:none}.acciones-enc{display:flex;gap:8px}.modal-fondo{position:fixed;inset:0;background:#00234e73;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{background:#fff;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-cab{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}.modal-cuerpo{padding:8px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal-pie{display:flex;gap:12px;justify-content:flex-end;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--surface-container)}@media(min-width:800px){.modal-fondo{align-items:center}.modal{border-radius:var(--radius-xl)}}.temporal{display:block;background:var(--surface-container);padding:14px;border-radius:var(--radius);font:700 1.2rem monospace;letter-spacing:.05em;text-align:center;-webkit-user-select:all;user-select:all}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);overflow-x:auto}.pestanas button{background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font:600 .95rem var(--font-body);color:var(--on-surface-variant);cursor:pointer;white-space:nowrap}.pestanas button.activa{color:var(--primary);border-bottom-color:var(--secondary)}.comision{border-left:4px solid var(--accent-coral)}.chips-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips-scroll .chip{flex:none}.mas-filtros summary{cursor:pointer;font-weight:600;font-size:.88rem;color:var(--secondary);padding:4px 0}.fechas{margin-top:8px}.fechas label,.fechas input{min-width:0}@media(min-width:800px){.chips-scroll{flex-wrap:wrap;overflow:visible}.fechas{width:360px}}.linea-fila input[type=number],.linea-fila select{min-width:0}.linea .linea-fila label:nth-of-type(3){flex:1.7}.linea .linea-fila label:nth-of-type(2){flex:.8}