:root{--navy: #1E2A44;--navy-2: #2B3A5C;--gold: #B8924A;--gold-soft: #F3EAD7;--bg: #F4F5F8;--surface: #FFFFFF;--line: #E1E4EB;--ink: #18202F;--muted: #5E6778;--ok: #1F7A4D;--ok-soft: #E3F3EA;--warn: #9A5B00;--warn-soft: #FDF0D9;--bad: #B3261E;--bad-soft: #FBE6E4;--info: #2457A6;--info-soft: #E5EDFA;--plate: #F5C518;--radius: 12px;--font: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Barlow Condensed", "Barlow", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);font-size:16px;line-height:1.4;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--info)}h1,h2,h3{margin:0;line-height:1.15;text-wrap:balance}h1{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.01em}h2{font-size:1.05rem;font-weight:700}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.875rem}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:10px}.topbar .marca{width:30px;height:30px;border-radius:50%;background:#fff;padding:2px;flex:none}.topbar .taller{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .volver{background:none;border:0;color:#fff;font-size:1.4rem;padding:0 6px 0 0;cursor:pointer}.contenido{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right,0px)) calc(96px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:16px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(var(--cols, 5),1fr);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none;border-radius:10px}.bottomnav a svg{width:24px;height:24px}.bottomnav a.active{color:var(--navy)}.bottomnav a.active svg{color:var(--gold)}.bottomnav a.central span.circ{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;margin-top:-18px;box-shadow:0 4px 12px #1e2a444d}.bottomnav a.central svg{color:#fff!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.card.flat{padding:0;gap:0;overflow:hidden}.fila{display:flex;align-items:center;gap:10px}.fila.wrap{flex-wrap:wrap}.entre{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 380px){.grid2{grid-template-columns:1fr}}.seccion-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.seccion-titulo h2{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.02em;text-transform:uppercase;color:var(--navy)}.lista{list-style:none;margin:0;padding:0}.lista>li+li{border-top:1px solid var(--line)}.item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;background:none;border:0;width:100%;text-align:left;cursor:pointer}.item:active{background:var(--bg)}.item .cuerpo{flex:1;min-width:0}.item .titulo{font-weight:600}.item .sub{font-size:.875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vacio{padding:24px 16px;text-align:center;color:var(--muted)}.placa{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;background:var(--plate);color:#111;border:2px solid #111;border-radius:6px;padding:1px 8px;font-size:1rem;min-width:84px;flex:none}.placa.grande{font-size:1.6rem;padding:2px 14px;min-width:130px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.e-recibida{background:var(--info-soft);color:var(--info)}.e-en_diagnostico{background:#eee8fa;color:#5b3ba8}.e-esperando_aprobacion{background:var(--warn-soft);color:var(--warn)}.e-en_reparacion{background:var(--gold-soft);color:#7a5a1c}.e-lista{background:var(--ok-soft);color:var(--ok)}.e-entregada{background:#eceef2;color:var(--muted)}.e-cancelada{background:var(--bad-soft);color:var(--bad)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.stat .v{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--navy);line-height:1}.stat .l{font-size:.78rem;color:var(--muted);margin-top:4px}.stat.alerta .v{color:var(--bad)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:.875rem;font-weight:600;cursor:pointer;color:var(--muted)}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}label.campo{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;color:var(--muted);min-width:0}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:11px 12px;font-size:1rem;color:var(--ink);font-weight:400}textarea{min-height:76px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}input.placa-input{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink);font-weight:400}.check input{width:20px;height:20px;flex:none;margin-top:1px}.buscador{position:relative}.buscador input{padding-left:38px}.buscador svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;background:var(--navy);color:#fff;min-height:44px}.btn:disabled{opacity:.55;cursor:default}.btn.oro{background:var(--gold);color:#fff}.btn.sec{background:var(--surface);color:var(--navy);border-color:var(--line)}.btn.peligro{background:var(--surface);color:var(--bad);border-color:var(--bad-soft)}.btn.wa{background:#1f8a4c;color:#fff}.btn.bloque{width:100%}.btn.chico{padding:6px 10px;min-height:34px;font-size:.85rem}.btn svg{width:18px;height:18px}.btn:focus-visible,.chip:focus-visible,.item:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.acciones{display:flex;flex-wrap:wrap;gap:10px}.acciones>.btn{flex:1 1 auto}.aviso{border-radius:10px;padding:10px 12px;font-size:.9rem}.aviso.error{background:var(--bad-soft);color:var(--bad)}.aviso.ok{background:var(--ok-soft);color:var(--ok)}.aviso.warn{background:var(--warn-soft);color:var(--warn)}.aviso.info{background:var(--info-soft);color:var(--info)}.toast{position:fixed;left:50%;transform:translate(-50%);z-index:60;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.9rem;max-width:calc(100% - 32px);box-shadow:0 6px 20px #00000040}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142073;z-index:50;display:flex;align-items:flex-end;justify-content:center}.hoja{background:var(--surface);width:100%;max-width:640px;max-height:92dvh;overflow-y:auto;border-radius:18px 18px 0 0;padding:18px max(16px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:14px}@media (min-width: 700px){.velo{align-items:center}.hoja{border-radius:18px}}.pasos{display:flex;gap:4px}.pasos span{flex:1;height:6px;border-radius:3px;background:var(--line)}.pasos span.hecho{background:var(--gold)}.pasos span.actual{background:var(--navy)}.totales{display:grid;gap:4px}.totales .entre{font-variant-numeric:tabular-nums}.totales .total{font-weight:700;font-size:1.15rem;color:var(--navy)}.fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.fotos img,.fotos .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--bg)}.acceso{min-height:100dvh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));background:var(--navy)}.acceso .card{width:100%;max-width:380px;padding:24px}.acceso .logo{width:72px;height:72px;margin:0 auto}.doc{max-width:640px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:16px}.doc-cab{display:flex;gap:14px;align-items:center}.doc-cab .logo-taller{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--line);flex:none}.doc-cab .inicial{width:64px;height:64px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-size:1.8rem;flex:none}.tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabla th,.tabla td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}.tabla th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tabla td.r,.tabla th.r{text-align:right;white-space:nowrap}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}