:root{--color-primario-50:#eef4ff;--color-primario-100:#dbe6ff;--color-primario-200:#bccfff;--color-primario-300:#8eaeff;--color-primario-400:#5d83ff;--color-primario-500:#3b5bff;--color-primario-600:#2940e6;--color-primario-700:#1f2db5;--color-primario-800:#1a2580;--color-primario-900:#131a5c;--color-acento-50:#f4efff;--color-acento-100:#e6dbff;--color-acento-200:#cfb9ff;--color-acento-300:#b48eff;--color-acento-400:#9c63ff;--color-acento-500:#823bff;--color-acento-600:#6b21e6;--color-acento-700:#5219b3;--color-acento-800:#3c137f;--color-acento-900:#2a0d5c;--color-exito-50:#e8faf0;--color-exito-100:#c9f0d8;--color-exito-300:#6ee0a0;--color-exito-500:#16a868;--color-exito-600:#0f8a55;--color-exito-700:#0a6b42;--color-advertencia-50:#fef7e6;--color-advertencia-100:#fdebc3;--color-advertencia-300:#fcd479;--color-advertencia-500:#f1a82e;--color-advertencia-600:#d68a17;--color-advertencia-700:#a86610;--color-error-50:#fdecec;--color-error-100:#fbd0d0;--color-error-300:#f48e8e;--color-error-500:#e54545;--color-error-600:#c32525;--color-error-700:#931c1c;--color-nivel-0:#ffffff;--color-nivel-50:#fafbfc;--color-nivel-100:#f3f4f7;--color-nivel-200:#e6e8ee;--color-nivel-300:#d1d5de;--color-nivel-400:#a3a9b8;--color-nivel-500:#767d8e;--color-nivel-600:#525968;--color-nivel-700:#383e4d;--color-nivel-800:#232733;--color-nivel-900:#131520;--color-fondo:var(--color-nivel-50);--color-fondo-elevado:var(--color-nivel-0);--color-superficie:var(--color-nivel-0);--color-superficie-alt:var(--color-nivel-100);--color-borde:var(--color-nivel-200);--color-borde-fuerte:var(--color-nivel-300);--color-texto:var(--color-nivel-800);--color-texto-suave:var(--color-nivel-600);--color-texto-muteado:var(--color-nivel-500);--color-texto-inverso:var(--color-nivel-0);--color-marca:var(--color-primario-600);--color-marca-hover:var(--color-primario-700);--color-marca-activo:var(--color-primario-800);--color-acento:var(--color-acento-500);--color-acento-hover:var(--color-acento-600);--color-estado-sin-datos:var(--color-nivel-400);--color-estado-saludable:var(--color-exito-500);--color-estado-degradado:var(--color-advertencia-500);--color-estado-fallando:var(--color-error-500);--color-estado-pausado:var(--color-nivel-500);--color-estado-pendiente:var(--color-nivel-400);--color-estado-ejecutando:var(--color-primario-500);--color-estado-completado:var(--color-exito-500);--color-estado-cancelado:var(--color-advertencia-500);--color-estado-error:var(--color-error-500);--font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;--font-mono:'JetBrains Mono','SF Mono',Consolas,'Liberation Mono',monospace;--texto-xs:0.75rem;--texto-sm:0.875rem;--texto-base:1rem;--texto-lg:1.125rem;--texto-xl:1.25rem;--texto-2xl:1.5rem;--texto-3xl:1.875rem;--texto-4xl:2.25rem;--texto-5xl:3rem;--lh-tight:1.2;--lh-snug:1.35;--lh-base:1.5;--lh-loose:1.7;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--espacio-0:0;--espacio-1:4px;--espacio-2:8px;--espacio-3:12px;--espacio-4:16px;--espacio-5:20px;--espacio-6:24px;--espacio-8:32px;--espacio-10:40px;--espacio-12:48px;--espacio-16:64px;--espacio-20:80px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(15,18,35,0.04);--shadow-sm:0 2px 4px rgba(15,18,35,0.06);--shadow-md:0 4px 12px rgba(15,18,35,0.08);--shadow-lg:0 8px 24px rgba(15,18,35,0.10);--shadow-xl:0 16px 48px rgba(15,18,35,0.14);--shadow-glow-primario:0 8px 24px rgba(59,91,255,0.18);--shadow-glow-acento:0 8px 24px rgba(130,59,255,0.20);--trans-rapida:100ms cubic-bezier(0.4,0,0.2,1);--trans-base:180ms cubic-bezier(0.4,0,0.2,1);--trans-lenta:280ms cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.27,1.55);--sidebar-ancho:260px;--topbar-alto:60px;--max-contenido:1280px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:2000;--z-tooltip:3000}@media (prefers-color-scheme:dark){:root.auto-dark{--color-fondo:#0f1119;--color-fondo-elevado:#1a1d2b;--color-superficie:#1a1d2b;--color-superficie-alt:#232733;--color-borde:#2c3142;--color-borde-fuerte:#3a4054;--color-texto:#e6e8ee;--color-texto-suave:#a3a9b8;--color-texto-muteado:#767d8e}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}body{min-height:100vh;line-height:var(--lh-base);font-family:var(--font-sans);font-size:var(--texto-base);color:var(--color-texto);background:var(--color-fondo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;color:inherit}a{color:var(--color-marca);text-decoration:none;transition:color var(--trans-rapida)}a:hover{color:var(--color-marca-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--lh-tight);color:var(--color-texto)}h1{font-size:var(--texto-4xl);letter-spacing:-0.02em}h2{font-size:var(--texto-3xl);letter-spacing:-0.015em}h3{font-size:var(--texto-2xl);letter-spacing:-0.01em}h4{font-size:var(--texto-xl)}h5{font-size:var(--texto-lg)}h6{font-size:var(--texto-base)}p{line-height:var(--lh-base)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}hr{border:0;height:1px;background:var(--color-borde);margin:var(--espacio-6) 0}code,pre{font-family:var(--font-mono);font-size:0.9em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-nivel-300);border-radius:var(--radius-full);border:2px solid var(--color-fondo)}::-webkit-scrollbar-thumb:hover{background:var(--color-nivel-400)}::selection{background:var(--color-primario-200);color:var(--color-primario-900)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primario-500);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--espacio-2);min-height:40px;padding:var(--espacio-2) var(--espacio-4);border-radius:var(--radius-md);font-size:var(--texto-sm);font-weight:var(--font-medium);line-height:1;letter-spacing:-0.005em;border:1px solid transparent;cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color var(--trans-rapida),border-color var(--trans-rapida),transform var(--trans-rapida),box-shadow var(--trans-rapida);will-change:transform}.boton:hover{transform:translateY(-1px);text-decoration:none}.boton:active{transform:translateY(0)}.boton:disabled,.boton[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;transform:none}.boton--primario{background:linear-gradient(135deg,var(--color-primario-500),var(--color-primario-700));color:var(--color-texto-inverso);box-shadow:var(--shadow-glow-primario)}.boton--primario:hover{box-shadow:0 12px 32px rgba(59,91,255,0.25);color:var(--color-texto-inverso)}.boton--secundario{background:var(--color-superficie);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.boton--secundario:hover{background:var(--color-superficie-alt);border-color:var(--color-primario-400);color:var(--color-marca)}.boton--fantasma{background:transparent;color:var(--color-texto-suave)}.boton--fantasma:hover{background:var(--color-superficie-alt);color:var(--color-texto)}.boton--peligro{background:var(--color-error-500);color:var(--color-texto-inverso);box-shadow:0 4px 12px rgba(229,69,69,0.25)}.boton--peligro:hover{background:var(--color-error-600);color:var(--color-texto-inverso)}.boton--acento{background:linear-gradient(135deg,var(--color-acento-500),var(--color-acento-700));color:var(--color-texto-inverso);box-shadow:var(--shadow-glow-acento)}.boton--exito{background:var(--color-exito-500);color:var(--color-texto-inverso)}.boton--sm{min-height:32px;padding:var(--espacio-1) var(--espacio-3);font-size:var(--texto-xs)}.boton--lg{min-height:48px;padding:var(--espacio-3) var(--espacio-6);font-size:var(--texto-base)}.boton--icono{min-width:40px;padding:var(--espacio-2)}.boton--icono.boton--sm{min-width:32px}.boton .spinner{display:none;width:16px;height:16px}.boton[aria-busy="true"]{pointer-events:none;opacity:0.85}.boton[aria-busy="true"] .spinner{display:inline-block}.boton[aria-busy="true"] .boton__texto{opacity:0.7}.campo{display:flex;flex-direction:column;gap:var(--espacio-2)}.campo__etiqueta{font-size:var(--texto-sm);font-weight:var(--font-medium);color:var(--color-texto);display:flex;align-items:center;gap:var(--espacio-1)}.campo__etiqueta .requerido{color:var(--color-error-500);font-weight:var(--font-bold)}.campo__input,.campo__textarea,.campo__select{width:100%;min-height:40px;padding:var(--espacio-2) var(--espacio-3);border:1px solid var(--color-borde-fuerte);border-radius:var(--radius-md);background:var(--color-superficie);color:var(--color-texto);font-size:var(--texto-sm);line-height:var(--lh-snug);transition:border-color var(--trans-rapida),box-shadow var(--trans-rapida)}.campo__input:hover,.campo__textarea:hover,.campo__select:hover{border-color:var(--color-nivel-400)}.campo__input:focus,.campo__textarea:focus,.campo__select:focus{outline:none;border-color:var(--color-primario-500);box-shadow:0 0 0 3px var(--color-primario-100)}.campo__textarea{min-height:96px;padding:var(--espacio-3);font-family:var(--font-sans);resize:vertical}.campo__ayuda{font-size:var(--texto-xs);color:var(--color-texto-muteado)}.campo__error{font-size:var(--texto-xs);color:var(--color-error-600);display:flex;align-items:center;gap:var(--espacio-1)}.campo--error .campo__input,.campo--error .campo__textarea,.campo--error .campo__select{border-color:var(--color-error-500);background:var(--color-error-50)}.campo--error .campo__input:focus,.campo--error .campo__textarea:focus,.campo--error .campo__select:focus{box-shadow:0 0 0 3px var(--color-error-100)}.campo-check{display:inline-flex;align-items:center;gap:var(--espacio-2);cursor:pointer;user-select:none}.campo-check input[type="checkbox"],.campo-check input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primario-600)}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__track{position:absolute;inset:0;background:var(--color-nivel-300);border-radius:var(--radius-full);transition:background-color var(--trans-base);cursor:pointer}.toggle__track::before{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:white;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--trans-base)}.toggle input:checked + .toggle__track{background:var(--color-primario-500)}.toggle input:checked + .toggle__track::before{transform:translateX(20px)}.toggle input:focus-visible + .toggle__track{box-shadow:0 0 0 3px var(--color-primario-100)}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow var(--trans-base),transform var(--trans-base),border-color var(--trans-base)}.tarjeta--interactiva{cursor:pointer}.tarjeta--interactiva:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primario-300)}.tarjeta__header{padding:var(--espacio-5) var(--espacio-6);border-bottom:1px solid var(--color-borde);display:flex;align-items:center;justify-content:space-between;gap:var(--espacio-4)}.tarjeta__titulo{font-size:var(--texto-lg);font-weight:var(--font-semibold);color:var(--color-texto);letter-spacing:-0.01em}.tarjeta__subtitulo{font-size:var(--texto-sm);color:var(--color-texto-muteado);margin-top:2px}.tarjeta__body{padding:var(--espacio-6)}.tarjeta__footer{padding:var(--espacio-4) var(--espacio-6);background:var(--color-superficie-alt);border-top:1px solid var(--color-borde);display:flex;justify-content:flex-end;gap:var(--espacio-3)}.badge{display:inline-flex;align-items:center;gap:var(--espacio-1);padding:2px var(--espacio-2);border-radius:var(--radius-full);font-size:var(--texto-xs);font-weight:var(--font-medium);line-height:1.6;background:var(--color-nivel-200);color:var(--color-texto);white-space:nowrap}.badge--exito{background:var(--color-exito-100);color:var(--color-exito-700)}.badge--advertencia{background:var(--color-advertencia-100);color:var(--color-advertencia-700)}.badge--error{background:var(--color-error-100);color:var(--color-error-700)}.badge--primario{background:var(--color-primario-100);color:var(--color-primario-700)}.badge--acento{background:var(--color-acento-100);color:var(--color-acento-700)}.badge--neutro{background:var(--color-nivel-200);color:var(--color-texto-suave)}.badge--estado{position:relative;padding-left:var(--espacio-5)}.badge--estado::before{content:"";position:absolute;left:var(--espacio-2);top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:currentColor}.badge-estado--sin-datos{background:var(--color-nivel-100);color:var(--color-nivel-700)}.badge-estado--saludable{background:var(--color-exito-100);color:var(--color-exito-700)}.badge-estado--degradado{background:var(--color-advertencia-100);color:var(--color-advertencia-700)}.badge-estado--fallando{background:var(--color-error-100);color:var(--color-error-700)}.badge-estado--pausado{background:var(--color-nivel-200);color:var(--color-nivel-700)}.badge-severidad--baja{background:var(--color-nivel-100);color:var(--color-nivel-700)}.badge-severidad--media{background:var(--color-primario-100);color:var(--color-primario-700)}.badge-severidad--alta{background:var(--color-advertencia-100);color:var(--color-advertencia-700)}.badge-severidad--critica{background:var(--color-error-100);color:var(--color-error-700)}.alerta{display:flex;align-items:flex-start;gap:var(--espacio-3);padding:var(--espacio-4) var(--espacio-5);border-radius:var(--radius-md);border-left:4px solid var(--color-primario-500);background:var(--color-primario-50);color:var(--color-primario-900)}.alerta--exito{background:var(--color-exito-50);border-color:var(--color-exito-500);color:var(--color-exito-700)}.alerta--advertencia{background:var(--color-advertencia-50);border-color:var(--color-advertencia-500);color:var(--color-advertencia-700)}.alerta--error{background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.alerta__icono{flex-shrink:0;width:20px;height:20px;margin-top:2px}.alerta__cuerpo{flex:1}.alerta__titulo{font-weight:var(--font-semibold);margin-bottom:var(--espacio-1)}.alerta__mensaje{font-size:var(--texto-sm);line-height:var(--lh-snug)}.alerta__cerrar{flex-shrink:0;background:none;border:0;cursor:pointer;padding:0;color:inherit;opacity:0.6;transition:opacity var(--trans-rapida)}.alerta__cerrar:hover{opacity:1}.tabla-contenedor{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:linear-gradient(to right,var(--color-superficie) 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),var(--color-superficie) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(15,18,35,0.25),rgba(15,18,35,0)),radial-gradient(farthest-side at 100% 50%,rgba(15,18,35,0.25),rgba(15,18,35,0)) 100% 0;background-repeat:no-repeat;background-color:var(--color-superficie);background-size:32px 100%,32px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.historial-escala-selector{display:inline-flex;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--espacio-3);gap:2px;flex-wrap:wrap}.historial-escala-btn{padding:6px 12px;border-radius:5px;font-size:var(--texto-sm);color:var(--color-texto-muteado);text-decoration:none;transition:all 100ms ease;font-weight:500}.historial-escala-btn:hover{background:var(--color-superficie-alt);color:var(--color-texto)}.historial-escala-btn--activo{background:var(--color-primario-500);color:white;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.historial-escala-btn--activo:hover{background:var(--color-primario-600);color:white}.historial-bar{display:flex;align-items:flex-end;gap:2px;padding:var(--espacio-3) 0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.historial-bar__col{flex:1 1 0;min-width:6px;max-width:18px;height:36px;border-radius:3px;cursor:help;transition:transform 100ms ease;position:relative}.historial-bar__col:hover{transform:scaleY(1.15)}.historial-bar__col--ok{background:var(--color-exito-500)}.historial-bar__col--ok_claro{background:var(--color-exito-300)}.historial-bar__col--degradado{background:var(--color-advertencia-500)}.historial-bar__col--malo{background:#f97316}.historial-bar__col--muerto{background:var(--color-error-500)}.historial-bar__col--sin_datos{background:var(--color-nivel-200)}.historial-bar__col--hoy{outline:2px solid var(--color-primario-500);outline-offset:1px}.historial-leyenda{display:flex;align-items:center;gap:var(--espacio-3);font-size:var(--texto-xs);color:var(--color-texto-muteado);margin-top:var(--espacio-2);flex-wrap:wrap}.historial-leyenda__item{display:inline-flex;align-items:center;gap:4px}.historial-leyenda__dot{display:inline-block;width:10px;height:10px;border-radius:2px}.historial-bar-wrap{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);padding:var(--espacio-3) var(--espacio-4)}.historial-bar-publica{gap:1px}.historial-bar-publica .historial-bar__col{height:28px;min-width:3px;max-width:10px}@media (max-width:767px){.historial-bar__col{min-width:4px;max-width:14px;height:30px}}.tabla-contenedor::-webkit-scrollbar{height:10px;-webkit-appearance:none}.tabla-contenedor::-webkit-scrollbar-track{background:var(--color-superficie-alt);border-radius:var(--radius-full)}.tabla-contenedor::-webkit-scrollbar-thumb{background:var(--color-borde-fuerte);border-radius:var(--radius-full);border:2px solid var(--color-superficie-alt)}.tabla-contenedor::-webkit-scrollbar-thumb:hover{background:var(--color-texto-muteado)}@media (max-width:767px){.tabla-responsive-monitores th:nth-child(n+2):nth-child(-n+3),.tabla-responsive-monitores td:nth-child(n+2):nth-child(-n+3),.tabla-responsive-monitores th:nth-child(n+5),.tabla-responsive-monitores td:nth-child(n+5){display:none}.tabla-responsive-destinos th:nth-child(n+3):nth-child(-n+5),.tabla-responsive-destinos td:nth-child(n+3):nth-child(-n+5),.tabla-responsive-destinos th:nth-child(7),.tabla-responsive-destinos td:nth-child(7){display:none}.tabla-responsive-usuarios th:nth-child(3),.tabla-responsive-usuarios td:nth-child(3),.tabla-responsive-usuarios th:nth-child(4),.tabla-responsive-usuarios td:nth-child(4),.tabla-responsive-usuarios th:nth-child(6),.tabla-responsive-usuarios td:nth-child(6){display:none}.tabla-responsive-incidentes th:nth-child(2),.tabla-responsive-incidentes td:nth-child(2),.tabla-responsive-incidentes th:nth-child(4),.tabla-responsive-incidentes td:nth-child(4),.tabla-responsive-incidentes th:nth-child(6),.tabla-responsive-incidentes td:nth-child(6){display:none}.tabla-responsive-alertas th:nth-child(n+2):nth-child(-n+5),.tabla-responsive-alertas td:nth-child(n+2):nth-child(-n+5){display:none}.tabla-responsive-grupos th:nth-child(2),.tabla-responsive-grupos td:nth-child(2),.tabla-responsive-grupos th:nth-child(3),.tabla-responsive-grupos td:nth-child(3){display:none}.tabla-responsive-resultados th:nth-child(2),.tabla-responsive-resultados td:nth-child(2),.tabla-responsive-resultados th:nth-child(4),.tabla-responsive-resultados td:nth-child(4),.tabla-responsive-resultados th:nth-child(5),.tabla-responsive-resultados td:nth-child(5){display:none}.tabla-responsive-webhooks th:nth-child(3),.tabla-responsive-webhooks td:nth-child(3),.tabla-responsive-webhooks th:nth-child(4),.tabla-responsive-webhooks td:nth-child(4){display:none}.tabla-responsive-auditoria th:nth-child(3),.tabla-responsive-auditoria td:nth-child(3),.tabla-responsive-auditoria th:nth-child(4),.tabla-responsive-auditoria td:nth-child(4){display:none}.tabla-responsive-tenants th:nth-child(3),.tabla-responsive-tenants td:nth-child(3),.tabla-responsive-tenants th:nth-child(4),.tabla-responsive-tenants td:nth-child(4),.tabla-responsive-tenants th:nth-child(6),.tabla-responsive-tenants td:nth-child(6),.tabla-responsive-tenants th:nth-child(7),.tabla-responsive-tenants td:nth-child(7){display:none}.tabla-responsive-mantenimiento th:nth-child(3),.tabla-responsive-mantenimiento td:nth-child(3),.tabla-responsive-mantenimiento th:nth-child(4),.tabla-responsive-mantenimiento td:nth-child(4),.tabla-responsive-mantenimiento th:nth-child(6),.tabla-responsive-mantenimiento td:nth-child(6){display:none}}.tabla{width:100%;font-size:var(--texto-sm)}.tabla thead{background:var(--color-superficie-alt);border-bottom:1px solid var(--color-borde)}.tabla th{padding:var(--espacio-3) var(--espacio-4);text-align:left;font-weight:var(--font-semibold);color:var(--color-texto-suave);text-transform:uppercase;font-size:var(--texto-xs);letter-spacing:0.04em}.tabla td{padding:var(--espacio-3) var(--espacio-4);border-top:1px solid var(--color-borde);vertical-align:middle}.tabla tbody tr{transition:background-color var(--trans-rapida)}.tabla tbody tr:hover{background:var(--color-superficie-alt)}.modal-overlay{position:fixed;inset:0;background:rgba(15,18,35,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--espacio-4);opacity:0;transition:opacity var(--trans-base)}.modal-overlay--visible{display:flex;opacity:1}.modal{background:var(--color-superficie);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:auto;transform:translateY(-20px) scale(0.96);transition:transform var(--trans-base)}.modal-overlay--visible .modal{transform:translateY(0) scale(1)}.modal--lg{max-width:800px}.modal--xl{max-width:1100px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--espacio-5) var(--espacio-6);border-bottom:1px solid var(--color-borde)}.modal__titulo{font-size:var(--texto-lg);font-weight:var(--font-semibold)}.modal__cerrar{background:none;border:0;cursor:pointer;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-texto-suave);transition:background-color var(--trans-rapida)}.modal__cerrar:hover{background:var(--color-superficie-alt);color:var(--color-texto)}.modal__body{padding:var(--espacio-6)}.modal__footer{padding:var(--espacio-4) var(--espacio-6);border-top:1px solid var(--color-borde);display:flex;justify-content:flex-end;gap:var(--espacio-3);background:var(--color-superficie-alt)}.toast-contenedor{position:fixed;top:var(--espacio-4);right:var(--espacio-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--espacio-3);pointer-events:none;max-width:380px}.toast{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--espacio-4);display:flex;align-items:flex-start;gap:var(--espacio-3);pointer-events:auto;animation:toast-enter 280ms var(--ease-out);border-left:4px solid var(--color-primario-500)}.toast--exito{border-left-color:var(--color-exito-500)}.toast--error{border-left-color:var(--color-error-500)}.toast--advertencia{border-left-color:var(--color-advertencia-500)}.toast__icono{flex-shrink:0;margin-top:2px}.toast__cuerpo{flex:1}.toast__titulo{font-weight:var(--font-semibold);font-size:var(--texto-sm)}.toast__mensaje{font-size:var(--texto-sm);color:var(--color-texto-suave);margin-top:2px}.toast__cerrar{background:none;border:0;cursor:pointer;padding:0;color:var(--color-texto-muteado)}.toast__cerrar:hover{color:var(--color-texto)}@keyframes toast-enter{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 0.7s linear infinite;vertical-align:middle}.spinner--sm{width:14px;height:14px;border-width:1.5px}.spinner--lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient( 90deg,var(--color-nivel-100) 0%,var(--color-nivel-200) 50%,var(--color-nivel-100) 100% );background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);height:1em}.skeleton--titulo{height:1.5em;width:60%}.skeleton--linea{width:100%;margin-bottom:0.5em}.skeleton--corto{width:70%}.skeleton--avatar{width:40px;height:40px;border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.empty{text-align:center;padding:var(--espacio-12) var(--espacio-6);color:var(--color-texto-muteado)}.empty__icono{width:64px;height:64px;margin:0 auto var(--espacio-4);color:var(--color-nivel-300)}.empty__titulo{font-size:var(--texto-lg);font-weight:var(--font-semibold);color:var(--color-texto);margin-bottom:var(--espacio-2)}.empty__descripcion{max-width:400px;margin:0 auto var(--espacio-6);line-height:var(--lh-base)}.texto-xs{font-size:var(--texto-xs)}.texto-sm{font-size:var(--texto-sm)}.texto-lg{font-size:var(--texto-lg)}.texto-xl{font-size:var(--texto-xl)}.texto-2xl{font-size:var(--texto-2xl)}.texto-3xl{font-size:var(--texto-3xl)}.texto-muteado{color:var(--color-texto-muteado)}.texto-suave{color:var(--color-texto-suave)}.texto-marca{color:var(--color-marca)}.texto-exito{color:var(--color-exito-600)}.texto-advertencia{color:var(--color-advertencia-600)}.texto-error{color:var(--color-error-600)}.texto-centro{text-align:center}.texto-derecha{text-align:right}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.mono{font-family:var(--font-mono)}.mt-1{margin-top:var(--espacio-1)}.mt-2{margin-top:var(--espacio-2)}.mt-3{margin-top:var(--espacio-3)}.mt-4{margin-top:var(--espacio-4)}.mt-6{margin-top:var(--espacio-6)}.mt-8{margin-top:var(--espacio-8)}.mb-1{margin-bottom:var(--espacio-1)}.mb-2{margin-bottom:var(--espacio-2)}.mb-3{margin-bottom:var(--espacio-3)}.mb-4{margin-bottom:var(--espacio-4)}.mb-6{margin-bottom:var(--espacio-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--espacio-1)}.gap-2{gap:var(--espacio-2)}.gap-3{gap:var(--espacio-3)}.gap-4{gap:var(--espacio-4)}.gap-6{gap:var(--espacio-6)}.flex-1{flex:1}.w-full{width:100%}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.app{display:grid;grid-template-columns:var(--sidebar-ancho) 1fr;grid-template-rows:var(--topbar-alto) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:linear-gradient(180deg,#131a5c 0%,#1a2580 100%);color:rgba(255,255,255,0.92);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:var(--shadow-md)}.sidebar__marca{padding:var(--espacio-5) var(--espacio-5);display:flex;align-items:center;gap:var(--espacio-3);border-bottom:1px solid rgba(255,255,255,0.08);flex-shrink:0}.sidebar__logo{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-acento-400),var(--color-primario-400));display:flex;align-items:center;justify-content:center;color:white;font-weight:var(--font-bold);font-size:18px;box-shadow:0 4px 12px rgba(130,59,255,0.4)}.sidebar__titulo{font-size:var(--texto-lg);font-weight:var(--font-bold);letter-spacing:-0.01em;color:white}.sidebar__subtitulo{font-size:var(--texto-xs);color:rgba(255,255,255,0.55);line-height:1.2}.sidebar__nav{flex:1;padding:var(--espacio-4) var(--espacio-3);display:flex;flex-direction:column;gap:var(--espacio-1)}.sidebar__grupo{margin-top:var(--espacio-4)}.sidebar__grupo-titulo{padding:var(--espacio-2) var(--espacio-3);font-size:var(--texto-xs);text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.45);font-weight:var(--font-semibold)}.sidebar__item{display:flex;align-items:center;gap:var(--espacio-3);padding:var(--espacio-2) var(--espacio-3);border-radius:var(--radius-md);color:rgba(255,255,255,0.75);font-size:var(--texto-sm);font-weight:var(--font-medium);text-decoration:none;transition:background-color var(--trans-rapida),color var(--trans-rapida);position:relative}.sidebar__item:hover{background:rgba(255,255,255,0.08);color:white;text-decoration:none}.sidebar__item--activo{background:linear-gradient(90deg,rgba(130,59,255,0.25),rgba(59,91,255,0.10));color:white}.sidebar__item--activo::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--color-acento-300),var(--color-primario-400));border-radius:0 2px 2px 0}.sidebar__icono{width:18px;height:18px;flex-shrink:0}.sidebar__item-badge{margin-left:auto;background:var(--color-error-500);color:white;font-size:var(--texto-xs);font-weight:var(--font-bold);padding:1px var(--espacio-2);border-radius:var(--radius-full);min-width:18px;text-align:center}.sidebar__pie{padding:var(--espacio-3);border-top:1px solid rgba(255,255,255,0.08);flex-shrink:0}.sidebar__usuario{display:flex;align-items:center;gap:var(--espacio-3);padding:var(--espacio-2);border-radius:var(--radius-md);background:rgba(255,255,255,0.06)}.sidebar__usuario-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-acento-500),var(--color-primario-500));color:white;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--texto-sm);flex-shrink:0}.sidebar__usuario-info{flex:1;min-width:0}.sidebar__usuario-info--link{display:flex;align-items:center;gap:var(--espacio-3);text-decoration:none;color:inherit;border-radius:var(--radius-md);padding:4px;margin:-4px;transition:background 150ms ease}.sidebar__usuario-info--link:hover{background:rgba(255,255,255,0.08)}.sidebar__usuario-info--link:focus-visible{outline:2px solid var(--color-acento-500);outline-offset:2px}.sidebar__usuario-nombre{font-size:var(--texto-sm);font-weight:var(--font-semibold);color:white;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__usuario-rol{font-size:var(--texto-xs);color:rgba(255,255,255,0.55);line-height:1.2}.topbar{grid-area:topbar;background:var(--color-superficie);border-bottom:1px solid var(--color-borde);display:flex;align-items:center;justify-content:space-between;padding:0 var(--espacio-6);position:sticky;top:0;z-index:var(--z-sticky);gap:var(--espacio-4)}.topbar__titulo-pagina{font-size:var(--texto-lg);font-weight:var(--font-semibold);color:var(--color-texto);letter-spacing:-0.01em;margin:0;line-height:1}.topbar__breadcrumb{display:flex;align-items:center;gap:var(--espacio-2);font-size:var(--texto-sm);color:var(--color-texto-muteado)}.topbar__breadcrumb a{color:var(--color-texto-suave);text-decoration:none}.topbar__breadcrumb a:hover{color:var(--color-marca)}.topbar__breadcrumb-separador{color:var(--color-nivel-400)}.topbar__acciones{display:flex;align-items:center;gap:var(--espacio-3)}.topbar__buscador{position:relative;width:280px}.topbar__buscador-input{width:100%;padding:var(--espacio-2) var(--espacio-3) var(--espacio-2) 36px;border:1px solid var(--color-borde);border-radius:var(--radius-md);background:var(--color-superficie-alt);font-size:var(--texto-sm);transition:border-color var(--trans-rapida),background-color var(--trans-rapida)}.topbar__buscador-input:focus{outline:none;background:var(--color-superficie);border-color:var(--color-primario-400);box-shadow:0 0 0 3px var(--color-primario-100)}.topbar__buscador-icono{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-texto-muteado);pointer-events:none}.main{grid-area:main;padding:var(--espacio-6) var(--espacio-8);max-width:100%;overflow-x:hidden;animation:page-enter 280ms var(--ease-out)}@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pagina-encabezado{margin-bottom:var(--espacio-6);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--espacio-4);flex-wrap:wrap}.pagina-encabezado__titulo{font-size:var(--texto-3xl);font-weight:var(--font-bold);letter-spacing:-0.02em;margin-bottom:var(--espacio-1)}.pagina-encabezado__subtitulo{font-size:var(--texto-sm);color:var(--color-texto-muteado);line-height:var(--lh-snug);max-width:70ch}.pagina-encabezado__acciones{display:flex;gap:var(--espacio-2);align-items:center}@media (max-width:1023px){:root{--sidebar-ancho:220px}.main{padding:var(--espacio-4) var(--espacio-5)}}@media (max-width:767px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform var(--trans-base);z-index:var(--z-modal);box-shadow:var(--shadow-xl)}.sidebar--abierta{transform:translateX(0)}.topbar__buscador{display:none}.topbar__titulo-pagina{font-size:var(--texto-base)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,18,35,0.5);z-index:calc(var(--z-modal) - 1)}.sidebar-overlay--visible{display:block}@media (min-width:768px){.sidebar-overlay{display:none !important}}.boton-hamburguesa{display:none;background:none;border:0;cursor:pointer;padding:var(--espacio-2);color:var(--color-texto);border-radius:var(--radius-md)}.boton-hamburguesa:hover{background:var(--color-superficie-alt)}@media (max-width:767px){.boton-hamburguesa{display:inline-flex}}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--color-fondo)}@media (max-width:900px){.login{grid-template-columns:1fr}.login__hero{display:none}}.login__hero{background:radial-gradient(circle at 20% 20%,rgba(130,59,255,0.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,91,255,0.3),transparent 50%),linear-gradient(135deg,#1a2580 0%,#3c137f 100%);color:white;display:flex;flex-direction:column;justify-content:center;padding:var(--espacio-12);position:relative;overflow:hidden}.login__hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.login__hero-contenido{position:relative;max-width:480px}.login__hero-marca{display:flex;align-items:center;gap:var(--espacio-3);margin-bottom:var(--espacio-8)}.login__hero-logo{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-acento-400),var(--color-primario-400));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--font-bold);box-shadow:0 8px 24px rgba(130,59,255,0.4)}.login__hero-titulo{font-size:var(--texto-4xl);font-weight:var(--font-bold);letter-spacing:-0.02em;line-height:1.1;margin-bottom:var(--espacio-4)}.login__hero-subtitulo{font-size:var(--texto-lg);color:rgba(255,255,255,0.75);line-height:var(--lh-base);margin-bottom:var(--espacio-8)}.login__hero-features{display:flex;flex-direction:column;gap:var(--espacio-3)}.login__hero-feature{display:flex;align-items:center;gap:var(--espacio-3);color:rgba(255,255,255,0.85);font-size:var(--texto-sm)}.login__hero-feature-icono{width:24px;height:24px;border-radius:var(--radius-md);background:rgba(130,59,255,0.3);border:1px solid rgba(130,59,255,0.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.login__formulario{display:flex;flex-direction:column;justify-content:center;padding:var(--espacio-12) var(--espacio-8)}.login__formulario-contenido{max-width:400px;width:100%;margin:0 auto}.login__formulario-titulo{font-size:var(--texto-3xl);font-weight:var(--font-bold);margin-bottom:var(--espacio-2);letter-spacing:-0.02em}.login__formulario-subtitulo{color:var(--color-texto-muteado);margin-bottom:var(--espacio-8);font-size:var(--texto-sm)}.login__formulario-campos{display:flex;flex-direction:column;gap:var(--espacio-4)}.login__formulario-acciones{margin-top:var(--espacio-6);display:flex;flex-direction:column;gap:var(--espacio-3)}.login__formulario-extra{text-align:center;font-size:var(--texto-sm);color:var(--color-texto-muteado)}.login__formulario-extra a{color:var(--color-marca);font-weight:var(--font-medium)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--espacio-4);margin-bottom:var(--espacio-6)}.kpi{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);padding:var(--espacio-5);position:relative;overflow:hidden;transition:box-shadow var(--trans-base),transform var(--trans-base)}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primario-500)}.kpi--exito::before{background:var(--color-exito-500)}.kpi--advertencia::before{background:var(--color-advertencia-500)}.kpi--error::before{background:var(--color-error-500)}.kpi--acento::before{background:var(--color-acento-500)}.kpi__etiqueta{font-size:var(--texto-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-texto-muteado);font-weight:var(--font-semibold);margin-bottom:var(--espacio-2)}.kpi__valor{font-size:var(--texto-4xl);font-weight:var(--font-bold);letter-spacing:-0.02em;color:var(--color-texto);line-height:1;font-variant-numeric:tabular-nums}.kpi__descripcion{font-size:var(--texto-xs);color:var(--color-texto-muteado);margin-top:var(--espacio-2)}.distribucion{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--espacio-3);margin-top:var(--espacio-3)}.distribucion__item{text-align:center;padding:var(--espacio-3);background:var(--color-superficie-alt);border-radius:var(--radius-md)}.distribucion__valor{font-size:var(--texto-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.distribucion__etiqueta{font-size:var(--texto-xs);color:var(--color-texto-muteado);text-transform:uppercase;letter-spacing:0.04em;margin-top:2px}.timeline{position:relative;padding-left:var(--espacio-8)}.timeline::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-borde)}.timeline__item{position:relative;padding-bottom:var(--espacio-5)}.timeline__punto{position:absolute;left:-26px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--color-superficie);border:3px solid var(--color-primario-500)}.timeline__punto--exito{border-color:var(--color-exito-500)}.timeline__punto--error{border-color:var(--color-error-500)}.timeline__punto--advertencia{border-color:var(--color-advertencia-500)}.timeline__punto--neutro{border-color:var(--color-nivel-400)}.timeline__tiempo{font-size:var(--texto-xs);color:var(--color-texto-muteado);font-variant-numeric:tabular-nums;margin-bottom:2px}.timeline__titulo{font-size:var(--texto-sm);font-weight:var(--font-medium);color:var(--color-texto)}.timeline__detalle{font-size:var(--texto-xs);color:var(--color-texto-suave);margin-top:2px}.wizard{display:flex;align-items:center;gap:var(--espacio-2);margin-bottom:var(--espacio-6);padding:var(--espacio-3) 0;overflow-x:auto}.wizard__paso{display:flex;align-items:center;gap:var(--espacio-2);padding:var(--espacio-2) var(--espacio-3);border-radius:var(--radius-md);background:var(--color-superficie-alt);color:var(--color-texto-muteado);font-size:var(--texto-sm);white-space:nowrap;flex-shrink:0;transition:background-color var(--trans-base),color var(--trans-base)}.wizard__paso-numero{width:24px;height:24px;border-radius:50%;background:var(--color-nivel-300);color:var(--color-texto);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--texto-xs)}.wizard__paso--activo{background:var(--color-primario-100);color:var(--color-primario-700)}.wizard__paso--activo .wizard__paso-numero{background:var(--color-primario-500);color:white}.wizard__paso--completado .wizard__paso-numero{background:var(--color-exito-500);color:white}.wizard__separador{width:24px;height:1px;background:var(--color-borde);flex-shrink:0}.wizard__paso--completado + .wizard__separador{background:var(--color-exito-500)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;flex-shrink:0;position:relative}.status-dot--saludable{background:var(--color-exito-500);box-shadow:0 0 0 4px var(--color-exito-100)}.status-dot--degradado{background:var(--color-advertencia-500);box-shadow:0 0 0 4px var(--color-advertencia-100)}.status-dot--fallando{background:var(--color-error-500);box-shadow:0 0 0 4px var(--color-error-100);animation:pulse-error 2s ease-in-out infinite}.status-dot--sin-datos{background:var(--color-nivel-400);box-shadow:0 0 0 4px var(--color-nivel-200)}.status-dot--pausado{background:var(--color-nivel-500);box-shadow:0 0 0 4px var(--color-nivel-200)}@keyframes pulse-error{0%,100%{box-shadow:0 0 0 4px var(--color-error-100)}50%{box-shadow:0 0 0 8px rgba(229,69,69,0.2)}}.ia-mensaje{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);padding:var(--espacio-5);margin-bottom:var(--espacio-4);border-left:4px solid var(--color-acento-500)}.ia-mensaje__rol{font-size:var(--texto-xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-acento-700);font-weight:var(--font-semibold);margin-bottom:var(--espacio-2)}.ia-mensaje__contenido{font-size:var(--texto-sm);line-height:var(--lh-base);color:var(--color-texto)}.ia-mensaje__hecho{background:var(--color-exito-50);border-left:3px solid var(--color-exito-500);padding:var(--espacio-2) var(--espacio-3);margin:var(--espacio-2) 0;border-radius:var(--radius-sm);font-size:var(--texto-sm)}.ia-mensaje__inferencia{background:var(--color-primario-50);border-left:3px solid var(--color-primario-500);padding:var(--espacio-2) var(--espacio-3);margin:var(--espacio-2) 0;border-radius:var(--radius-sm);font-size:var(--texto-sm)}.ia-mensaje__hipotesis{background:var(--color-advertencia-50);border-left:3px solid var(--color-advertencia-500);padding:var(--espacio-2) var(--espacio-3);margin:var(--espacio-2) 0;border-radius:var(--radius-sm);font-size:var(--texto-sm)}.divisor{height:1px;background:var(--color-borde);margin:var(--espacio-4) 0}.codigo{font-family:var(--font-mono);font-size:var(--texto-xs);background:var(--color-nivel-100);padding:2px 6px;border-radius:var(--radius-sm)}.filtros{display:flex;gap:var(--espacio-3);align-items:center;margin-bottom:var(--espacio-4);flex-wrap:wrap}.filtros__grupo{display:flex;align-items:center;gap:var(--espacio-2);font-size:var(--texto-sm)}.tabs{display:flex;border-bottom:1px solid var(--color-borde);margin-bottom:var(--espacio-4);gap:var(--espacio-1);overflow-x:auto}.tabs__item{padding:var(--espacio-3) var(--espacio-4);color:var(--color-texto-suave);font-size:var(--texto-sm);font-weight:var(--font-medium);border-bottom:2px solid transparent;transition:color var(--trans-rapida),border-color var(--trans-rapida);cursor:pointer;white-space:nowrap}.tabs__item:hover{color:var(--color-texto)}.tabs__item--activo{color:var(--color-marca);border-bottom-color:var(--color-marca)}.hover-row{transition:background-color var(--trans-rapida)}.hover-row:hover{background:var(--color-superficie-alt)}.stat-inline{display:inline-flex;align-items:center;gap:var(--espacio-1);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.buscador-tipo{position:relative;display:flex;align-items:center;gap:var(--espacio-2,0.5rem);background:var(--color-superficie,#ffffff);border:1px solid var(--color-borde,#e5e7eb);border-radius:var(--radio-md,8px);padding:0 var(--espacio-3,0.75rem);transition:border-color 0.15s,box-shadow 0.15s}.buscador-tipo:focus-within{border-color:var(--color-primario,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.buscador-tipo__icono{display:inline-flex;align-items:center;color:var(--color-texto-muteado,#6b7280);flex-shrink:0}.buscador-tipo__input{flex:1 1 auto;border:0;outline:0;background:transparent;padding:var(--espacio-3,0.75rem) 0;font-size:var(--tamano-texto-md,0.95rem);color:var(--color-texto,#111827);min-width:0}.buscador-tipo__input::-webkit-search-cancel-button{cursor:pointer}.buscador-tipo__contador{font-size:var(--tamano-texto-xs,0.78rem);color:var(--color-texto-muteado,#6b7280);white-space:nowrap;font-variant-numeric:tabular-nums}.buscador-tipo__contador--ok{color:var(--color-primario,#2563eb);font-weight:600}.buscador-tipo__contador--vacio{color:#b91c1c;font-weight:600}.selector-tipo{font-size:var(--tamano-texto-md,0.95rem);line-height:1.5;max-height:320px;overflow-y:auto}.selector-tipo option{padding:0.4rem 0.5rem;font-variant-numeric:tabular-nums}.selector-tipo optgroup{font-weight:700;color:var(--color-primario,#2563eb);background:rgba(37,99,235,0.05);font-style:normal}.preview-tipo{display:flex;gap:var(--espacio-4,1rem);padding:var(--espacio-4,1rem);background:linear-gradient(135deg,rgba(37,99,235,0.04),rgba(124,58,237,0.04));border:1px solid rgba(37,99,235,0.18);border-radius:var(--radio-md,8px);align-items:flex-start}.preview-tipo__icono{font-size:2.5rem;line-height:1;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.7);border-radius:var(--radio-md,8px);box-shadow:0 1px 3px rgba(0,0,0,0.06)}.preview-tipo__cuerpo{flex:1 1 auto;min-width:0}.preview-tipo__titulo{display:flex;align-items:center;gap:var(--espacio-2,0.5rem);flex-wrap:wrap;font-size:var(--tamano-texto-lg,1.05rem);margin-bottom:0.25rem}.preview-tipo__titulo strong{color:var(--color-texto,#111827)}.preview-tipo__grupo{display:inline-block;padding:0.15rem 0.55rem;background:var(--color-primario,#2563eb);color:#ffffff;border-radius:999px;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.03em}.preview-tipo__descripcion{margin:0 0 var(--espacio-3,0.75rem) 0;color:var(--color-texto-muteado,#4b5563);line-height:1.5;font-size:var(--tamano-texto-sm,0.88rem)}.preview-tipo__campos{margin-bottom:var(--espacio-2,0.5rem)}.preview-tipo__campos-label{display:block;font-size:0.78rem;color:var(--color-texto-muteado,#6b7280);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.3rem;font-weight:600}.preview-tipo__campos ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0.3rem}.preview-tipo__campos li code{background:rgba(0,0,0,0.06);padding:0.15rem 0.45rem;border-radius:4px;font-size:0.78rem;color:var(--color-texto,#111827);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preview-tipo__meta{display:flex;gap:var(--espacio-2,0.5rem);margin-top:var(--espacio-2,0.5rem);flex-wrap:wrap}.preview-tipo__ejecutor{display:inline-block;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.72rem;font-weight:600}.preview-tipo__ejecutor--portal{background:rgba(16,185,129,0.12);color:#047857}.preview-tipo__ejecutor--remoto{background:rgba(124,58,237,0.12);color:#6d28d9}@media (max-width:640px){.preview-tipo{flex-direction:column;align-items:stretch}.preview-tipo__icono{width:48px;height:48px;font-size:2rem}.selector-tipo{max-height:240px}}#tarjeta-personalizacion{}#form-personalizacion fieldset{border:1px solid var(--color-borde,#e5e7eb);border-radius:8px;padding:var(--espacio-3,0.75rem);margin:0}#form-personalizacion legend{padding:0 var(--espacio-2,0.5rem);font-weight:600}.color-picker{width:40px;height:40px;border:1px solid var(--color-borde,#e5e7eb);border-radius:6px;background:transparent;cursor:pointer;padding:2px;flex-shrink:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:0;border-radius:4px}.color-picker::-moz-color-swatch{border:0;border-radius:4px}.preview-publica{--prev-fondo:#0f172a;--prev-texto:#e2e8f0;--prev-primario:#2563eb;--prev-superficie:#1e293b;--prev-exito:#10b981;--prev-alerta:#f59e0b;--prev-error:#ef4444;background:var(--prev-fondo);color:var(--prev-texto);border-radius:12px;padding:var(--espacio-4,1rem);border:1px solid var(--color-borde,#e5e7eb);font-size:0.9em;min-height:380px;transition:background 0.2s,color 0.2s}.preview-publica__hero{text-align:center;padding-bottom:var(--espacio-3,0.75rem);border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:var(--espacio-3,0.75rem)}.preview-publica__logo{max-height:36px;max-width:160px;margin:0 auto var(--espacio-2,0.5rem);display:block}.preview-publica__titulo{font-size:1.3em;font-weight:700;margin-bottom:0.2em;color:var(--prev-texto)}.preview-publica__sub{color:var(--prev-texto);opacity:0.6;font-size:0.85em;margin-bottom:var(--espacio-2,0.5rem)}.preview-publica__badge{display:inline-block;padding:0.3em 0.8em;border-radius:999px;font-size:0.85em;font-weight:600;color:white;background:var(--prev-exito)}.preview-publica__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5em;margin-bottom:var(--espacio-3,0.75rem)}.preview-publica__kpi{background:var(--prev-superficie);border-radius:8px;padding:0.8em;text-align:center;border:1px solid rgba(255,255,255,0.08)}.preview-publica__kpi .num{font-size:1.6em;font-weight:700;line-height:1;color:var(--prev-texto)}.preview-publica__kpi:nth-child(1) .num{color:var(--prev-exito)}.preview-publica__kpi:nth-child(2) .num{color:var(--prev-alerta)}.preview-publica__kpi:nth-child(3) .num{color:var(--prev-error)}.preview-publica__kpi .label{font-size:0.7em;color:var(--prev-texto);opacity:0.6;margin-top:0.3em}.preview-publica__footer{text-align:center;margin-top:var(--espacio-3,0.75rem);color:var(--prev-texto);opacity:0.4;font-size:0.75em;padding-top:var(--espacio-2,0.5rem);border-top:1px solid rgba(255,255,255,0.08)}@media (max-width:768px){#form-personalizacion + div{margin-top:var(--espacio-4,1rem)}}.auth-toggle{display:flex;align-items:center;gap:var(--espacio-3,0.75rem);padding:var(--espacio-3,0.75rem);background:linear-gradient(135deg,rgba(99,102,241,0.06),rgba(139,92,246,0.06));border:1px solid rgba(99,102,241,0.18);border-radius:10px}.auth-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0;cursor:pointer}.auth-switch input{opacity:0;width:0;height:0;position:absolute}.auth-switch__track{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;transition:background 0.2s ease}.auth-switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.25);transition:transform 0.2s ease}.auth-switch input:checked + .auth-switch__track{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.auth-switch input:checked + .auth-switch__track .auth-switch__thumb{transform:translateX(22px)}.auth-switch input:focus + .auth-switch__track{box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.auth-fields{display:grid;gap:var(--espacio-3,0.75rem);padding-top:var(--espacio-2,0.5rem)}.auth-strength{display:flex;align-items:center;gap:var(--espacio-2,0.5rem);margin-top:var(--espacio-1,0.25rem)}.auth-strength__bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.auth-strength__fill{display:block;height:100%;width:0;background:#ef4444;border-radius:3px;transition:width 0.2s ease,background 0.2s ease}.auth-strength__fill[data-nivel="1"]{width:20%;background:#ef4444}.auth-strength__fill[data-nivel="2"]{width:40%;background:#f97316}.auth-strength__fill[data-nivel="3"]{width:60%;background:#f59e0b}.auth-strength__fill[data-nivel="4"]{width:80%;background:#10b981}.auth-strength__fill[data-nivel="5"]{width:100%;background:linear-gradient(90deg,#10b981,#059669)}.auth-strength__label{min-width:90px;text-align:right;color:var(--texto-suave,#6b7280);font-weight:500}.auth-preview{--ap-fondo:#f8fafc;--ap-superficie:#ffffff;--ap-texto:#0f172a;--ap-primario:#6366f1;--ap-borde:#e2e8f0;background:var(--ap-fondo);border:1px solid var(--ap-borde);border-radius:12px;padding:var(--espacio-4,1rem);min-height:260px;text-align:center;transition:background 0.25s ease,border-color 0.25s ease}.auth-preview[data-activo="1"]{--ap-fondo:#eef2ff;--ap-borde:#c7d2fe;background:var(--ap-fondo)}.auth-preview__icono{font-size:2.6em;line-height:1;margin-bottom:var(--espacio-2,0.5rem);transition:transform 0.25s ease}.auth-preview[data-activo="1"] .auth-preview__icono{transform:scale(1.1)}.auth-preview__titulo{font-size:1.15em;font-weight:700;color:var(--ap-texto);margin-bottom:0.3em}.auth-preview__sub{color:var(--ap-texto);opacity:0.6;font-size:0.85em;margin-bottom:var(--espacio-3,0.75rem);line-height:1.4}.auth-preview__form{display:grid;gap:var(--espacio-2,0.5rem);text-align:left;max-width:280px;margin:0 auto}.auth-preview__input{background:var(--ap-superficie);border:1px solid var(--ap-borde);border-radius:8px;padding:0.55em 0.7em;display:flex;align-items:center;justify-content:space-between;gap:var(--espacio-2,0.5rem)}.auth-preview__input-label{font-size:0.7em;color:var(--ap-texto);opacity:0.55;text-transform:uppercase;letter-spacing:0.04em;font-weight:600}.auth-preview__input-value{font-family:var(--font-mono,ui-monospace,SFMono-Regular,monospace);font-size:0.95em;color:var(--ap-texto);font-weight:500}.auth-preview__boton{background:linear-gradient(135deg,var(--ap-primario),#8b5cf6);color:white;text-align:center;padding:0.6em 0.8em;border-radius:8px;font-weight:600;font-size:0.95em;box-shadow:0 2px 6px rgba(99,102,241,0.25)}@media (max-width:768px){#tarjeta-auth > .tarjeta__body,#tarjeta-personalizacion > .tarjeta__body{grid-template-columns:1fr !important}}.paletas-catalogo{background:linear-gradient(135deg,rgba(99,102,241,0.04),rgba(139,92,246,0.04));border:1px solid rgba(99,102,241,0.15);border-radius:12px;padding:var(--espacio-4,1rem);margin-top:var(--espacio-2,0.5rem)}.paletas-catalogo__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--espacio-3,0.75rem);flex-wrap:wrap;margin-bottom:var(--espacio-4,1rem)}.paletas-catalogo__titulo{margin:0 0 0.3em;font-size:1.05em;font-weight:700;color:var(--color-texto,#0f172a)}.paletas-catalogo__sub{margin:0;font-size:0.85em;color:var(--texto-suave,#6b7280);max-width:520px;line-height:1.4}.paletas-catalogo__filtros{display:flex;gap:var(--espacio-1,0.25rem);flex-wrap:wrap}.paleta-chip{background:white;border:1px solid var(--color-borde,#e5e7eb);border-radius:999px;padding:0.35em 0.85em;font-size:0.8em;font-weight:500;color:var(--texto-suave,#6b7280);cursor:pointer;transition:all 0.15s ease}.paleta-chip:hover{border-color:rgba(99,102,241,0.4);color:#6366f1}.paleta-chip--activo{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:white;box-shadow:0 2px 6px rgba(99,102,241,0.3)}.paletas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--espacio-3,0.75rem)}.paleta-card{--pc-bg:#ffffff;--pc-fg:#0f172a;background:var(--pc-bg);color:var(--pc-fg);border:1px solid var(--color-borde,#e5e7eb);border-radius:10px;padding:0;cursor:pointer;overflow:hidden;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease;text-align:left;font:inherit;display:flex;flex-direction:column}.paleta-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.08);border-color:rgba(99,102,241,0.4)}.paleta-card:focus-visible{outline:3px solid rgba(99,102,241,0.4);outline-offset:2px}.paleta-card--oculta{display:none}.paleta-card__swatches{display:grid;grid-template-columns:repeat(7,1fr);height:36px}.paleta-card__swatch{position:relative;transition:flex 0.3s ease}.paleta-card__swatch:hover{flex:2}.paleta-card__swatches[style*="repeat(5"]{grid-template-columns:repeat(7,1fr)}.paleta-card__body{padding:0.7em 0.9em 0.85em;display:grid;gap:0.4em}.paleta-card__nombre{font-size:0.95em;font-weight:700;line-height:1.2;color:var(--pc-fg)}.paleta-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:0.72em;color:var(--texto-suave,#6b7280);font-weight:500}.paleta-card__autor{opacity:0.85}.paleta-card__likes{display:inline-flex;align-items:center;gap:0.2em;font-variant-numeric:tabular-nums}.paleta-card__tags{display:flex;gap:0.3em;flex-wrap:wrap;margin-top:0.2em}.paleta-card__tag{font-size:0.65em;text-transform:uppercase;letter-spacing:0.05em;padding:0.15em 0.5em;border-radius:999px;background:rgba(99,102,241,0.08);color:#6366f1;font-weight:600}.paleta-card--activa{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.2)}.paleta-card--aplicando{animation:pal-aplicar 0.45s ease}@keyframes pal-aplicar{0%{transform:scale(1)}40%{transform:scale(1.05);box-shadow:0 8px 24px rgba(99,102,241,0.35)}100%{transform:scale(1)}}.paletas-vacio{grid-column:1 / -1;text-align:center;padding:var(--espacio-5,1.5rem);color:var(--texto-suave,#6b7280);font-size:0.9em}@media (max-width:600px){.paletas-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.paletas-catalogo__head{flex-direction:column;align-items:stretch}.paletas-catalogo__filtros{justify-content:flex-start}}.zona-peligrosa{border:1.5px solid color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 30%,var(--color-borde,#e5e7eb));border-left:4px solid var(--color-advertencia-500,#f59e0b);border-radius:12px;overflow:hidden;transition:box-shadow 220ms ease,border-color 220ms ease}.zona-peligrosa:hover{border-color:color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 45%,var(--color-borde,#e5e7eb))}.zona-peligrosa--abierta{box-shadow:0 4px 16px color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 18%,transparent);border-color:color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 55%,var(--color-borde,#e5e7eb))}.zona-peligrosa__toggle{display:flex;align-items:center;gap:var(--espacio-3,0.75rem);width:100%;padding:1rem 1.2rem;background:transparent;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background 180ms ease}.zona-peligrosa__toggle:hover{background:color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 6%,transparent)}.zona-peligrosa__toggle:focus-visible{outline:2px solid var(--color-advertencia-500,#f59e0b);outline-offset:-2px}.zona-peligrosa__icono{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 12%,transparent);color:var(--color-advertencia-700,#b45309);flex-shrink:0}.zona-peligrosa__icono svg{width:14px;height:14px}.zona-peligrosa__textos{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.zona-peligrosa__titulo{font-weight:700;font-size:0.95rem;color:var(--color-advertencia-700,#b45309);letter-spacing:-0.005em}.zona-peligrosa__subtitulo{font-size:0.8rem;color:var(--texto-suave,#6b7280);line-height:1.4}.zona-peligrosa__chevron{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--texto-suave,#6b7280);transition:transform 240ms cubic-bezier(0.4,0,0.2,1),color 180ms ease;flex-shrink:0}.zona-peligrosa__chevron svg{width:18px;height:18px}.zona-peligrosa--abierta .zona-peligrosa__chevron{transform:rotate(180deg);color:var(--color-advertencia-700,#b45309)}.zona-peligrosa__body{padding:0 1.2rem 1.2rem 1.2rem;border-top:1px solid color-mix(in srgb,var(--color-advertencia-500,#f59e0b) 20%,var(--color-borde,#e5e7eb));animation:zp-reveal 280ms ease-out}.zona-peligrosa__body[hidden]{display:none}@keyframes zp-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.zona-peligrosa__toggle{padding:0.85rem 1rem;gap:0.6rem}.zona-peligrosa__icono{width:24px;height:24px}.zona-peligrosa__icono svg{width:12px;height:12px}.zona-peligrosa__titulo{font-size:0.88rem}.zona-peligrosa__subtitulo{font-size:0.75rem}.zona-peligrosa__body{padding:0 1rem 1rem 1rem}}.fila-sev-ok{background:color-mix(in srgb,var(--color-exito,#10b981) 5%,transparent)}.fila-sev-ok_claro{background:color-mix(in srgb,var(--color-exito,#10b981) 3%,transparent)}.fila-sev-warn{background:color-mix(in srgb,var(--color-alerta,#f59e0b) 7%,transparent)}.fila-sev-malo{background:color-mix(in srgb,#f97316 5%,transparent)}.fila-sev-bad{background:color-mix(in srgb,var(--color-error,#ef4444) 7%,transparent)}.fila-sev-pending{background:transparent}.uptime-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.005em;line-height:1.2}.uptime-pill--ok{background:color-mix(in srgb,var(--color-exito,#10b981) 16%,transparent);color:var(--color-exito,#10b981)}.uptime-pill--ok_claro{background:color-mix(in srgb,var(--color-exito,#10b981) 12%,transparent);color:color-mix(in srgb,var(--color-exito,#10b981) 70%,var(--color-alerta,#f59e0b) 30%)}.uptime-pill--warn{background:color-mix(in srgb,var(--color-alerta,#f59e0b) 16%,transparent);color:var(--color-alerta,#b45309)}.uptime-pill--malo{background:color-mix(in srgb,#f97316 16%,transparent);color:#c2410c}.uptime-pill--bad{background:color-mix(in srgb,var(--color-error,#ef4444) 16%,transparent);color:var(--color-error,#ef4444)}.uptime-pill--pending{color:var(--texto-suave,#6b7280)}.pill-leyenda{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1.2;border:1px solid transparent}.pill-leyenda.pill--ok{background:color-mix(in srgb,var(--color-exito,#10b981) 14%,transparent);color:var(--color-exito,#10b981);border-color:color-mix(in srgb,var(--color-exito,#10b981) 30%,transparent)}.pill-leyenda.pill--ok_claro{background:color-mix(in srgb,var(--color-exito,#10b981) 10%,transparent);color:color-mix(in srgb,var(--color-exito,#10b981) 70%,var(--color-alerta,#f59e0b) 30%);border-color:color-mix(in srgb,var(--color-exito,#10b981) 22%,transparent)}.pill-leyenda.pill--warn{background:color-mix(in srgb,var(--color-alerta,#f59e0b) 14%,transparent);color:var(--color-alerta,#b45309);border-color:color-mix(in srgb,var(--color-alerta,#f59e0b) 30%,transparent)}.pill-leyenda.pill--malo{background:color-mix(in srgb,#f97316 14%,transparent);color:#c2410c;border-color:color-mix(in srgb,#f97316 30%,transparent)}.pill-leyenda.pill--bad{background:color-mix(in srgb,var(--color-error,#ef4444) 14%,transparent);color:var(--color-error,#ef4444);border-color:color-mix(in srgb,var(--color-error,#ef4444) 30%,transparent)}.pill-leyenda.pill--pending{background:var(--color-nivel-100,#f1f5f9);color:var(--texto-suave,#6b7280);border-color:var(--color-borde,#e5e7eb)}.tabla-scroll-wrapper{max-height:420px;overflow-y:auto;overflow-x:auto;border-top:1px solid var(--color-borde,#e5e7eb);border-bottom:1px solid var(--color-borde,#e5e7eb);scrollbar-width:thin;scrollbar-color:var(--color-borde,#cbd5e1) transparent}.tabla-scroll-wrapper::-webkit-scrollbar{width:8px;height:8px}.tabla-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--color-borde,#cbd5e1);border-radius:4px}.tabla-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--texto-suave,#6b7280)}.tabla-scroll-wrapper table{border:0;border-radius:0;margin:0}.tabla-scroll-wrapper thead th{position:sticky;top:0;z-index:1;background:var(--color-superficie,#fff);box-shadow:0 1px 0 var(--color-borde,#e5e7eb)}.tabla-scroll-footer{padding:10px 0 0;text-align:right}