@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@keyframes pulseCrit{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 5px #ef444400}}@keyframes pulseWarn{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}@keyframes glowOk{0%,to{opacity:1}50%{opacity:.75}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeSlideIn .35s var(--ease) both}.animate-in.delay-1{animation-delay:.05s}.expand-in{animation:expandIn .3s var(--ease);overflow:hidden}.app{min-height:100vh;padding:8px 10px 16px;max-width:1180px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px;flex-wrap:wrap;padding:6px 8px;background:#11182799;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-brand{display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:glowOk 2s ease infinite}.header h1{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.02em}.brand-sub{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-tabs{display:flex;gap:4px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:4px 10px;font-size:.85rem;font-weight:600}.btn-primary:hover{box-shadow:0 0 12px #3b82f659}.btn-icon{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;font-size:.75rem;opacity:.7}.btn-icon.active{opacity:1;border-color:var(--accent)}.toolbar input{width:100%;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);margin-bottom:6px;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.toolbar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}.filtros{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.chip{background:var(--surface);color:#94a3b8;border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:500}.chip:hover{border-color:#3b82f666}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px #3b82f640}.error{background:#7f1d1d80;padding:6px 10px;border-radius:var(--radius);margin-bottom:8px;font-size:.78rem;border:1px solid rgba(239,68,68,.3)}.loading-skeleton{margin-bottom:8px}.loading-bar{height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--ok),transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.tiendas-grid{display:grid;gap:6px}.tienda-card{background:#111827bf;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:border-color .2s,transform .15s var(--ease)}.tienda-card:hover{border-color:#94a3b838}.tienda-header{width:100%;display:flex;gap:8px;align-items:center;padding:8px 10px;background:transparent;border:none;color:inherit;text-align:left}.semaforo{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--muted);transition:box-shadow .2s}.semaforo-pulse-crit{background:var(--crit);animation:pulseCrit 1.2s ease infinite}.semaforo-pulse-warn{background:var(--warn);animation:pulseWarn 1.6s ease infinite}.semaforo-glow-ok{background:var(--ok);animation:glowOk 3s ease infinite}.tienda-info{flex:1;min-width:0}.tienda-nombre{font-weight:600;font-size:.82rem}.tienda-meta{font-size:.68rem;color:var(--muted)}.tienda-contexto{font-size:.65rem;color:#fbbf24;margin-top:2px;line-height:1.25}.chevron{color:var(--muted);font-size:1.1rem;transition:transform .2s var(--ease)}.chevron.open{transform:rotate(90deg)}.chevron-sm{font-size:.95rem}.enlace-graficos-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px;padding:4px 6px;background:#1e293b99;border:1px solid var(--border);border-radius:var(--radius);color:#cbd5e1;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.enlace-graficos-toggle:hover{background:#334155cc;border-color:#64748b}.histograma-card.graficos-abiertos{border-color:#475569}.enlace-graficos-label{color:var(--muted)}.enlace-graficos{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.tienda-body{padding:0 8px 8px}.resumen-noc{margin-bottom:10px;display:grid;gap:8px}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px}.resumen-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;transition:transform .15s var(--ease)}.resumen-card:hover{transform:translateY(-1px)}.resumen-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:2px}.resumen-num{font-size:1.15rem;font-weight:700;line-height:1.1}.resumen-num.critico{color:var(--crit)}.resumen-num.redundancia{color:var(--warn)}.resumen-meta{font-size:.62rem;color:#94a3b8;margin-top:2px}.agente-status{display:flex;align-items:center;gap:6px;font-size:.75rem}.agente-dot{width:8px;height:8px}.resumen-block h3{margin:0 0 4px;font-size:.72rem;color:#cbd5e1;font-weight:600}.incidente-card{background:var(--surface);border-left:3px solid var(--crit);border-radius:var(--radius);padding:6px 8px;margin-bottom:4px;animation:fadeSlideIn .3s var(--ease)}.incidente-header{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.78rem}.incidente-body{font-size:.72rem;margin-top:2px}.incidente-duracion{color:#f87171}.incidente-contexto{font-size:.65rem;color:#94a3b8;margin-top:2px}.badge{font-size:.58rem;padding:1px 6px;border-radius:999px;font-weight:700}.badge-critico{background:#7f1d1d;color:#fecaca}.badge-redundancia{background:#78350f;color:#fde68a}.top-table{display:grid;gap:3px}.top-row{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:6px;font-size:.68rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px;align-items:center}.text-down{color:var(--crit);font-weight:700}.histograma-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-top:5px}.histograma-header{display:flex;justify-content:space-between;gap:6px;font-size:.75rem;font-weight:600}.mono{font-family:JetBrains Mono,ui-monospace,monospace;color:#94a3b8;font-size:.65rem}.enlace-metrics{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px;align-items:center}.estado-up{color:var(--ok);font-size:.72rem;font-weight:600}.estado-down{color:var(--crit);font-size:.72rem;font-weight:600}.duracion-estado{font-weight:400;color:#f87171}.metric-pill{font-size:.6rem;background:#334155cc;color:#e2e8f0;padding:1px 6px;border-radius:999px}.metric-pill.muted{color:#94a3b8}.metric-pill.warn{background:#78350f99;color:#fde68a}.tendencia-msg{font-size:.62rem;margin-bottom:4px;padding:3px 6px;border-radius:4px}.tendencia-alta{background:#f59e0b1f;color:#fbbf24}.tendencia-baja{background:#22c55e14;color:#86efac}.sparkline-wrap{margin-bottom:6px}.sparkline-label{font-size:.58rem;letter-spacing:.07em;color:var(--muted);margin-bottom:2px}.sparkline-row{display:flex;align-items:flex-end;gap:1px;height:22px}.spark-bar{flex:1;min-width:3px;border-radius:1px;align-self:flex-end;transform-origin:bottom;animation:barGrow .4s var(--ease) both}.histograma-label{font-size:.58rem;letter-spacing:.07em;color:var(--muted);margin-bottom:4px}.histograma-row{display:grid;grid-template-columns:repeat(24,1fr);gap:1px}.histograma-block{height:20px;border-radius:1px;transition:transform .12s,opacity .12s}.histograma-block:hover{transform:scaleY(1.15);opacity:.9}.histograma-axis{display:flex;justify-content:space-between;font-size:.58rem;color:var(--muted);margin-top:2px}.sin-datos-msg{font-size:.65rem;color:var(--warn);margin-bottom:4px;padding:4px 6px;background:#f59e0b14;border-radius:4px}.sin-datos-msg code{color:#93c5fd;font-size:.62rem}.heatmap-mes{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.heatmap-header{display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:4px}.heatmap-tz{font-size:.58rem;color:var(--muted)}.heatmap-picos{font-size:.65rem;color:#94a3b8;margin-bottom:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pico-chip{background:#7f1d1d99;color:#fecaca;padding:1px 6px;border-radius:999px;font-size:.6rem}.heatmap-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:.6rem;color:#94a3b8;margin-bottom:4px}.heatmap-legend .dot{display:inline-block;width:6px;height:6px;border-radius:1px;margin-right:3px;vertical-align:middle}.heatmap-legend .dot.green{background:var(--ok)}.heatmap-legend .dot.yellow{background:var(--warn)}.heatmap-legend .dot.red{background:var(--crit)}.heatmap-legend .dot.gray{background:#334155}.heatmap-scroll{overflow-x:auto}.heatmap-grid{display:grid;gap:1px;min-width:480px}.heatmap-corner,.heatmap-hour-label,.heatmap-day-label{font-size:.55rem;color:var(--muted);display:flex;align-items:center;justify-content:center}.heatmap-day-col{font-size:.58rem;font-weight:600}.heatmap-hour-row{justify-content:flex-end;padding-right:4px;font-size:.52rem}.heatmap-cell{height:10px;border-radius:1px;min-width:8px;transition:transform .1s,box-shadow .1s}.heatmap-cell:hover{transform:scale(1.25);box-shadow:0 0 4px #fff3;z-index:1}.heatmap-cell-empty{background:transparent}.heatmap-axis-note{font-size:.58rem;color:var(--muted);margin-top:4px}.config-panel{display:grid;gap:8px}.config-intro{color:#94a3b8;margin:0;font-size:.75rem}.config-ok{background:#14532d80;color:#bbf7d0;padding:6px 8px;border-radius:var(--radius);font-size:.75rem;animation:fadeSlideIn .3s var(--ease)}.config-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.config-card h2{margin:0 0 2px;font-size:.88rem}.config-subtitle{margin:10px 0 4px;font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.config-form{display:grid;gap:5px;margin-top:6px}.config-form input,.config-form select{padding:6px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.78rem}.config-form button,.config-actions button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:5px 10px;font-size:.72rem}.btn-muted{background:#334155!important}.btn-danger{background:#b91c1c!important}.config-tienda-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.config-actions{display:flex;gap:4px;flex-wrap:wrap}.enlace-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;flex-wrap:wrap;font-size:.78rem;transition:border-color .15s}.enlace-row:hover{border-color:#3b82f640}.enlace-row.pausado{opacity:.55}.enlace-isp{font-size:.68rem;color:#94a3b8}.badge-pausa{font-size:.58rem;background:#78350f;color:#fde68a;padding:1px 6px;border-radius:999px}.config-empty{color:var(--muted);font-size:.75rem}.enlace-form h4{margin:8px 0 0;font-size:.72rem;color:#cbd5e1}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#cbd5e1}@media(max-width:768px){.top-row{grid-template-columns:1fr}.brand-sub{display:none}}*{box-sizing:border-box}:root{--bg: #080d18;--surface: #111827;--surface-2: #0c1220;--border: rgba(148, 163, 184, .12);--text: #e2e8f0;--muted: #64748b;--accent: #3b82f6;--ok: #22c55e;--warn: #f59e0b;--crit: #ef4444;--radius: 6px;--ease: cubic-bezier(.22, 1, .36, 1)}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(34,197,94,.04),transparent);color:var(--text);font-size:13px;line-height:1.35;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;transition:transform .12s var(--ease),background .15s,box-shadow .15s}button:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}