:root{--ink: #0C1F26;--ink-2: #37535D;--ink-hondo: #123a3a;--canvas: #F5F6F9;--surface: #FFFFFF;--line: #E6E8EE;--line-soft: #EEF0F5;--text: #1A1F2B;--muted: #6B7280;--muted-2: #9AA1AD;--brand: #0E9F8E;--brand-d: #0B8074;--brand-soft: #E6F5F2;--accent: #F59E0B;--accent-soft: #FEF3E2;--info: #2563EB;--info-soft: #E7EEFE;--danger: #DC2626;--danger-soft: #FCE9E9;--ok: #16A34A;--ok-soft: #E6F4EC;--violet: #7C5CFC;--violet-soft: #EFEAFE;--r: 14px;--r-sm: 10px;--sh: 0 1px 2px rgba(12,31,38,.04), 0 8px 24px rgba(12,31,38,.06);--sh-lg: 0 24px 60px rgba(12,31,38,.18);--f-disp: "Space Grotesk", sans-serif;--f-body: "Inter", sans-serif;--f-mono: "JetBrains Mono", monospace}html,body{margin:0;padding:0}body{font-family:var(--f-body);background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{font-family:inherit;cursor:pointer}a{color:inherit}svg{width:16px;height:16px;flex:0 0 auto;vertical-align:middle}::selection{background:var(--brand);color:#fff}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--kio-ancho: min(560px, 92vw)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--f-body);user-select:none;-webkit-user-select:none;touch-action:manipulation}.kio-app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);position:relative;overflow:hidden}.kio-lienzo{width:var(--kio-ancho);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kio-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kio-clock{font-family:var(--f-disp);font-size:clamp(48px,13vw,96px);font-weight:700;color:var(--ink);line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}.kio-date{color:var(--muted);font-size:clamp(12.5px,2.4vw,18px);margin-top:6px}.kio-qrbox{margin:clamp(16px,4vh,36px) 0 14px;width:clamp(132px,26vw,220px);height:clamp(132px,26vw,220px);border-radius:16px;border:2px dashed var(--brand);display:grid;place-items:center;background:#fff}.kio-qrbox svg,.kio-qrbox img{width:80%;height:80%}.kio-hint{font-family:var(--f-disp);font-size:clamp(16.5px,3.4vw,28px);font-weight:600;color:var(--brand-d)}.kio-sub{color:var(--muted);font-size:clamp(11.5px,2.2vw,16px);margin-top:5px}.kio-ok{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;animation:kioIn .22s ease-out}@keyframes kioIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.kio-ok{animation:none}}.kio-badge{width:clamp(76px,15vw,120px);height:clamp(76px,15vw,120px);border-radius:50%;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}.kio-badge svg{width:52%;height:52%;color:#fff}.kio-badge img{width:100%;height:100%;object-fit:cover}.kio-name{font-family:var(--f-disp);font-size:clamp(23px,5vw,42px);font-weight:700;color:var(--ink);line-height:1.15}.kio-meta{color:var(--muted);font-size:clamp(12px,2.3vw,17px);margin-top:4px}.kio-act{margin-top:clamp(10px,2.5vh,22px);font-family:var(--f-disp);font-size:clamp(15px,3vw,24px);font-weight:600}.kio-time{font-family:var(--f-disp);font-size:clamp(52px,12vw,92px);font-weight:800;line-height:1;margin-top:2px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.kio-folio{margin-top:12px;font-family:var(--f-mono);font-size:clamp(11px,2vw,14px);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 12px}.kio-next{margin-top:14px;font-size:clamp(11.5px,2.2vw,16px);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.kio-next svg{width:1em;height:1em;flex:0 0 auto}.kio-next.kio-retardo{border-color:#f3c2c2;background:#fdecec;color:var(--danger)}.kio-next.kio-completa{background:var(--brand-soft);border-color:#a9ded6;color:var(--brand-d)}.kio-steps{display:flex;gap:6px;margin-top:14px;width:100%}.kio-steps .s{flex:1;text-align:center;border-radius:9px;padding:7px 3px;background:#fff;border:1px solid var(--line)}.kio-steps .s .k{font-size:clamp(9px,1.6vw,12px);color:var(--muted-2);text-transform:uppercase;letter-spacing:.4px}.kio-steps .s .v{font-family:var(--f-mono);font-size:clamp(12px,2.2vw,16px);font-weight:700;color:var(--muted-2);margin-top:2px}.kio-steps .s.done{background:var(--brand-soft);border-color:#a9ded6}.kio-steps .s.done .v{color:var(--brand-d)}.kio-sede{width:var(--kio-ancho);margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:clamp(10.5px,1.9vw,14px)}.kio-estado{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kio-punto{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:0 0 auto}.kio-punto.sin-red{background:var(--accent)}.kio-pendientes{font-family:var(--f-mono)}.kio-secreto{position:absolute;top:0;right:0;width:64px;height:64px;border:0;background:transparent;cursor:default}.kio-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--canvas);padding:clamp(16px,4vw,40px);overflow-y:auto;z-index:10}.kio-panel .adentro{max-width:560px;margin:0 auto}.kio-panel h1{font-family:var(--f-disp);font-size:24px;margin:0 0 4px}.kio-panel .ps{color:var(--muted);font-size:13px;margin:0 0 20px}.kio-campo{display:block;margin-bottom:14px}.kio-campo span{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.kio-campo input,.kio-campo select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--f-body);font-size:15px;background:#fff;color:var(--ink)}.kio-campo input:focus,.kio-campo select:focus{outline:2px solid var(--brand);outline-offset:1px}.kio-boton{width:100%;padding:13px;border:0;border-radius:var(--r-sm);background:var(--brand);color:#fff;font-family:var(--f-body);font-size:15px;font-weight:600;cursor:pointer}.kio-boton:disabled{opacity:.55;cursor:default}.kio-boton.secundario{background:#fff;color:var(--ink);border:1px solid var(--line)}.kio-boton.peligro{background:#fff;color:var(--danger);border:1px solid #f3c2c2}.kio-dato{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.kio-dato b{font-family:var(--f-mono);font-weight:500;color:var(--muted);text-align:right;word-break:break-all}.kio-aviso{border:1px solid var(--line);background:#fff;border-radius:var(--r-sm);padding:11px 13px;font-size:12.5px;color:var(--muted);margin-bottom:14px}.kio-aviso.malo{border-color:#f3c2c2;background:#fdecec;color:var(--danger)}.kio-camara{width:clamp(132px,26vw,220px);height:clamp(132px,26vw,220px);border-radius:16px;object-fit:cover;background:#0b0f17;margin:clamp(16px,4vh,36px) 0 14px}@media(min-height:700px)and (min-width:900px){:root{--kio-ancho: min(680px, 70vw)}}