:root{--fondo: #0f172a;--panel: #1e293b;--panel-alto: #334155;--borde: #475569;--texto: #f1f5f9;--tenue: #94a3b8;--acento: #38bdf8;--verde: #22c55e;--verde-fondo: #14532d;--ambar: #f59e0b;--ambar-fondo: #451a03;--rojo: #ef4444;--rojo-fondo: #450a0a;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom)}.envoltura{max-width:560px;margin:0 auto;padding:16px 16px 96px}.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 20px}.barra h1{font-size:18px;margin:0;font-weight:600}.barra .quien{color:var(--tenue);font-size:13px}.estado{border-radius:20px;padding:28px 20px;text-align:center;border:2px solid var(--borde);background:var(--panel)}.estado.activo{border-color:var(--verde);background:var(--verde-fondo)}.estado .etiqueta{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin-bottom:8px}.estado.activo .etiqueta{color:#bbf7d0}.estado .valor{font-size:34px;font-weight:800;line-height:1.1}.estado .cronometro{font-size:46px;font-weight:800;font-variant-numeric:tabular-nums;margin:6px 0 2px}.estado .detalle{color:var(--tenue);font-size:15px;margin-top:10px}.estado.activo .detalle{color:#dcfce7}.boton{display:block;width:100%;border:0;border-radius:16px;padding:22px 18px;font-size:20px;font-weight:700;cursor:pointer;margin-top:14px;color:#04121f;background:var(--acento);font-family:inherit}.boton:disabled{opacity:.45;cursor:default}.boton.salida{background:var(--rojo);color:#fff}.boton.secundario{background:transparent;color:var(--texto);border:2px solid var(--borde);font-size:17px;padding:16px}.boton.chico{padding:12px 16px;font-size:15px;margin-top:0;width:auto}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:16px;margin-top:16px}.tarjeta h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin:0 0 12px}.fila{display:flex;justify-content:space-between;gap:12px;padding:10px 0}.fila+.fila{border-top:1px solid var(--panel-alto)}.fila .principal{font-weight:600}.fila .sub{color:var(--tenue);font-size:13px}.numero{font-variant-numeric:tabular-nums;font-weight:700}.aviso{border-radius:12px;padding:12px 14px;margin-top:14px;font-size:15px;border:1px solid}.aviso.info{background:#082f49;border-color:#0369a1}.aviso.ambar{background:var(--ambar-fondo);border-color:var(--ambar)}.aviso.rojo{background:var(--rojo-fondo);border-color:var(--rojo)}.campo{width:100%;padding:16px;font-size:17px;border-radius:12px;border:2px solid var(--borde);background:var(--panel);color:var(--texto);font-family:inherit}.campo:focus{outline:none;border-color:var(--acento)}.opciones{margin-top:12px;max-height:46vh;overflow-y:auto}.opcion{display:block;width:100%;text-align:left;padding:14px 16px;background:var(--panel);border:1px solid var(--borde);color:var(--texto);border-radius:12px;margin-bottom:8px;font-size:16px;cursor:pointer;font-family:inherit}.opcion.puesta{border-color:var(--acento);background:#082f49}.opcion .codigo{font-weight:700;font-variant-numeric:tabular-nums}.opcion .ruta{display:block;color:var(--tenue);font-size:12px;margin-top:3px}.pastillas{display:flex;flex-wrap:wrap;gap:8px}.pastilla{padding:12px 16px;border-radius:999px;font-size:15px;font-weight:600;background:var(--panel);border:2px solid var(--borde);color:var(--texto);cursor:pointer;font-family:inherit}.pastilla.puesta{border-color:var(--acento);background:#082f49;color:var(--acento)}.foto-previa{width:100%;border-radius:12px;margin-top:12px;display:block;border:1px solid var(--borde)}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--panel);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1;padding:14px 8px;background:none;border:0;cursor:pointer;color:var(--tenue);font-size:13px;font-weight:600;font-family:inherit}.nav button.puesta{color:var(--acento)}.centrado{text-align:center;padding:48px 24px;color:var(--tenue)}.marca{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ambar);margin-left:6px;vertical-align:middle}.encabezado-modal{display:flex;align-items:center;gap:12px;margin-bottom:20px}.encabezado-modal h1{font-size:20px;margin:0;flex:1}.volver{background:none;border:0;color:var(--acento);font-size:16px;cursor:pointer;padding:8px 0;font-family:inherit}