:root{--fondo:#efedea;--canvas:#ffffff;--soft:#f5f4f2;--strong:#e2dfda;--ink:#1c1917;--body:#44403c;--muted:#57534e;--muted-soft:#78716c;--hair:#d6d3d1;--hair-soft:#e7e5e4;--borde-control:#78716c;--accion:#8f520a;--accion-viva:#6e3f07;--marca:#e8a33d;--marca-suave:#fdf3e2;--ok:#2e7d57;--ok-suave:#e9f3ed;--alerta:#be3a1d;--alerta-suave:#fceee9;--r-sm:8px;--r-md:14px;--r-full:9999px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--fondo);color:var(--ink);font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.43;-webkit-font-smoothing:antialiased}a{color:var(--accion);text-decoration:none}a:hover{color:var(--accion-viva)}:focus-visible{outline:2px solid var(--accion);outline-offset:2px;border-radius:3px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.app{display:flex;min-height:100vh}.lateral{width:240px;flex:none;border-right:1px solid var(--hair);display:flex;flex-direction:column;padding:24px 0}.marca{display:flex;align-items:center;gap:10px;padding:0 20px 28px}.marca svg{width:32px;height:32px;border-radius:9px;flex:none}.marca b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}.marca>span>span{display:block;font-size:12px;color:var(--muted);margin-top:1px}.nav{flex-direction:column;gap:4px;padding:0 12px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-sm);color:var(--body);font-size:15px;font-weight:500}.nav a:hover{background:var(--soft);color:var(--ink)}.nav a[aria-current=page]{background:var(--strong);color:var(--ink);font-weight:600}.nav svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav .cuantos{margin-left:auto;font-size:13px;color:var(--muted-soft)}.nav .cuantos.avisa{color:var(--alerta);font-weight:600}.pie-lateral{margin-top:auto;padding:16px 20px 0;margin-inline:12px;border-top:1px solid var(--hair);font-size:12px;color:var(--muted-soft);line-height:1.7}.zona{flex:1 1;min-width:0}.tope{display:flex;align-items:center;gap:16px;padding:0 32px;height:80px}.tope h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.44px}.busca{margin-left:auto;display:flex;align-items:center;gap:10px;width:320px;height:48px;padding:0 20px;border:1px solid var(--hair);border-radius:var(--r-full);box-shadow:0 1px 2px rgb(28 25 23/.04)}.busca input{border:0;outline:0;font:inherit;width:100%;background:transparent;color:var(--ink)}.busca input::placeholder{color:var(--muted)}.busca svg{width:17px;height:17px;stroke:var(--muted);stroke-width:1.8;fill:none;flex:none}.btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:var(--r-sm);background:var(--accion);color:#fff;font-size:15px;font-weight:600;white-space:nowrap}.btn:hover{background:var(--accion-viva);color:#fff}.filtros{display:flex;align-items:center;gap:8px;padding:0 32px 20px;flex-wrap:wrap}.filtro{display:inline-flex;align-items:baseline;gap:8px;padding:9px 18px;border:1px solid var(--hair);border-radius:var(--r-full);font-size:14px;color:var(--body)}.filtro:hover{border-color:var(--muted-soft);color:var(--ink)}.filtro[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:500}.filtro span{font-size:12px;opacity:.55}.tabla{margin:0 32px;border:1px solid var(--hair);border-radius:var(--r-md);overflow:hidden}.fila{display:grid;grid-template-columns:132px minmax(0,1fr) 132px 168px 92px 76px;grid-gap:20px;gap:20px;align-items:center;padding:0 24px;min-height:68px;border-bottom:1px solid var(--hair-soft);color:inherit}.fila:last-child{border-bottom:0}.fila.cabecera{min-height:44px;border-bottom:1px solid var(--hair);font-size:12px;font-weight:500;color:var(--muted)}.fila.cabecera,a.fila:hover{background:var(--soft)}.ref{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px;color:var(--body)}.aparato b{display:block;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aparato span{display:block;font-size:13px;color:var(--muted);margin-top:1px}.cliente{color:var(--body)}.fecha{color:var(--muted)}.fecha,.fotos{font-size:13px}.fotos{display:flex;align-items:center;gap:7px;color:var(--muted-soft)}.fotos svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.pastilla{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--r-full);background:var(--soft);font-size:13px;color:var(--body);white-space:nowrap}.pastilla i{width:6px;height:6px;border-radius:50%;background:var(--muted-soft);flex:none}.pastilla.garantia{background:var(--marca-suave);color:#8a5910}.pastilla.garantia i{background:var(--marca)}.pastilla.abierto i{background:var(--ok)}.pastilla.final,.pie-tabla{color:var(--muted-soft)}.pie-tabla{margin:0;padding:18px 32px;font-size:13px}.vacio{margin:0 32px;padding:64px 32px;border:1px dashed var(--hair);border-radius:var(--r-md);text-align:center}.vacio h2{margin:0 0 8px;font-size:17px;font-weight:600}.vacio p{margin:0;color:var(--muted)}.aviso-ejemplo{margin:0 32px 20px;padding:12px 16px;border-radius:var(--r-md);background:var(--marca-suave);color:#8a5910;font-size:13px}.forma{border-top:1px solid var(--hair);padding-top:18px}.forma.sin-filete{border-top:0;padding-top:0}.forma>h3{margin:0 0 4px;font-size:15px;font-weight:600;letter-spacing:-.01em}.forma-modal>p.dice,.forma>p.dice{margin:0 0 20px;font-size:13px;color:var(--muted);max-width:58ch}.forma form{display:flex;flex-direction:column;gap:18px}.huecos{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.hueco{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--body)}.hueco .siacaso{font-weight:400;color:var(--muted-soft)}.hueco input,.hueco select,.hueco textarea{font:inherit;font-weight:400;min-height:42px;padding:10px 12px;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink)}.hueco textarea{min-height:84px;resize:vertical}.hueco input::placeholder,.hueco textarea::placeholder{color:var(--muted-soft)}.hueco.corto input{width:84px}.hueco.importe input{width:104px}.hueco.codigo input{width:168px}.hueco.nombre input,.hueco.nombre select{width:240px}.hueco.ancho{flex-grow:1;min-width:220px}.hueco.ancho input,.hueco.ancho textarea{width:100%}.hueco.corto input,.hueco.importe input{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px;text-align:right}.con-unidad{display:inline-flex;align-items:baseline;gap:7px}.con-unidad>span:last-child{font-size:13px;color:var(--muted)}.acciones{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:14px;border-top:1px solid var(--hair-soft)}.acciones .btn{height:44px;padding:0 22px}.acciones .antes-de-darle{font-size:13px;color:var(--muted);max-width:52ch}.hueco .mal{font-weight:400;font-size:12.5px;color:var(--alerta)}.hueco input[aria-invalid=true],.hueco select[aria-invalid=true],.hueco textarea[aria-invalid=true]{border-color:var(--alerta)}@media (max-width:700px){.hueco.codigo input,.hueco.nombre input,.hueco.nombre select{width:100%}.hueco.codigo,.hueco.nombre{flex-grow:1;min-width:200px}}.modal{padding:0;border:0;border-radius:20px;background:var(--canvas);color:var(--ink);box-shadow:0 24px 60px rgb(28 25 23/.3);max-width:calc(100vw - 32px);max-height:calc(100vh - 48px)}.modal::-webkit-backdrop{background:rgb(28 25 23/.42)}.modal::backdrop{background:rgb(28 25 23/.42)}.modal-tope{display:flex;align-items:center;gap:14px;padding:22px 28px 18px}.modal-tope h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.18px}.modal-cerrar{margin-left:auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-full);background:var(--soft);color:var(--body)}.modal-cerrar:hover{background:var(--strong);color:var(--ink)}.modal-cerrar svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.modal-cuerpo{padding:0 28px 22px;max-height:calc(100vh - 220px);overflow-y:auto}.modal-pie{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 28px;border-top:1px solid var(--hair);background:var(--soft)}.modal-pie .apunte{font-size:13px;color:var(--muted);max-width:42ch;line-height:1.4}.modal-pie .der{margin-left:auto;display:flex;gap:10px}.btn.contorno{background:var(--canvas);color:var(--ink);border:1.5px solid var(--borde-control)}.btn.contorno:hover{background:var(--soft);color:var(--ink)}.forma-modal{display:flex;flex-direction:column;gap:22px}.forma-modal fieldset{margin:0;padding:0;border:0}.forma-modal legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:500;color:var(--body)}.forma .apunte,.forma-modal .apunte{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.45;max-width:58ch}.mal{margin:8px 0 0;font-size:12.5px;font-weight:400;color:var(--alerta)}.soltar{display:block;border:1.5px dashed var(--marca);background:var(--marca-suave);border-radius:var(--r-md);padding:26px;text-align:center;cursor:pointer}.soltar:hover,.soltar[data-encima=true]{border-color:var(--accion);background:#fbecd3}.soltar input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.soltar:has(input:focus-visible){outline:2px solid var(--accion);outline-offset:2px}.soltar .ico{width:40px;height:40px;margin:0 auto 10px;border-radius:var(--r-full);background:var(--canvas);display:flex;align-items:center;justify-content:center}.soltar .ico svg{width:20px;height:20px;stroke:var(--accion);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.soltar b{display:block;font-size:15px;font-weight:600;color:#8a5910}.soltar span{display:block;font-size:13px;color:#96731a;margin-top:4px}.elegido{display:flex;align-items:center;gap:13px}.elegido .btn{height:34px;padding:0 14px;font-size:13px}.elegido .mini{width:44px;height:44px;flex:none;border-radius:10px;background:var(--strong);object-fit:cover}.elegido .cen{flex:1 1;min-width:0}.elegido .nom{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elegido .peso{font-size:12px;color:var(--muted-soft);margin-top:2px}.elecciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px}.eleccion{display:block;padding:12px 14px;border:1px solid var(--hair);border-radius:var(--r-md);cursor:pointer}.eleccion:hover{border-color:var(--muted-soft)}.eleccion input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.eleccion:has(input:checked){border-color:var(--ink);background:var(--soft)}.eleccion:has(input:focus-visible){outline:2px solid var(--accion);outline-offset:2px}.eleccion b{display:block;font-size:14px;font-weight:600}.eleccion small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.35}.marcar{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid var(--hair);border-radius:12px;cursor:pointer}.marcar:hover{border-color:var(--muted-soft)}.marcar input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;flex:none;margin:1px 0 0;border:1.5px solid #b9b4aa;border-radius:5px;background:var(--canvas);position:relative;cursor:pointer}.marcar input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.marcar input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}.marcar input[type=checkbox]:focus-visible{outline:2px solid var(--accion);outline-offset:2px}.marcar b{display:block;font-size:14px;font-weight:500}.marcar small{display:block;font-size:13px;color:var(--muted);margin-top:2px;line-height:1.4}.lateral.plegado{width:64px}.lateral.plegado .marca{padding:0 0 24px;justify-content:center}.lateral.plegado .marca>span,.lateral.plegado .nav a>span,.lateral.plegado .pie-lateral{display:none}.lateral.plegado .nav{padding:0 8px}.lateral.plegado .nav a{justify-content:center;padding:11px 0}.plegar{display:flex;align-items:center;gap:12px;margin:12px 12px 0;padding:9px 12px;border-radius:var(--r-sm);color:var(--muted);font-size:13px}.plegar:hover{background:var(--soft);color:var(--ink)}.plegar svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.lateral.plegado .plegar{justify-content:center;margin:12px 8px 0;padding:9px 0}.lateral.plegado .plegar span{display:none}.lateral.plegado .plegar{margin-top:auto}@media (max-width:760px){.app{flex-direction:column}.lateral,.lateral.plegado{width:auto;flex-direction:row;align-items:center;gap:8px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--hair)}.lateral .marca,.lateral.plegado .marca{padding:0}.lateral .marca>span{display:none}.lateral .nav,.lateral.plegado .nav{flex-direction:row;padding:0;margin-left:auto}.lateral .nav a,.lateral.plegado .nav a{padding:9px 12px}.lateral.plegado .nav a>span{display:inline}.lateral .pie-lateral,.lateral .plegar{display:none}.tope{flex-wrap:wrap;height:auto;padding:16px;gap:12px}.busca{order:3;width:100%;margin-left:0}.tope .btn{margin-left:auto}.tabla{margin:0 16px}.fila.cabecera{display:none}.fila{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"ref     ref   estado" "aparato aparato aparato" "cliente fecha fotos";gap:6px 12px;padding:14px 16px}.fila>.ref{grid-area:ref}.fila>.aparato{grid-area:aparato}.fila>.cliente{grid-area:cliente}.fila>.fecha{grid-area:fecha}.fila>.fotos{grid-area:fotos}.fila>:nth-child(4){grid-area:estado;justify-self:end}}.seccion-modal{display:flex;flex-direction:column;gap:10px}.seccion-modal>h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.hueco input.mono,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.prov-elegido{gap:12px;min-height:52px;padding:6px 8px 6px 14px;border:1px solid var(--ink)}.prov-elegido,.prov-inicial{display:flex;align-items:center;border-radius:var(--r-sm)}.prov-inicial{flex:none;width:30px;height:30px;background:var(--marca-suave);color:var(--accion-viva);justify-content:center;font-size:13px;font-weight:600}.prov-inicial.mas{background:transparent;border:1px dashed var(--accion);color:var(--accion);font-size:18px}.prov-texto{flex:1 1;min-width:0;display:flex;flex-direction:column;text-align:left}.prov-texto b{font-size:15px;font-weight:600;color:var(--ink)}.prov-texto small{font-size:12px;color:var(--muted)}.buscador-prov{display:flex;flex-direction:column;border:1px solid var(--ink);border-radius:var(--r-sm);overflow:hidden}.buscador-prov>input{height:48px;padding:0 14px;border:0;border-bottom:1px solid var(--hair-soft);font:inherit;font-size:15px;outline:none}.prov-rotulo{margin:0;padding:8px 14px 2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-soft)}.buscador-prov ul{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}.buscador-prov li>button,.prov-crear,.prov-ninguno{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border:0;background:var(--canvas);font:inherit;cursor:pointer;text-align:left}.buscador-prov li>button:focus-visible,.buscador-prov li>button:hover,.prov-crear:hover,.prov-ninguno:hover{background:var(--soft)}.buscador-prov li[aria-selected=true]>button{background:var(--soft)}.prov-crear{color:var(--accion);font-size:15px;font-weight:500}.prov-crear,.prov-ninguno{border-top:1px solid var(--hair-soft)}.prov-ninguno{min-height:44px;font-size:13px;color:var(--muted)}.prov-alta{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-sm);background:var(--marca-suave)}.segmentado{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:var(--r-full);background:var(--strong)}.segmentado label{position:relative;display:flex}.segmentado input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmentado span{display:flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--r-full);font-size:14px;font-weight:500;color:var(--body)}.segmentado input:checked+span{background:var(--canvas);color:var(--ink);box-shadow:0 1px 2px rgb(28 25 23/.08)}.segmentado input:focus-visible+span{outline:2px solid var(--marca);outline-offset:1px}.lateral{background:var(--ink);border-right:0;color:#f5f5f4}.lateral .marca b{color:#fff}.lateral .marca>span>span,.lateral .pie-lateral{color:#d6d3d1}.lateral .pie-lateral{border-top-color:#44403c}.lateral .nav a{color:#e7e5e4}.lateral .nav a:hover{background:#3a332d;color:#fff}.lateral .nav a[aria-current=page]{background:#3a332d;color:#fff;box-shadow:inset 3px 0 0 var(--marca)}.lateral .nav .cuantos{color:var(--marca)}.lateral .plegar{color:#e7e5e4}.lateral .plegar:hover{background:#3a332d;color:#fff}.tabla,.vacio{background:var(--canvas)}.ayuda{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}.ayuda-boton{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1.5px solid var(--borde-control);border-radius:50%;background:var(--canvas);color:var(--body);font:700 12px/1 Figtree,system-ui,sans-serif;cursor:help}.ayuda-boton:hover,.ayuda-boton[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:#fff}.ayuda-boton:focus-visible{outline:3px solid var(--marca);outline-offset:2px}.ayuda-globo{z-index:50;top:calc(100% + 10px);transform:translateX(-50%);width:max-content;max-width:300px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;color:#f5f5f4;box-shadow:0 12px 32px rgb(28 25 23/.28);font-size:13.5px;font-weight:400;line-height:1.45;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal}.ayuda-globo,.ayuda-globo:before{position:absolute;left:50%;background:var(--ink)}.ayuda-globo:before{content:"";top:-6px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border-radius:2px}.ayuda-globo b{color:#fff;font-size:14px;font-weight:700}@media (max-width:760px){.ayuda-globo{max-width:min(300px,80vw)}}.con-ayuda{display:inline-flex;align-items:center;flex-wrap:wrap}@media (max-width:480px){.lateral .nav a>span,.lateral.plegado .nav a>span{display:none}.lateral .nav a{padding:9px 11px}}