:root{--color-bg-page: #f7f7f7;--color-bg-surface: #ffffff;--color-bg-subtle: #f0f5fa;--color-bg-muted: #f0f0f0;--color-bg-brand: #0071ce;--color-bg-brand-soft: #e5f1fa;--color-bg-accent: #5b57f0;--color-bg-accent-subtle: #efeefe;--color-bg-code: #0a2540;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-brand: #003b6b;--color-text-link: #0071ce;--color-text-accent: #5b57f0;--color-text-on-brand: #ffffff;--color-text-code: #bfdbf3;--color-action-primary: #0071ce;--color-action-primary-hover: #005fb0;--color-action-accent: #5b57f0;--color-action-accent-hover: #4a46d6;--color-border-default: #dde3ea;--color-border-strong: #adb6be;--color-border-accent: #cc89f0;--color-border-focus: #0071ce;--color-feedback-qorp-bg: #f8effd;--color-feedback-qorp-fg: #4a46d6;--color-feedback-success-fg: #1f7a62;--color-feedback-success-bg: #eef8f5;--color-feedback-warning-fg: #b45309;--color-feedback-warning-bg: #fff6e5;--color-feedback-error-fg: #c2312f;--color-feedback-error-bg: #fdecec;--color-feedback-info-fg: #00569d;--color-feedback-info-bg: #e5f1fa;--degradado-qorp: linear-gradient(135deg, #cc89f0 0%, #5b57f0 55%, #0071ce 100%);--degradado-marca: linear-gradient(160deg, #0071ce 0%, #00569d 45%, #003b6b 100%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--sombra-1: 0 1px 2px rgba(15, 23, 42, .04);--sombra-2: 0 8px 24px rgba(15, 23, 42, .12);--sombra-3: 0 24px 64px rgba(15, 23, 42, .22);--fuente: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--fuente);font-size:14px;line-height:20px;color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin:0}code,pre,.mono{font-family:var(--mono)}.h1{font-size:32px;line-height:40px;font-weight:700}.h2{font-size:24px;line-height:32px;font-weight:700}.h3{font-size:18px;line-height:26px;font-weight:600}.overline{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-accent)}.body-l{font-size:16px;line-height:24px}.caption{font-size:12px;line-height:16px;color:var(--color-text-secondary)}.sec{color:var(--color-text-secondary)}.label-s{font-size:12px;line-height:16px;font-weight:500}.label-m{font-size:14px;line-height:20px;font-weight:500}.label-l{font-size:16px;line-height:24px;font-weight:500}.fuerte{font-weight:600}.peq-mono{font-family:var(--mono);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--radius-full);border:1.5px solid transparent;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primario{background:var(--color-action-primary);color:#fff}.btn-primario:hover{background:var(--color-action-primary-hover)}.btn-acento{background:var(--color-action-accent);color:#fff}.btn-acento:hover{background:var(--color-action-accent-hover)}.btn-contorno{background:#fff;border-color:var(--color-action-primary);color:var(--color-action-primary)}.btn-contorno:hover{background:var(--color-bg-brand-soft)}.btn-suave{background:var(--color-bg-brand-soft);color:var(--color-text-brand)}.btn-suave:hover{background:#d6e8f7}.btn-texto{background:transparent;color:var(--color-text-link);padding:0 12px}.btn-texto:hover{background:var(--color-bg-brand-soft)}.btn-peligro{background:#fff;border-color:var(--color-feedback-error-fg);color:var(--color-feedback-error-fg)}.btn-peligro:hover{background:var(--color-feedback-error-bg)}.btn[disabled],.btn.deshabilitado{background:var(--color-bg-muted)!important;color:#a3abb5!important;border-color:transparent!important;cursor:not-allowed}.btn-chico{height:32px;padding:0 14px;font-size:13px}.btn-grande{height:48px;padding:0 28px;font-size:15px}.btn-bloque{width:100%}.link{background:none;border:none;padding:0;color:var(--color-text-link);cursor:pointer;font-weight:500}.link:hover{text-decoration:underline}.campo{display:flex;flex-direction:column;gap:6px}.campo>label,.etiqueta{font-size:13px;font-weight:500;color:var(--color-text-primary)}.campo .ayuda{font-size:12px;color:var(--color-text-secondary)}.campo .error-campo{font-size:12px;color:var(--color-feedback-error-fg)}.input,.select,.textarea{height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:#fff;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:10px 14px;resize:vertical;min-height:88px;line-height:20px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0071ce26;border-width:2px}.input[disabled],.input[readonly].bloqueado{background:var(--color-bg-muted);color:#8b95a1;border-color:var(--color-border-default)}.input.invalido{border-color:var(--color-feedback-error-fg)}.input-mono{font-family:var(--mono);font-size:13px}.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:18px;height:18px;accent-color:var(--color-action-primary)}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;white-space:nowrap}.badge-neutro{background:var(--color-bg-muted);color:#475569}.badge-info{background:var(--color-feedback-info-bg);color:var(--color-feedback-info-fg)}.badge-exito{background:var(--color-feedback-success-bg);color:var(--color-feedback-success-fg)}.badge-aviso{background:var(--color-feedback-warning-bg);color:var(--color-feedback-warning-fg)}.badge-error{background:var(--color-feedback-error-bg);color:var(--color-feedback-error-fg)}.badge-acento{background:var(--color-feedback-qorp-bg);color:var(--color-feedback-qorp-fg)}.badge-marca{background:var(--color-bg-brand-soft);color:var(--color-text-brand)}.badge-oscuro{background:var(--color-bg-code);color:#fff}.badge .punto{width:6px;height:6px;border-radius:50%;background:currentColor}.chip-metodo{font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--color-bg-brand-soft);color:var(--color-text-brand)}.chip-metodo.post{background:var(--color-feedback-qorp-bg);color:var(--color-feedback-qorp-fg)}.version{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg-muted);color:#475569;font-weight:500}.alerta{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);font-size:13px;line-height:19px}.alerta .alerta-icono{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;margin-top:1px}.alerta-titulo{font-weight:600;margin-bottom:2px}.alerta-info{background:var(--color-feedback-info-bg);color:#0f3a62}.alerta-info .alerta-icono{background:var(--color-feedback-info-fg)}.alerta-info .alerta-titulo{color:var(--color-feedback-info-fg)}.alerta-exito{background:var(--color-feedback-success-bg);color:#1d4a3d}.alerta-exito .alerta-icono{background:var(--color-feedback-success-fg)}.alerta-exito .alerta-titulo{color:var(--color-feedback-success-fg)}.alerta-aviso{background:var(--color-feedback-warning-bg);color:#4a3510}.alerta-aviso .alerta-icono{background:var(--color-feedback-warning-fg)}.alerta-aviso .alerta-titulo{color:var(--color-feedback-warning-fg)}.alerta-error{background:var(--color-feedback-error-bg);color:#5c1a19}.alerta-error .alerta-icono{background:var(--color-feedback-error-fg)}.alerta-error .alerta-titulo{color:var(--color-feedback-error-fg)}.tarjeta{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--sombra-1)}.tarjeta-titulo{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tarjeta-sin-pad{padding:0;overflow:hidden}.proxima-accion{background:var(--color-bg-accent-subtle);border:1.5px solid var(--color-border-accent);border-radius:var(--radius-lg);padding:28px}.proxima-accion.espera{background:#fff;border-style:dashed}.proxima-accion .h3{font-size:20px;line-height:28px;font-weight:600;margin:14px 0 10px}.proxima-accion p{color:var(--color-text-secondary);max-width:520px;margin-bottom:20px}.codigo{background:var(--color-bg-code);border-radius:var(--radius-md);overflow:hidden;color:var(--color-text-code)}.codigo-cabecera{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0e2c4b;font-size:12px;color:#dbe8f5}.codigo-cabecera button{background:none;border:none;color:#dbe8f5;cursor:pointer;font-size:12px}.codigo-cabecera button:hover{color:#fff}.codigo pre{margin:0;padding:14px 16px;font-size:12.5px;line-height:20px;white-space:pre-wrap;word-break:break-all;max-height:420px;overflow:auto}.codigo .k{color:#8fd3ff}.codigo .s{color:#b9f2c3}.codigo .n{color:#ffd59e}.codigo .b{color:#f4a7d9}.valor-copiable{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:0 16px;height:44px;font-family:var(--mono);font-size:13px}.valor-copiable span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:16px 20px}.paso{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.paso .num{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--color-border-strong);display:grid;place-items:center;font-size:12px;flex:none}.paso.hecho .num,.paso.actual .num{background:var(--color-bg-brand);border-color:var(--color-bg-brand);color:#fff}.paso.hecho,.paso.actual{color:var(--color-text-primary)}.barra-pasos{display:flex;gap:6px}.barra-pasos span{flex:1;height:4px;border-radius:2px;background:var(--color-border-default)}.barra-pasos span.on{background:var(--color-bg-accent)}.tabla{width:100%;border-collapse:collapse;font-size:13px}.tabla th{text-align:left;font-weight:600;font-size:12px;color:var(--color-text-secondary);padding:10px 14px;border-bottom:1px solid var(--color-border-default);background:#fafbfc;white-space:nowrap}.tabla td{padding:12px 14px;border-bottom:1px solid #edf1f5;vertical-align:middle}.tabla tr:last-child td{border-bottom:none}.tabla tr.clic{cursor:pointer}.tabla tr.clic:hover td{background:#f7fafd}.tabla tr.nueva td{animation:destello 2.4s ease-out}@keyframes destello{0%{background:#fff6c8}to{background:transparent}}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-border-default);margin-bottom:24px}.tab{background:none;border:none;padding:10px 0;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.activa{color:var(--color-text-link);border-bottom-color:var(--color-text-link)}.segmentado{display:inline-flex;background:var(--color-bg-muted);border-radius:var(--radius-full);padding:3px;gap:2px}.segmentado button{border:none;background:transparent;border-radius:var(--radius-full);padding:6px 14px;cursor:pointer;font-weight:500;font-size:13px;color:var(--color-text-secondary)}.segmentado button.activa{background:#fff;color:var(--color-text-primary);box-shadow:var(--sombra-1)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:34px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:#fff;cursor:pointer;font-size:13px;color:var(--color-text-primary)}.chip:hover{border-color:var(--color-border-strong)}.chip.activo{border:1.5px solid var(--color-bg-accent);background:var(--color-bg-accent-subtle);color:var(--color-feedback-qorp-fg);font-weight:500}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a254073;z-index:50;display:grid;place-items:center;padding:24px;animation:aparecer .15s}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--sombra-3);width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow:auto;animation:subir .18s}.modal-cab{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 8px}.modal-cuerpo{padding:8px 24px;display:flex;flex-direction:column;gap:16px}.modal-pie{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 22px}.cerrar{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--color-text-secondary);width:32px;height:32px;border-radius:50%}.cerrar:hover{background:var(--color-bg-muted)}.velo-lateral{place-items:stretch end;padding:0}.lateral{background:#fff;height:100vh;width:min(560px,100vw);box-shadow:var(--sombra-3);display:flex;flex-direction:column;animation:deslizar .22s}.lateral-cab{padding:24px 28px 0}.lateral-cuerpo{flex:1;overflow:auto;padding:20px 28px;display:flex;flex-direction:column;gap:16px}.lateral-pie{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #edf1f5}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(12px);opacity:0}}@keyframes deslizar{0%{transform:translate(40px);opacity:0}}.toasts{position:fixed;top:76px;right:20px;z-index:80;display:flex;flex-direction:column;gap:10px;width:360px}.toast{background:#fff;border-radius:var(--radius-md);box-shadow:var(--sombra-2);border-left:4px solid var(--color-bg-brand);padding:12px 14px;display:flex;gap:10px;animation:deslizar .25s;cursor:pointer}.toast.exito{border-left-color:var(--color-feedback-success-fg)}.toast.aviso{border-left-color:var(--color-feedback-warning-fg)}.toast.error{border-left-color:var(--color-feedback-error-fg)}.toast.acento{border-left-color:var(--color-bg-accent)}.toast-titulo{font-weight:600;font-size:13px}.toast-texto{font-size:12.5px;color:var(--color-text-secondary);margin-top:2px}.toast-origen{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--color-text-accent);margin-bottom:2px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;background:var(--color-bg-brand);flex:none}.avatar.acento{background:var(--color-bg-accent)}.avatar.chico{width:26px;height:26px;font-size:11px}.avatar.oscuro{background:var(--color-bg-code)}.marca{display:flex;align-items:center;gap:10px}.marca-circulo{width:26px;height:26px;border-radius:50%;background:var(--degradado-qorp);flex:none}.marca-nombre{font-size:22px;line-height:22px;font-weight:700;letter-spacing:-.02em}.marca-sub{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-link);margin-top:3px}.marca.blanca .marca-nombre{color:#fff}.marca.blanca .marca-sub{color:#dbe8f5}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.lado{background:#fff;border-right:1px solid var(--color-border-default);padding:20px 16px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh}.lado .marca{padding:4px 6px}.org-tarjeta{display:flex;gap:12px;align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:12px}.org-tarjeta .nombre{font-weight:600;font-size:13px}.org-tarjeta .cuit{font-size:11.5px;color:var(--color-text-secondary)}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:500;text-decoration:none}.nav a:hover{background:#f4f7fa}.nav a.active{background:var(--color-bg-brand-soft);color:var(--color-text-brand)}.nav a svg{width:18px;height:18px;flex:none;color:#64748b}.nav a.active svg{color:var(--color-text-link)}.nav .contador{margin-left:auto;background:var(--color-bg-accent);color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 6px}.nav-titulo{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:8px 12px 2px}.lado-pie{margin-top:auto}.principal{display:flex;flex-direction:column;min-width:0}.barra{height:64px;background:#fff;border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;gap:16px}.miga{color:var(--color-text-secondary);font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.miga a{color:var(--color-text-secondary)}.miga .actual{color:var(--color-text-primary)}.contenido{padding:32px;max-width:1240px;width:100%}.cabecera-pagina{margin-bottom:24px}.cabecera-pagina .h1{margin:6px 0 8px}.cabecera-pagina p{color:var(--color-text-secondary);font-size:15px}.grilla-home{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.columna{display:flex;flex-direction:column;gap:24px}.fila{display:flex;align-items:center;gap:12px}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:12px}.pila{display:flex;flex-direction:column;gap:12px}.pila-8{display:flex;flex-direction:column;gap:8px}.envolver{flex-wrap:wrap}.grilla-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.grilla-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grilla-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lista-simple{display:flex;flex-direction:column}.lista-simple>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:13.5px}.lista-simple>div:last-child{border-bottom:none}.separador{height:1px;background:var(--color-border-default);margin:4px 0}.vacio{text-align:center;padding:56px 24px}.vacio .icono-vacio{width:64px;height:64px;border-radius:50%;background:var(--color-bg-accent-subtle);display:grid;place-items:center;margin:0 auto 18px;color:var(--color-text-accent)}.ambiente{position:relative}.ambiente-boton{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-accent);background:var(--color-feedback-qorp-bg);cursor:pointer;font-size:13px;color:var(--color-text-secondary)}.ambiente-boton b{color:var(--color-feedback-qorp-fg);font-weight:600}.ambiente-boton .punto{width:7px;height:7px;border-radius:50%;background:var(--color-bg-accent)}.ambiente-menu{position:absolute;right:0;top:44px;width:320px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--sombra-2);border:1px solid var(--color-border-default);padding:8px;z-index:30}.ambiente-op{display:flex;gap:10px;padding:10px;border-radius:8px;width:100%;text-align:left;background:none;border:none;cursor:pointer}.ambiente-op:hover:not([disabled]){background:#f4f7fa}.ambiente-op[disabled]{cursor:not-allowed}.ambiente-boton.amb-homologacion{border-color:#f3c58a;background:var(--color-feedback-warning-bg)}.ambiente-boton.amb-homologacion b{color:var(--color-feedback-warning-fg)}.ambiente-boton.amb-homologacion .punto{background:var(--color-feedback-warning-fg)}.ambiente-boton.amb-produccion{border-color:var(--color-bg-code);background:var(--color-bg-code);color:#c8d7e6}.ambiente-boton.amb-produccion b{color:#fff}.ambiente-boton.amb-produccion .punto{background:#4ade80}.progreso{height:8px;border-radius:4px;background:var(--color-bg-muted);overflow:hidden}.progreso>span{display:block;height:100%;background:var(--color-feedback-success-fg);transition:width .4s}.caso{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:14px 20px;border-bottom:1px solid #edf1f5;align-items:start}.caso:last-child{border-bottom:none}.caso .det{grid-column:1 / -1;font-size:12.5px;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.caso.ok{background:#fbfefd}.caso.recien{animation:destello 2.4s ease-out}.nota-obs{grid-column:1 / -1;background:var(--color-feedback-warning-bg);color:#4a3510;border-radius:8px;padding:8px 12px;font-size:12.5px}.paso-acceso{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.paso-acceso:last-child{border-bottom:none}.paso-acceso .bola{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border-strong);display:grid;place-items:center;font-size:11px;color:#fff}.paso-acceso.hecho .bola{background:var(--color-feedback-success-fg);border-color:var(--color-feedback-success-fg)}.paso-acceso.actual .bola{border-color:var(--color-feedback-warning-fg)}.ambiente-op.on{background:var(--color-bg-accent-subtle)}.ambiente-op.off{opacity:.55}.ambiente-op .t{font-weight:600;font-size:13px}.ambiente-op .d{font-size:12px;color:var(--color-text-secondary)}.acceso{display:grid;grid-template-columns:41.7% 1fr;min-height:100vh;background:#fff}.acceso-arte{position:relative;overflow:hidden;background:var(--degradado-marca);color:#fff;padding:56px 64px;display:flex;flex-direction:column}.acceso-arte:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-150px;top:-200px;background:linear-gradient(200deg,#a27ce8,#6a5be9 60%,#5049d9);opacity:.95}.acceso-arte:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;bottom:-110px;background:#6aa9a6;opacity:.95}.acceso-arte>*{position:relative;z-index:1}.acceso-arte .lema{margin-top:auto;margin-bottom:auto}.acceso-arte .lema h1{font-size:46px;line-height:56px;font-weight:300;max-width:460px}.acceso-arte .lema p{margin-top:20px;font-size:15px;line-height:23px;max-width:460px;color:#dbe8f5}.acceso-arte .pie{font-size:12px;color:#c4d6ea}.acceso-form{display:grid;place-items:center;padding:48px}.acceso-form>div{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px}.acceso-form .h2{font-size:28px;line-height:36px}.empresa-chip{display:flex;gap:12px;align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:12px 14px}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.otp input{height:56px;text-align:center;font-size:22px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);outline:none}.otp input:focus{border:2px solid var(--color-border-focus)}.qr{width:132px;height:132px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:10px;flex:none}.lista-terminos{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:16px 18px;margin:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:19px}.lista-terminos li{display:flex;gap:10px}.lista-terminos li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-bg-accent);flex:none;margin-top:7px}.api-tarjeta{display:flex;flex-direction:column;gap:10px;min-height:190px}.api-tarjeta .cat{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--color-text-secondary)}.api-tarjeta .pie-api{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}.api-tarjeta.no-contratada{background:#fbfcfd}.consola{position:sticky;top:88px}.panel-error .bloque{margin-top:14px}.panel-error .bloque .overline{color:var(--color-text-secondary);font-size:11px;margin-bottom:4px}.hilos{display:grid;grid-template-columns:360px 1fr;gap:0;min-height:560px}.hilo-item{padding:14px 18px;border-bottom:1px solid #edf1f5;cursor:pointer;display:flex;flex-direction:column;gap:4px}.hilo-item:hover{background:#f7fafd}.hilo-item.activo{background:var(--color-bg-brand-soft)}.mensajes{display:flex;flex-direction:column;gap:14px;padding:20px 24px;flex:1;overflow:auto}.mensaje{max-width:78%;padding:12px 14px;border-radius:14px;font-size:13.5px;line-height:20px;background:var(--color-bg-subtle);white-space:pre-wrap}.mensaje.mio{align-self:flex-end;background:var(--color-bg-brand-soft)}.mensaje .autor{font-size:11.5px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.contexto-tecnico{background:#fafbfc;border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:12px 14px;font-size:12.5px;display:grid;grid-template-columns:110px 1fr;gap:6px 12px}.contexto-tecnico dt{color:var(--color-text-secondary)}.contexto-tecnico dd{margin:0;font-family:var(--mono);font-size:12px;word-break:break-all}.app.banco .lado{background:var(--color-bg-code);border-right:none;color:#dbe8f5}.app.banco .marca-nombre{color:#fff}.app.banco .marca-sub{color:#8fc3ee}.app.banco .nav a{color:#c8d7e6}.app.banco .nav a:hover{background:#ffffff0f}.app.banco .nav a.active{background:#0071ce59;color:#fff}.app.banco .nav a svg{color:#8fa8c0}.app.banco .nav a.active svg{color:#fff}.app.banco .nav-titulo{color:#6f8aa6}.usuario-banco{display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--radius-md);background:#ffffff0f}.usuario-banco .n{font-weight:600;color:#fff;font-size:13px}.usuario-banco .r{font-size:11.5px;color:#8fa8c0}.usuario-banco select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:#8fc3ee;font-size:11.5px;cursor:pointer;padding:0;margin-top:2px}.usuario-banco select option{color:#1e293b}.kpi{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:4px}.kpi .valor{font-size:28px;line-height:34px;font-weight:700}.kpi .t{font-size:12.5px;color:var(--color-text-secondary);font-weight:500}.kpi.alerta-kpi{border-color:#f3c58a;background:#fffbf3}.espera{font-size:12px;color:var(--color-text-secondary)}.espera.larga{color:var(--color-feedback-error-fg);font-weight:600}.timeline{display:flex;flex-direction:column}.timeline .ev{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:16px;position:relative}.timeline .ev:before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:1.5px;background:var(--color-border-default)}.timeline .ev:last-child:before{display:none}.timeline .ev .bola{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-strong);background:#fff;margin-top:1px}.timeline .ev.cliente .bola{border-color:#2f9e7a}.timeline .ev.integracion .bola{border-color:var(--color-bg-brand)}.timeline .ev.infra .bola{border-color:#e08a1e}.timeline .ev.comercial .bola{border-color:#8b5cf6}.timeline .ev.hito .bola{background:var(--color-bg-accent);border-color:var(--color-bg-accent)}.recorrido{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.recorrido .tramo{padding:10px;border-radius:8px;background:var(--color-bg-muted);font-size:11.5px;line-height:15px}.recorrido .tramo.hecho{background:var(--color-bg-brand-soft);color:var(--color-text-brand)}.recorrido .tramo.actual{background:var(--color-bg-accent);color:#fff}.recorrido .tramo b{display:block;font-size:12px;margin-bottom:2px}.check-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:13px}.check-item .caja{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--color-border-strong);flex:none;display:grid;place-items:center;font-size:11px;color:#fff;margin-top:1px}.check-item.hecho .caja{background:var(--color-feedback-success-fg);border-color:var(--color-feedback-success-fg)}.correo{display:grid;grid-template-columns:340px 1fr;min-height:100vh}.correo-lista{background:#fff;border-right:1px solid var(--color-border-default);display:flex;flex-direction:column}.correo-item{padding:14px 18px;border-bottom:1px solid #edf1f5;cursor:pointer}.correo-item.activo{background:var(--color-bg-brand-soft)}.correo-vista{padding:48px;display:flex;justify-content:center;align-items:flex-start}.mail{width:100%;max-width:560px}.mail-cuerpo{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sombra-1)}.mail-banda{background:linear-gradient(180deg,#0071ce,#00569d 60%,#003b6b);padding:28px}.mail-contenido{padding:28px;display:flex;flex-direction:column;gap:16px}.mail-pie{background:var(--color-bg-subtle);padding:18px 28px;font-size:12px;color:var(--color-text-secondary);line-height:18px}.inicio-demo{min-height:100vh;background:var(--degradado-marca);color:#fff;padding:56px 64px;position:relative;overflow:hidden}.inicio-demo:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;right:-200px;top:-300px;background:linear-gradient(200deg,#a27ce8,#5049d9);opacity:.9}.inicio-demo>*{position:relative;z-index:1}.puerta{background:#fff;color:var(--color-text-primary);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sombra-2);text-decoration:none!important;transition:transform .15s}.puerta:hover{transform:translateY(-3px)}.puerta .icono-puerta{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.demo-boton{position:fixed;right:20px;bottom:20px;z-index:45;height:44px;padding:0 18px;border-radius:var(--radius-full);border:none;background:var(--color-bg-code);color:#fff;font-weight:600;cursor:pointer;box-shadow:var(--sombra-2);display:flex;align-items:center;gap:8px}.demo-boton .estado-con{width:8px;height:8px;border-radius:50%;background:#4ade80}.demo-boton .estado-con.local{background:#fbbf24}.demo-panel{position:fixed;right:20px;bottom:76px;z-index:70;width:380px;max-height:calc(100vh - 110px);overflow:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--sombra-3);padding:20px;display:flex;flex-direction:column;gap:14px}.demo-escenario{text-align:left;border:1px solid var(--color-border-default);background:#fff;border-radius:var(--radius-md);padding:10px 12px;cursor:pointer}.demo-escenario:hover{border-color:var(--color-bg-accent);background:var(--color-bg-accent-subtle)}.oculto{display:none!important}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.ancho-total{width:100%}.derecha{text-align:right}.centro{text-align:center}.cortar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1100px){.grilla-home,.grilla-2{grid-template-columns:1fr}.grilla-3,.grilla-4{grid-template-columns:1fr 1fr}}@media (max-width: 820px){.app{grid-template-columns:1fr}.lado{position:static;height:auto}.acceso{grid-template-columns:1fr}.acceso-arte{display:none}.contenido{padding:20px 16px}.barra{padding:0 16px}.stepper,.hilos,.correo,.grilla-3{grid-template-columns:1fr}}.viz-leyenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--color-text-secondary);margin-bottom:12px}.viz-leyenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.viz-barras{display:flex;flex-direction:column;gap:10px}.viz-fila{display:grid;grid-template-columns:190px 1fr 92px;align-items:center;gap:12px;font-size:13px}.viz-etiqueta{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viz-valor{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px}.viz-pista{height:14px;display:flex;gap:2px;border-left:1px solid #c9d2db}.viz-barra,.viz-seg{height:100%;display:block;min-width:2px}.viz-barra,.viz-apilada .viz-seg:last-child{border-radius:0 4px 4px 0}.viz-seg:hover,.viz-barra:hover{filter:brightness(1.08)}.viz-columnas{position:relative;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #c9d2db;padding-top:8px}.viz-grilla{position:absolute;left:0;right:0;border-top:1px dashed #e6ebf0}.viz-grilla em{position:absolute;right:0;top:-15px;font-size:10.5px;color:#94a3b8;font-style:normal}.viz-col{flex:1;height:100%;display:flex;align-items:flex-end;cursor:default}.viz-col:hover{background:#f4f7fa}.viz-pila{width:100%;display:flex;flex-direction:column-reverse;gap:2px;border-radius:4px 4px 0 0;overflow:hidden}.viz-pila span{display:block;min-height:2px}.viz-eje-x{display:flex;gap:6px;font-size:10.5px;color:#94a3b8;margin-top:6px}.viz-eje-x span{flex:1;text-align:center;white-space:nowrap}.viz-tip{position:fixed;z-index:90;pointer-events:none;background:#0a2540;color:#fff;font-size:12px;line-height:18px;padding:8px 10px;border-radius:8px;box-shadow:var(--sombra-2);max-width:280px}.viz-tip span{color:#bfdbf3}.viz-tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.tabla-informe td{font-size:12.5px}