:root{--marca: #4f46e5;--marca-hover: #4338ca;--marca-suave: #eef2ff;--marca-oscuro: #111827;--marca-texto: #ffffff;--fondo: #fafbfc;--superficie: #ffffff;--superficie-2: #f3f4f6;--superficie-hover: #f9fafb;--borde: rgba(0, 0, 0, .08);--borde-tabla: rgba(0, 0, 0, .06);--texto: #111827;--texto-suave: #6b7280;--texto-terciario: #9ca3af;--ok: #059669;--ok-suave: #ecfdf5;--ok-texto: #065f46;--alerta: #d97706;--alerta-suave: #fffbeb;--alerta-texto: #92400e;--error: #dc2626;--error-suave: #fef2f2;--error-texto: #991b1b;--info: #2563eb;--info-suave: #eff6ff;--info-texto: #1e40af;--sombra-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--sombra-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--sombra-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--fuente-display: "Plus Jakarta Sans", Inter, system-ui, sans-serif;--fuente-body: Inter, system-ui, sans-serif;--fuente-mono: "JetBrains Mono", ui-monospace, monospace;--radio-md: 8px;--radio-lg: 12px;--radio-xl: 16px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--fondo: #0b0f1a;--superficie: #111827;--superficie-2: #1f2937;--superficie-hover: #182131;--borde: #273244;--borde-tabla: #1f2a3b;--texto: #e5e7eb;--texto-suave: #9ca3af;--texto-terciario: #6b7280;--ok-suave: rgba(5, 150, 105, .16);--ok-texto: #6ee7b7;--alerta-suave: rgba(217, 119, 6, .16);--alerta-texto: #fcd34d;--error-suave: rgba(220, 38, 38, .16);--error-texto: #fca5a5;--info-suave: rgba(37, 99, 235, .16);--info-texto: #93c5fd;--marca-suave: rgba(99, 102, 241, .18);color-scheme:dark}}*{box-sizing:border-box}html,body,#raiz{min-height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#raiz{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3{font-family:var(--fuente-display);margin:0;font-weight:600}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 8px}code,.mono{font-family:var(--fuente-mono);font-size:13px}a{color:var(--marca)}button{font:inherit}::selection{background:var(--marca-suave)}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:20px;padding:0 clamp(1rem,3vw,2rem);height:56px;background:color-mix(in srgb,var(--superficie) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--borde)}.nav .logo{display:flex;align-items:center;gap:10px;font-family:var(--fuente-display);font-weight:700;font-size:17px;white-space:nowrap}.nav .logo img{height:28px}.sello{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--marca);color:var(--marca-texto);font-size:12px;font-weight:700;font-family:var(--fuente-display)}.nav nav{display:flex;gap:2px;margin-left:8px;height:100%}.nav nav a{position:relative;display:inline-flex;align-items:center;color:var(--texto-suave);text-decoration:none;padding:0 12px;font-weight:500;font-size:14px;transition:color .15s ease}.nav nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:var(--marca);opacity:0;transition:opacity .2s ease}.nav nav a:hover{color:var(--texto)}.nav nav a:hover:after{opacity:.4}.nav nav a.activo{color:var(--texto)}.nav nav a.activo:after{opacity:1}.nav .derecha{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--texto-suave);font-size:13px}.perfil{display:flex;align-items:center;gap:8px}.perfil-texto{display:flex;flex-direction:column;line-height:1.2;color:var(--texto)}.perfil-texto .etiqueta{font-size:12px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9999px;background:var(--marca-suave);color:var(--marca);font-weight:600;font-size:12px}.selector-msp{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;border:1px solid var(--borde);border-radius:9999px;background:var(--superficie);color:var(--texto-suave)}.selector-msp select{border:none;background:transparent;color:var(--texto);font:inherit;font-weight:500;outline:none;max-width:180px}.solo-movil,.boton.solo-movil{display:none}.contenido{flex:1;width:100%;padding:28px clamp(1rem,5vw,4rem) 48px;max-width:1360px;margin:0 auto}.pagina-entra{animation:entra .2s ease-out}@keyframes entra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.encabezado{margin-bottom:24px}.encabezado-fila{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.subtitulo{color:var(--texto-suave);margin:4px 0 0;font-size:14px}.migas{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--texto-suave);margin-bottom:10px}.migas a{color:var(--texto-suave);text-decoration:none}.migas a:hover{text-decoration:underline}.migas .sep{margin:0 6px 0 0;color:var(--texto-terciario)}.migas strong{font-weight:500;color:var(--texto)}.acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seccion{margin-top:32px}.seccion-cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:20px;box-shadow:var(--sombra-sm)}.tarjeta+.tarjeta{margin-top:16px}.rejilla-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.cifra-tarjeta{transition:box-shadow .2s ease,transform .2s ease}.cifra-tarjeta:hover{box-shadow:var(--sombra-md);transform:translateY(-1px)}.cifra{font-family:var(--fuente-display);font-size:28px;font-weight:700;line-height:1.15}.cifra-tarjeta .detalle{margin-top:6px;font-size:12px;color:var(--texto-suave)}.etiqueta{color:var(--texto-suave);font-size:13px}.rejilla-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.rejilla-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.rejilla-entidades{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.entidad{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:20px;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.entidad:hover{border-color:#00000026;box-shadow:var(--sombra-md);transform:translateY(-2px)}.entidad h3{display:flex;align-items:center;justify-content:space-between;gap:8px}.entidad h3 a{color:inherit;text-decoration:none}.entidad h3 a:hover{color:var(--marca)}.entidad .pie-entidad{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:space-between}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radio-md);border:1px solid transparent;background:var(--marca);color:var(--marca-texto);font-weight:500;cursor:pointer;font-size:14px;transition:all .15s ease;white-space:nowrap;text-decoration:none;line-height:1.3}.boton:hover:not(:disabled){background:var(--marca-hover);transform:translateY(-1px);box-shadow:var(--sombra-md)}.boton:disabled{opacity:.55;cursor:default}.boton.suave{background:var(--superficie);color:var(--texto);border-color:var(--borde)}.boton.suave:hover:not(:disabled){background:var(--superficie-hover);border-color:#00000026;box-shadow:none}.boton.peligro{background:var(--error);color:#fff}.boton.peligro:hover:not(:disabled){background:#b91c1c}.boton.pequeno{padding:6px 10px;font-size:13px}.boton.icono{padding:6px;background:transparent;color:var(--texto-suave);border-color:transparent}.boton.icono:hover:not(:disabled){background:var(--superficie-2);color:var(--texto);transform:none;box-shadow:none}.boton.enlace{background:transparent;color:var(--marca);padding:4px 6px}.boton.enlace:hover:not(:disabled){background:var(--marca-suave);transform:none;box-shadow:none}.campo{display:grid;gap:6px;margin-bottom:14px}.campo label{font-size:13px;font-weight:500;color:var(--texto-suave)}.campo .requerido{color:var(--error)}.campo .ayuda{font-size:12px;color:var(--texto-terciario)}.campo input,.campo select,.campo textarea,.filtros input,.filtros select{padding:9px 12px;border-radius:var(--radio-md);border:1px solid var(--borde);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.campo input:focus,.campo select:focus,.campo textarea:focus,.filtros input:focus,.filtros select:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 3px var(--marca-suave)}.campo textarea{min-height:84px;resize:vertical}.campo input[type=color]{padding:2px;height:40px;width:64px}.fila-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px}.interruptor{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;margin:4px 0 14px;-webkit-user-select:none;user-select:none}.interruptor input{position:absolute;opacity:0;width:0;height:0}.interruptor .pista{width:36px;height:20px;border-radius:9999px;background:var(--texto-terciario);position:relative;transition:background .15s ease;flex:none}.interruptor .pista:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.interruptor input:checked+.pista{background:var(--marca)}.interruptor input:checked+.pista:after{transform:translate(16px)}.interruptor input:focus-visible+.pista{box-shadow:0 0 0 3px var(--marca-suave)}.error{color:var(--error);font-size:14px}.mensaje-error{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radio-md);background:var(--error-suave);color:var(--error-texto);margin:8px 0 14px}.mensaje-error .boton{margin-left:auto}.nota-info{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radio-md);background:var(--info-suave);color:var(--info-texto);margin:8px 0 14px;font-size:13px}.nota-alerta{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radio-md);background:var(--alerta-suave);color:var(--alerta-texto);margin:8px 0 14px;font-size:13px}.secreto{display:flex;gap:8px;align-items:center;padding:12px;border:1px dashed var(--borde);border-radius:var(--radio-md);background:var(--superficie-2);word-break:break-all}.tabla-contenedor{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);overflow:hidden;box-shadow:var(--sombra-sm)}.tabla-contenedor .tabla-scroll{overflow-x:auto}.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--borde-tabla)}.filtros input,.filtros select{width:auto;min-width:150px;padding:7px 10px;font-size:13px}.filtros .buscador{position:relative;flex:1 1 220px;min-width:200px}.filtros .buscador svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--texto-terciario)}.filtros .buscador input{width:100%;padding-left:32px}.filtros .separador{flex:1}.fechas{display:inline-flex;align-items:center;gap:6px;color:var(--texto-suave);font-size:13px}.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;font-size:12px;font-weight:600;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.03em;padding:10px 16px;border-bottom:1px solid var(--borde-tabla);background:var(--superficie-2);white-space:nowrap}.tabla td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--borde-tabla);vertical-align:middle}.tabla tbody tr{transition:background .12s ease;animation:filaEntra .3s ease both}.tabla tbody tr:nth-child(n+11){animation:none}.tabla tbody tr:nth-child(2){animation-delay:30ms}.tabla tbody tr:nth-child(3){animation-delay:60ms}.tabla tbody tr:nth-child(4){animation-delay:90ms}.tabla tbody tr:nth-child(5){animation-delay:.12s}.tabla tbody tr:nth-child(6){animation-delay:.15s}.tabla tbody tr:nth-child(7){animation-delay:.18s}.tabla tbody tr:nth-child(8){animation-delay:.21s}.tabla tbody tr:nth-child(9){animation-delay:.24s}.tabla tbody tr:nth-child(10){animation-delay:.27s}@keyframes filaEntra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabla tbody tr:hover{background:var(--superficie-hover)}.tabla tbody tr:last-child td{border-bottom:none}.tabla tr.enlace{cursor:pointer}.tabla td.acciones-celda{text-align:right;white-space:nowrap}.tabla td.acciones-celda .boton{margin-left:4px}.tabla .principal{font-weight:500;color:var(--texto)}.tabla .principal a{color:inherit;text-decoration:none}.tabla .principal a:hover{color:var(--marca)}.tabla .secundario{display:block;color:var(--texto-suave);font-size:12px;margin-top:2px}.tabla .numero{text-align:right;font-family:var(--fuente-mono)}.paginador{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--borde-tabla);flex-wrap:wrap}.insignia{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--superficie-2);color:var(--texto-suave)}.insignia:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.insignia.ok{background:var(--ok-suave);color:var(--ok-texto)}.insignia.advertencia{background:var(--alerta-suave);color:var(--alerta-texto)}.insignia.peligro{background:var(--error-suave);color:var(--error-texto)}.insignia.info{background:var(--info-suave);color:var(--info-texto)}.insignia.marca{background:var(--marca-suave);color:var(--marca)}.insignia.neutro{background:var(--superficie-2);color:var(--texto-suave)}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;background:var(--superficie-2);font-size:12px;font-family:var(--fuente-mono);color:var(--texto-suave)}.esqueleto{background:linear-gradient(90deg,var(--superficie-2) 25%,var(--superficie-hover) 50%,var(--superficie-2) 75%);background-size:200% 100%;animation:brillo 1.5s ease-in-out infinite;border-radius:8px;height:16px}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.vacio{display:grid;place-items:center;text-align:center;padding:56px 24px;gap:8px;color:var(--texto-suave)}.vacio-icono{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--marca-suave);color:var(--marca);margin-bottom:6px}.vacio h3{color:var(--texto)}.vacio p{max-width:420px;margin:0 0 8px}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:20px;overflow-x:auto}.pestanas button{position:relative;background:none;border:none;padding:10px 14px;color:var(--texto-suave);font-weight:500;cursor:pointer;white-space:nowrap;font-size:14px;display:inline-flex;align-items:center;gap:8px}.pestanas button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--marca);opacity:0;transition:opacity .2s ease}.pestanas button:hover,.pestanas button.activa{color:var(--texto)}.pestanas button.activa:after{opacity:1}.pestanas .contador{font-size:12px;padding:1px 8px;border-radius:9999px;background:var(--superficie-2);color:var(--texto-suave);font-family:var(--fuente-mono)}.pestanas button.activa .contador{background:var(--marca-suave);color:var(--marca)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:aparece .15s ease;overflow-y:auto}@keyframes aparece{0%{opacity:0}to{opacity:1}}.modal{background:var(--superficie);border-radius:var(--radio-xl);box-shadow:var(--sombra-xl);width:100%;animation:escala .2s ease;max-height:calc(100vh - 32px);display:flex;flex-direction:column}@keyframes escala{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.modal-cabeza{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px}.modal-cuerpo{padding:6px 22px 22px;overflow-y:auto}.modal-pie{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.avisos{position:fixed;top:72px;right:24px;z-index:300;display:flex;flex-direction:column;gap:8px}.aviso{display:flex;align-items:center;gap:10px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:12px 16px;box-shadow:var(--sombra-xl);animation:desliza .3s ease;max-width:380px;font-size:14px}.aviso.ok svg{color:var(--ok)}.aviso.error svg{color:var(--error)}.aviso.info svg{color:var(--info)}@keyframes desliza{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px}.dato{display:grid;gap:2px;font-size:14px}.dato-nombre{font-size:12px;color:var(--texto-suave);font-weight:500}.tiempos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tiempo{padding:12px 14px;border-radius:var(--radio-md);background:var(--superficie-2)}.tiempo .nombre{font-size:12px;color:var(--texto-suave)}.tiempo .valor{font-family:var(--fuente-display);font-weight:600;font-size:16px;margin-top:2px}.tiempo .fecha{font-size:12px;color:var(--texto-terciario);font-family:var(--fuente-mono);margin-top:2px}.linea{position:relative;padding-left:26px;display:grid;gap:14px}.linea:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--borde)}.hito{position:relative}.hito:before{content:"";position:absolute;left:-23px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--superficie);border:2px solid var(--marca)}.hito.cierre:before{background:var(--ok);border-color:var(--ok)}.hito.error:before{background:var(--error);border-color:var(--error)}.hito.estado:before,.hito.ticket:before{background:var(--marca)}.hito .cabeza{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:13px;color:var(--texto-suave)}.hito .cabeza .momento{font-family:var(--fuente-mono)}.hito .texto{margin-top:2px;font-size:14px}.hito details{margin-top:4px}.hito summary{font-size:12px;color:var(--texto-suave);cursor:pointer}.codigo{margin:6px 0 0;padding:10px 12px;border-radius:var(--radio-md);background:#0b0f1a;color:#e5e7eb;font-family:var(--fuente-mono);font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:320px}.titulo-con-insignias{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.barras{display:grid;gap:8px}.barra-fila{display:grid;grid-template-columns:minmax(120px,180px) 1fr 48px;align-items:center;gap:10px;font-size:13px}.barra-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--texto-suave)}.barra-pista{height:10px;background:var(--superficie-2);border-radius:9999px;overflow:hidden}.barra{height:100%;border-radius:9999px;transition:width .3s ease;min-width:2px}.barra-valor{text-align:right}.columnas{display:grid;gap:4px}.columnas-ejes{display:flex;font-size:11px;color:var(--texto-terciario);font-family:var(--fuente-mono)}.columnas-ejes span{text-align:center;overflow:hidden}.columnas-max{text-align:right;font-size:12px}.anillo{display:grid;place-items:center;gap:4px;text-align:center}.ingreso{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 500px at 50% -10%,var(--marca-suave),transparent 60%),var(--fondo)}.ingreso .tarjeta{width:100%;max-width:400px;padding:28px}.ingreso .marca{display:flex;align-items:center;gap:12px;margin-bottom:22px}.ingreso .marca img{height:36px}.ingreso .marca .sello{width:40px;height:40px;border-radius:10px;font-size:15px}.ingreso .boton{width:100%}.proc-lista{display:grid;gap:10px}.proc{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:14px 18px}.proc-cabeza{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer}.proc-cabeza .codigo-proc{font-family:var(--fuente-mono);font-weight:600;color:var(--marca);background:var(--marca-suave);padding:2px 8px;border-radius:6px}.proc-cabeza h3{flex:1;min-width:160px}.proc-cuerpo{margin-top:14px;border-top:1px solid var(--borde-tabla);padding-top:14px}.proc-tabla td:first-child{color:var(--texto-suave);width:42%}.proc-tabla input,.proc-tabla select{padding:6px 10px;border-radius:6px;border:1px solid var(--borde);background:var(--superficie);color:var(--texto);font:inherit;font-size:13px;width:100%;max-width:220px}.proc-tabla .base{color:var(--texto-terciario);font-size:12px}.modificado{color:var(--alerta);font-size:12px;font-weight:500}.nowrap{white-space:nowrap}.pie{text-align:center;color:var(--texto-suave);font-size:13px;padding:24px;border-top:1px solid var(--borde)}.pie a{color:inherit}.pie-ingreso{text-align:center;color:var(--texto-suave);font-size:13px;padding:16px 0 0}.pie-ingreso a{color:inherit}@media (max-width: 1440px){.perfil-texto,.solo-escritorio{display:none}}@media (max-width: 768px){.nav{padding:0 16px;gap:12px}.nav nav{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:var(--superficie);border-bottom:1px solid var(--borde);padding:8px 12px 12px;height:auto;box-shadow:var(--sombra-md)}.nav nav.abierta{display:flex}.nav nav a{padding:10px 12px;border-radius:8px}.nav nav a:after{display:none}.nav nav a.activo{background:var(--marca-suave);color:var(--marca)}.solo-movil{display:inline-flex}.selector-msp{display:none}.contenido{padding:20px 16px 40px}.filtros input,.filtros select{min-width:0;flex:1 1 140px}.avisos{left:16px;right:16px}.aviso{max-width:none}}
