:root{--bg:#0b1018;--surface:#141b26;--surface-2:#1c2533;--line:#263042;--fg:#eaf0f7;--muted:#8a97aa;--brand:#3b82ff;--brand-soft:#3b82ff29;--on-brand:#fff;--signal:#ffb21e;--signal-soft:#ffb21e24;--on-signal:#1a1200;--ok:#22c55e;--ok-soft:#22c55e24;--danger:#f04848;--danger-soft:#f0484824;--f-display:"Archivo","Arial Narrow",system-ui,sans-serif;--f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f3f5f8;--surface:#fff;--surface-2:#ebeff4;--line:#d7dee8;--fg:#0e1726;--muted:#5b6779;--brand:#1f6bff;--brand-soft:#1f6bff1f;--signal:#e39200;--signal-soft:#e3920024;--ok:#15a34a;--ok-soft:#15a34a1f;--danger:#d92d2d;--danger-soft:#d92d2d1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.phone{background:var(--bg);max-width:520px;height:100%;padding-top:env(safe-area-inset-top,0px);flex-direction:column;margin:0 auto;display:flex;position:relative}main{flex:1;position:relative;overflow:hidden auto}.screen{align-content:start;gap:14px;min-height:100%;padding:12px 18px 24px;display:grid}@media (prefers-reduced-motion:no-preference){.screen{animation:.22s ease-out in}}@keyframes in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.topbar h2,.h2{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;font-stretch:112%;line-height:1.1}.iconbtn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--fg);border-radius:12px;flex:none;place-items:center;display:grid}.iconbtn svg{width:20px;height:20px}.back{color:var(--muted);background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:6px 0;font-weight:600;display:inline-flex}.back svg{width:18px;height:18px}.wordmark{font-family:var(--f-display);letter-spacing:-.02em;align-items:center;gap:8px;font-size:21px;font-weight:800;font-stretch:120%;display:flex}.wordmark i{color:var(--brand);font-style:normal}.logo{flex:none;width:34px;height:34px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:600}.big{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;font-stretch:110%;line-height:1}.price{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;font-stretch:108%}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid2 .card{gap:8px;padding:14px;display:grid}.avail{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.avail .txt{flex:1;min-width:0}.avail strong{font-size:17px;display:block}.avail .sub{color:var(--muted);font-size:13px}.pulse{background:var(--muted);border-radius:50%;flex:none;width:12px;height:12px;position:relative}.avail.on .pulse{background:var(--ok)}@media (prefers-reduced-motion:no-preference){.avail.on .pulse:after{content:"";border:2px solid var(--ok);border-radius:50%;animation:1.6s ease-out infinite ping;position:absolute;inset:-6px}}@keyframes ping{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.switch{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.avail.on .switch{background:var(--ok);border-color:var(--ok)}.avail.on .switch:after{background:#fff;transform:translate(22px)}.incoming{border:1.5px solid var(--signal);background:linear-gradient(180deg,var(--signal-soft),transparent 70%),var(--surface);text-align:left;border-radius:20px;gap:12px;width:100%;padding:16px;display:grid}.tag{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag.signal{background:var(--signal);color:var(--on-signal)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.brand{background:var(--brand-soft);color:var(--brand)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.tag.warn{background:var(--signal-soft);color:var(--signal)}.svc-type{font-family:var(--f-display);margin:0;font-size:22px;font-weight:800;font-stretch:112%;line-height:1.1}.meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.meta b{color:var(--fg);font-weight:600}.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:18px;place-items:center;gap:8px;padding:28px 16px;display:grid}.empty svg{width:44px;height:44px;color:var(--brand)}.empty b{color:var(--fg)}.plate{border:1.5px solid var(--fg);background:var(--surface-2);border-radius:6px;flex-direction:column;flex:none;align-items:center;padding:1px 8px 2px;line-height:1;display:inline-flex}.plate small{letter-spacing:.14em;color:var(--muted);font-size:7px;font-weight:700}.plate span{font-family:var(--f-mono);letter-spacing:.06em;font-size:15px;font-weight:600}.kv{margin:0;display:grid}.kv>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.kv>div:last-child{border-bottom:0;padding-bottom:0}.kv>div:first-child{padding-top:0}.kv dt{color:var(--muted);margin:0 0 2px;font-size:12px}.kv dd{min-width:0;margin:0;font-weight:600}.od{grid-template-columns:22px 1fr;gap:0 12px;display:grid}.od .rail{grid-template-rows:auto 1fr auto;justify-items:center;padding:4px 0;display:grid}.od .rail i{border:3px solid var(--brand);border-radius:50%;width:12px;height:12px}.od .rail i.end{border-color:var(--signal);background:var(--signal);border-radius:3px}.od .rail span{background:repeating-linear-gradient(var(--line) 0 4px,transparent 4px 8px);width:2px;margin:4px 0}.od dl{gap:18px;min-width:0;margin:0;display:grid}.od dt{color:var(--muted);margin:0 0 2px;font-size:12px}.od dd{margin:0;font-weight:600}.ubicacion{align-items:flex-start;gap:12px;display:flex}.ubicacion i{border:4px solid var(--brand);border-radius:50%;flex:none;width:14px;height:14px;margin-top:4px}.ubicacion b{margin-top:2px;display:block}.eta-card{background:var(--brand-soft);border:1px solid var(--brand);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.eta-card b{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;font-stretch:112%;line-height:1}.linkbtn{background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:12px;flex:none;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.linkbtn svg{width:16px;height:16px}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;padding:0 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn svg{width:20px;height:20px}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.ok{background:var(--ok);color:#04220f}.btn.signal{background:var(--signal);color:var(--on-signal)}.btn.ghost{background:var(--surface);border:1px solid var(--line);color:var(--fg)}.btn.danger-ghost{border:1px solid var(--line);color:var(--danger);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.actions{gap:10px;display:grid}.actions.two{grid-template-columns:1fr 1.4fr}.textbtn{color:var(--brand);background:0 0;border:0;padding:4px 0;font-weight:600}.ring{flex:none;width:64px;height:64px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .trk{fill:none;stroke:var(--surface-2);stroke-width:6px}.ring .val{fill:none;stroke:var(--signal);stroke-width:6px;stroke-linecap:round;stroke-dasharray:163.4;transition:stroke-dashoffset 1s linear}.ring b{font-family:var(--f-mono);place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.stepper{gap:4px;display:flex}.stepper i{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.stepper i.done{background:var(--brand)}.stepper i.now{background:var(--signal)}.steplabel{color:var(--muted);justify-content:space-between;margin-top:-6px;font-size:12px;display:flex}.steplabel b{color:var(--fg);font-weight:600}.pin{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pin input{border:1.5px solid var(--line);background:var(--surface);text-align:center;height:68px;font-family:var(--f-mono);border-radius:14px;width:100%;font-size:28px;font-weight:600}.pin input:focus{border-color:var(--brand);outline:none}.pin.bad input{border-color:var(--danger)}@media (prefers-reduced-motion:no-preference){.pin.bad{animation:.35s shake}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.err{color:var(--danger);margin:0;font-size:13px}.clock{place-items:center;gap:4px;padding:22px 0;display:grid}.clock .t{font-family:var(--f-mono);letter-spacing:-.02em;font-size:56px;font-weight:600;line-height:1}.checks{gap:8px;display:grid}.checks label{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.checks input{width:22px;height:22px;accent-color:var(--ok);flex:none}.checks input:checked+span{color:var(--muted);text-decoration:line-through}.slots{grid-template-columns:1fr 1fr;gap:10px;display:grid}.slot{aspect-ratio:1;border:1.5px dashed var(--line);background:var(--surface);text-align:center;cursor:pointer;border-radius:16px;place-items:center;max-width:100%;padding:10px;display:grid;position:relative;overflow:hidden}.slot svg{width:28px;height:28px;color:var(--brand)}.slot small{color:var(--muted);font-size:12px}.slot b{font-size:13px}.slot.filled{border-style:solid;border-color:var(--ok)}.slot.busy{opacity:.6}.slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slot .badge{background:var(--ok);color:#04220f;border-radius:99px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}.slot .badge svg{width:14px;height:14px;color:inherit}.slot input{opacity:0;cursor:pointer;position:absolute;inset:0}.stars{gap:6px;display:flex}.stars button{color:var(--surface-2);-webkit-text-stroke:1px var(--line);background:0 0;border:0;padding:2px;font-size:42px;line-height:1}.stars button.on{color:var(--signal);-webkit-text-stroke:0}.firma{border:1.5px dashed var(--line);border-radius:14px;position:relative;overflow:hidden}.firma canvas{touch-action:none;cursor:crosshair;background:#fff;width:100%;height:180px;display:block}.firma-hint{color:#8a97aa;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.firma-borrar{position:absolute;top:6px;right:10px}.rating{color:var(--signal);font-weight:700}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:12px;padding:0 0 14px;display:grid;position:relative}.timeline li>.mono{white-space:nowrap;text-align:right}.timeline li:before{content:"";background:var(--brand);border-radius:50%;justify-self:center;width:10px;height:10px;margin-top:5px}.timeline li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:17px;bottom:0;left:7px}.timeline li.x:before{background:var(--danger)}.timeline small{color:var(--muted);display:block}.fotos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fotos a{color:var(--muted);gap:4px;font-size:12px;text-decoration:none;display:grid}.fotos img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;max-width:100%}.firma-img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:140px}.hist li.click{cursor:pointer}textarea{border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:14px;width:100%;min-height:76px;padding:12px}.chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.hist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hist li{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.hist .ic{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:12px;place-items:center;display:grid}.hist .ic.x{background:var(--danger-soft);color:var(--danger)}.hist .ic svg{width:20px;height:20px}.hist .t{font-weight:600}.hist .s{color:var(--muted);font-size:12px}.hist .r{text-align:right;justify-items:end;gap:4px;display:grid}.day{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:12px;font-weight:600}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:150px;padding-top:18px;display:grid}.bar{flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar .track{flex:1;align-items:flex-end;width:100%;display:flex}.bar i{background:var(--brand);border-radius:8px 8px 3px 3px;width:100%;min-height:3px}.bar.today i{background:var(--signal)}.bar.future i{background:var(--surface-2)}.bar em{color:var(--muted);font-size:11px;font-style:normal}.bar span{font-family:var(--f-mono);font-size:11px}.seg{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:6px 10px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface-2);color:var(--fg)}.earnlist{margin:0;padding:0;list-style:none;display:grid}.earnlist li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.earnlist li:last-child{border-bottom:0}.avatar{background:var(--brand);width:84px;height:84px;color:var(--on-brand);font-family:var(--f-display);border-radius:26px;place-items:center;font-size:30px;font-weight:800;font-stretch:115%;display:grid}.prof{text-align:center;justify-items:center;gap:6px;padding:10px 0 4px;display:grid}.prof h3{font-family:var(--f-display);margin:6px 0 0;font-size:22px;font-stretch:110%}details{background:var(--surface);border:1px solid var(--line);border-radius:16px}summary{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary svg{width:20px;height:20px;color:var(--muted);flex:none}summary .chev{margin-left:auto;transition:transform .2s}details[open] summary .chev{transform:rotate(90deg)}details .body{gap:10px;padding:0 16px 14px;font-size:14px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:600}.field input{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;height:50px;padding:0 14px}.field input:focus{border-color:var(--brand);outline:none}.logout{border:1px solid var(--line);color:var(--danger);background:0 0;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.logout svg{width:20px;height:20px}.login{align-content:space-between;min-height:100%;padding-top:30px;display:grid}.hero-mark{gap:14px;padding:30px 0 10px;display:grid}.hero-mark .logo{width:64px;height:64px}.hero-mark h1{font-family:var(--f-display);letter-spacing:-.03em;margin:0;font-size:40px;font-weight:800;font-stretch:125%;line-height:.95}.hero-mark h1 i{color:var(--brand);font-style:normal}.hero-mark p{color:var(--muted);max-width:28ch;margin:0}.activebar{background:var(--signal);color:var(--on-signal);text-align:left;border:0;border-radius:14px;align-items:center;gap:10px;margin:0 12px 8px;padding:10px 14px;font-weight:700;display:flex}.activebar span{flex:1;min-width:0}.activebar small{opacity:.8;font-weight:500;display:block}.activebar svg{width:20px;height:20px}.tabbar{border-top:1px solid var(--line);background:var(--bg);padding:6px 6px calc(10px + env(safe-area-inset-bottom,0px));flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabbar button{color:var(--muted);background:0 0;border:0;justify-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;display:grid}.tabbar svg{width:22px;height:22px}.tabbar button[aria-current=page]{color:var(--brand)}.scrim{z-index:5;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);padding:10px 18px calc(26px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);border-radius:24px 24px 0 0;gap:12px;width:100%;max-width:520px;display:grid}.sheet .grab{background:var(--line);border-radius:2px;justify-self:center;width:40px;height:4px}.sheet h3{font-family:var(--f-display);margin:0;font-size:20px;font-stretch:110%}.reasons{gap:8px;display:grid}.reasons label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.reasons input{accent-color:var(--danger);width:18px;height:18px}.toast{width:calc(100% - 32px);max-width:488px;left:50%;top:calc(12px + env(safe-area-inset-top,0px));background:var(--fg);color:var(--bg);z-index:6;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.offline{background:var(--danger);color:#fff;text-align:center;padding:6px;font-size:13px;font-weight:600}.center{height:100%;color:var(--muted);place-items:center;display:grid}