:root{--tinta: #16181c;--suave: #5f6773;--linea: #e2e6ea;--fondo: #f6f7f9;--azul: #1f6feb;--ok: #0f7b4f;--ok-fondo: #e9f6ef;--nube-fondo: #f3efff;--espera: #9a6700;--espera-fondo: #fff5e0;--rojo: #b3261e;--rojo-fondo: #fdecea;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{font-size:24px;margin:0 0 4px;letter-spacing:-.02em}h2{font-size:16px;margin:28px 0 10px}.suave{color:var(--suave);font-size:14px;margin:0}.pie{color:var(--suave);font-size:13px;margin:6px 0}.envoltura{max-width:1080px;margin:0 auto;padding:28px 24px 70px}.cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.acciones{display:flex;gap:10px}button{font:inherit;font-weight:600;padding:10px 16px;border-radius:9px;border:1px solid transparent;cursor:pointer;background:var(--azul);color:#fff}button.secundario{background:#fff;color:var(--tinta);border-color:var(--linea)}button:disabled{opacity:.5;cursor:default}.aviso{padding:12px 15px;border-radius:9px;font-size:14px}.aviso.error{background:var(--rojo-fondo);color:var(--rojo);border:1px solid #f4cbc7}.flujo{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;margin-bottom:8px}.etapa{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:18px}.etapa h2{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave)}.etapa .nombre{font-weight:600;margin:0 0 10px}.etapa .dato{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0}.nube{background:var(--nube-fondo);border-color:#ddd0f5}.flecha{display:flex;align-items:center;justify-content:center;color:var(--suave);font-size:22px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linea);border-radius:10px;overflow:hidden;font-size:14px}th{text-align:left;background:#f0f2f5;padding:9px 12px;font-size:12px;color:var(--suave);font-weight:600}td{padding:8px 12px;border-top:1px solid var(--linea)}.num{text-align:right;font-variant-numeric:tabular-nums}.cod{font-family:ui-monospace,Menlo,monospace;color:var(--suave)}.vacio{color:var(--suave)}.antes{color:var(--rojo);text-decoration:line-through}.despues{color:var(--ok);font-weight:500}.pastilla{display:inline-block;padding:1px 9px;border-radius:20px;font-size:12px;white-space:nowrap;background:#eef0f3;color:var(--suave)}.pastilla.ok{background:var(--ok-fondo);color:var(--ok)}.pastilla.espera{background:var(--espera-fondo);color:var(--espera)}.pastilla.no{background:var(--rojo-fondo);color:var(--rojo)}.acceso{min-height:100vh;display:grid;place-items:center;padding:24px}.acceso .caja{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:28px;width:min(420px,100%);display:grid;gap:10px}.acceso label{font-weight:600;font-size:14px;margin-top:8px}.acceso input{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:8px}@media(max-width:720px){.flujo{grid-template-columns:1fr;gap:10px}.flecha{transform:rotate(90deg)}.cabecera{flex-direction:column}}