ÿþ Notice: session_start(): Ignoring session_start() because a session is already active in C:\xampp\htdocs\Procurement\dashboard\index.php on line 2 <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Procurement Analytics Dashboard</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script> <style> /* P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% DESIGN SYSTEM  Premium Dark Glassmorphism P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% */ :root { --bg-deep: #0a0a1a; --bg-surface: #0f0f2a; --bg-card: rgba(20, 20, 50, 0.8); --bg-card-hover: rgba(30, 30, 70, 0.9); --border-card: rgba(100, 100, 255, 0.15); --border-card-hover: rgba(100, 100, 255, 0.35); --primary: #6366f1; --primary-light: #818cf8; --primary-glow: rgba(99, 102, 241, 0.25); --accent-cyan: #06b6d4; --success: #10b981; --success-bg: rgba(16, 185, 129, 0.12); --warning: #f59e0b; --warning-bg: rgba(245, 158, 11, 0.12); --danger: #ef4444; --danger-bg: rgba(239, 68, 68, 0.12); --text-primary: #e2e8f0; --text-secondary: #94a3b8; --text-muted: #64748b; --radius: 16px; --radius-sm: 10px; --radius-xs: 6px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --shadow-card: 0 4px 24px rgba(0,0,0,0.3), 0 0 0 1px var(--border-card); --shadow-glow: 0 0 30px rgba(99, 102, 241, 0.15); --blur: blur(20px); --sidebar-width: 260px; } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg-deep); color: var(--text-primary); min-height: 100vh; overflow-x: hidden; line-height: 1.6; } /* Background animated mesh */ body::before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: radial-gradient(ellipse 800px 600px at 20% 20%, rgba(99,102,241,0.08) 0%, transparent 70%), radial-gradient(ellipse 600px 500px at 80% 80%, rgba(6,182,212,0.06) 0%, transparent 70%), radial-gradient(ellipse 500px 400px at 60% 30%, rgba(139,92,246,0.05) 0%, transparent 70%); pointer-events: none; z-index: 0; } /* Scrollbar */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: var(--bg-deep); } ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: var(--primary-light); } /* %%% SIDEBAR %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sidebar { position: fixed; top: 0; left: 0; width: var(--sidebar-width); height: 100vh; background: rgba(10, 10, 30, 0.95); backdrop-filter: var(--blur); border-right: 1px solid var(--border-card); z-index: 100; display: flex; flex-direction: column; transition: var(--transition); } .sidebar-brand { padding: 28px 24px 20px; border-bottom: 1px solid var(--border-card); } .sidebar-brand h1 { font-size: 1.1rem; font-weight: 800; background: linear-gradient(135deg, var(--primary-light), var(--accent-cyan)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -0.02em; line-height: 1.3; } .sidebar-brand span { font-size: 0.7rem; color: var(--text-muted); font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; display: block; margin-top: 4px; } .sidebar-nav { flex: 1; padding: 16px 12px; overflow-y: auto; } .nav-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--radius-sm); color: var(--text-secondary); font-size: 0.88rem; font-weight: 500; cursor: pointer; transition: var(--transition); margin-bottom: 2px; user-select: none; text-decoration: none; position: relative; overflow: hidden; } .nav-item::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: var(--primary); border-radius: 0 3px 3px 0; transform: scaleY(0); transition: var(--transition); } .nav-item:hover { background: rgba(99, 102, 241, 0.08); color: var(--text-primary); } .nav-item.active { background: rgba(99, 102, 241, 0.12); color: #fff; font-weight: 600; } .nav-item.active::before { transform: scaleY(1); } .nav-icon { font-size: 1.15rem; width: 24px; text-align: center; flex-shrink: 0; } .sidebar-footer { padding: 16px 20px; border-top: 1px solid var(--border-card); font-size: 0.72rem; color: var(--text-muted); text-align: center; } /* %%% MAIN CONTENT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .main { margin-left: var(--sidebar-width); padding: 32px 36px 60px; position: relative; z-index: 1; min-height: 100vh; } .page-header { margin-bottom: 32px; } .page-header h2 { font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; background: linear-gradient(135deg, #fff, var(--text-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page-header p { color: var(--text-muted); font-size: 0.88rem; margin-top: 4px; } /* %%% SECTION CONTAINERS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section { display: none; animation: fadeInUp 0.5s ease; } .section.active { display: block; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes cardPulse { 0%, 100% { box-shadow: var(--shadow-card); } 50% { box-shadow: var(--shadow-card), var(--shadow-glow); } } /* %%% GRID LAYOUTS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 32px; } .chart-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); gap: 24px; margin-bottom: 32px; } .chart-grid-single { margin-bottom: 32px; } /* %%% CARDS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .card { background: var(--bg-card); backdrop-filter: var(--blur); border: 1px solid var(--border-card); border-radius: var(--radius); padding: 24px; transition: var(--transition); position: relative; overflow: hidden; } .card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--primary), var(--accent-cyan), transparent); opacity: 0; transition: var(--transition); } .card:hover { border-color: var(--border-card-hover); transform: translateY(-2px); box-shadow: var(--shadow-card), var(--shadow-glow); } .card:hover::before { opacity: 1; } /* %%% KPI CARDS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .kpi-card { text-align: center; padding: 28px 20px; } .kpi-card .kpi-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin: 0 auto 16px; } .kpi-card .kpi-value { font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1; margin-bottom: 6px; } .kpi-card .kpi-label { font-size: 0.78rem; color: var(--text-secondary); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; } .kpi-card .kpi-sub { font-size: 0.72rem; color: var(--text-muted); margin-top: 8px; } .traffic-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; box-shadow: 0 0 8px currentColor; } /* %%% CHART CARDS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .chart-card { padding: 24px; } .chart-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 20px; color: var(--text-primary); display: flex; align-items: center; gap: 8px; } .chart-card h3 .chart-badge { font-size: 0.65rem; padding: 3px 10px; border-radius: 20px; background: rgba(99,102,241,0.15); color: var(--primary-light); font-weight: 600; } .chart-container { position: relative; width: 100%; max-height: 380px; } /* %%% DATA TABLES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .table-wrap { overflow-x: auto; border-radius: var(--radius-sm); } .data-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; } .data-table thead th { background: rgba(99,102,241,0.1); padding: 12px 14px; text-align: left; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--primary-light); border-bottom: 1px solid var(--border-card); white-space: nowrap; position: sticky; top: 0; z-index: 2; } .data-table tbody tr { transition: var(--transition); border-bottom: 1px solid rgba(100,100,255,0.06); } .data-table tbody tr:nth-child(even) { background: rgba(99,102,241,0.03); } .data-table tbody tr:hover { background: rgba(99,102,241,0.08); } .data-table td { padding: 10px 14px; color: var(--text-secondary); white-space: nowrap; max-width: 250px; overflow: hidden; text-overflow: ellipsis; } .data-table td.num { text-align: right; font-variant-numeric: tabular-nums; font-weight: 500; } .data-table td.highlight { color: var(--text-primary); font-weight: 600; } /* %%% BADGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 0.72rem; font-weight: 600; white-space: nowrap; } .badge-danger { background: var(--danger-bg); color: var(--danger); } .badge-warning { background: var(--warning-bg); color: var(--warning); } .badge-success { background: var(--success-bg); color: var(--success); } .badge-info { background: rgba(6,182,212,0.12); color: var(--accent-cyan); } .badge-primary { background: rgba(99,102,241,0.12); color: var(--primary-light); } /* %%% STAGE CARDS (Backlog) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .stage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin-bottom: 28px; } .stage-card { background: var(--bg-card); backdrop-filter: var(--blur); border: 1px solid var(--border-card); border-radius: var(--radius-sm); padding: 18px 16px; text-align: center; transition: var(--transition); } .stage-card:hover { border-color: var(--primary); transform: translateY(-2px); } .stage-card .stage-count { font-size: 1.8rem; font-weight: 800; color: var(--primary-light); } .stage-card .stage-label { font-size: 0.72rem; color: var(--text-muted); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.04em; } /* %%% SCORE BAR %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .score-bar { width: 80px; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 8px; } .score-bar-fill { height: 100%; border-radius: 3px; transition: width 0.8s ease; } /* %%% RANK BADGE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .rank { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; font-size: 0.75rem; font-weight: 700; background: rgba(99,102,241,0.1); color: var(--primary-light); } .rank.top3 { background: linear-gradient(135deg, var(--primary), var(--accent-cyan)); color: #fff; } /* %%% RESPONSIVE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1024px) { .sidebar { width: 72px; } .sidebar-brand h1, .sidebar-brand span, .nav-label, .sidebar-footer { display: none; } .sidebar-brand { padding: 20px 12px; } .nav-item { justify-content: center; padding: 12px; } .nav-icon { margin: 0; } .main { margin-left: 72px; padding: 24px 20px; } .chart-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .kpi-grid { grid-template-columns: repeat(2, 1fr); } .main { padding: 16px 12px; } } /* %%% ANIMATIONS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .stagger > * { opacity: 0; animation: fadeInUp 0.5s ease forwards; } .stagger > *:nth-child(1) { animation-delay: 0.05s; } .stagger > *:nth-child(2) { animation-delay: 0.10s; } .stagger > *:nth-child(3) { animation-delay: 0.15s; } .stagger > *:nth-child(4) { animation-delay: 0.20s; } .stagger > *:nth-child(5) { animation-delay: 0.25s; } .stagger > *:nth-child(6) { animation-delay: 0.30s; } .stagger > *:nth-child(7) { animation-delay: 0.35s; } .stagger > *:nth-child(8) { animation-delay: 0.40s; } /* Empty state */ .empty-state { text-align: center; padding: 60px 20px; color: var(--text-muted); } .empty-state .empty-icon { font-size: 3rem; margin-bottom: 16px; } /* Section divider */ .section-divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-card), transparent); margin: 32px 0; } </style> </head> <body> <!-- P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% SIDEBAR NAVIGATION P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% --> <nav class="sidebar"> <div class="sidebar-brand"> <h1>=ØÊÜ Procurement<br>Analytics</h1> <span>Dashboard Ejecutivo</span> </div> <div class="sidebar-nav"> <a class="nav-item active" data-section="resumen" onclick="showSection('resumen')"> <span class="nav-icon"><Øàß</span> <span class="nav-label">Resumen Ejecutivo</span> </a> <a class="nav-item" data-section="tiempos" onclick="showSection('tiempos')"> <span class="nav-icon">ñ#þ</span> <span class="nav-label">Análisis de Tiempos</span> </a> <a class="nav-item" data-section="backlog" onclick="showSection('backlog')"> <span class="nav-icon">=ØËÜ</span> <span class="nav-label">Backlog Operativo</span> </a> <a class="nav-item" data-section="proveedores" onclick="showSection('proveedores')"> <span class="nav-icon"><Øâß</span> <span class="nav-label">Scorecard Proveedores</span> </a> <a class="nav-item" data-section="alertas" onclick="showSection('alertas')"> <span class="nav-icon">=بÞ</span> <span class="nav-label">Alertas y Anomalías</span> </a> <a class="nav-item" data-section="tendencias" onclick="showSection('tendencias')"> <span class="nav-icon">=ØÈÜ</span> <span class="nav-label">Tendencias</span> </a> <a class="nav-item" data-section="flujo" onclick="showSection('flujo')"> <span class="nav-icon"><Ø*ßþ</span> <span class="nav-label">Flujo y Embudos</span> </a> <a class="nav-item" data-section="compradores" onclick="showSection('compradores')"> <span class="nav-icon">=ØdÜ</span> <span class="nav-label">Compradores</span> </a> <a class="nav-item" data-section="reportes" onclick="showSection('reportes')"> <span class="nav-icon">=ØÄÜ</span> <span class="nav-label">Informes y Reportes</span> </a> </div> <div class="sidebar-footer" style="display:flex; justify-content:space-between; align-items:center;"> <span style="font-size: 0.8rem; color: var(--text-muted);">Actualizado: 10/06/2026</span> <a href="../logout.php" style="color: #ef4444; text-decoration: none; font-size: 0.8rem; font-weight: 500;">Salir =تÞ</a> </div> </nav> <!-- P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% MAIN CONTENT AREA P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% --> <div class="main"> <!-- GLOBAL HEADER & DATE FILTERS --> <div class="global-header" style="display:flex; justify-content:space-between; align-items:center; margin-bottom:32px;"> <div> <h2 id="global-section-title" style="font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; background: linear-gradient(135deg, #fff, #94a3b8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Resumen Ejecutivo</h2> <p id="global-section-desc" style="color: #64748b; font-size: 0.88rem; margin-top: 4px;">Visión general de KPIs principales de compras y abastecimiento</p> </div> <div class="date-filters" style="background:rgba(20,20,50,0.8); backdrop-filter:blur(20px); padding:12px 20px; border-radius:12px; border:1px solid rgba(100,100,255,0.15); display:flex; gap:12px; align-items:center;"> <form method="GET" action="" style="display:flex; gap:12px; align-items:center; margin:0;"> <div style="display:flex; flex-direction:column;"> <label style="font-size:0.7rem; color:#94a3b8; margin-bottom:4px; font-weight:600;">Fecha Desde:</label> <input type="date" name="inicio" value="2026-06-01" style="background:rgba(0,0,0,0.4); border:1px solid rgba(100,100,255,0.2); color:#e2e8f0; padding:8px 12px; border-radius:8px; font-family:'Inter'; font-size:0.85rem; outline:none;"> </div> <div style="display:flex; flex-direction:column;"> <label style="font-size:0.7rem; color:#94a3b8; margin-bottom:4px; font-weight:600;">Fecha Hasta:</label> <input type="date" name="fin" value="2026-06-10" style="background:rgba(0,0,0,0.4); border:1px solid rgba(100,100,255,0.2); color:#e2e8f0; padding:8px 12px; border-radius:8px; font-family:'Inter'; font-size:0.85rem; outline:none;"> </div> <button type="submit" style="margin-top:16px; background:linear-gradient(135deg, #6366f1, #4f46e5); border:none; color:white; padding:9px 18px; border-radius:8px; font-weight:700; cursor:pointer; font-size:0.85rem; box-shadow:0 4px 12px rgba(99,102,241,0.3); transition:all 0.2s;">Filtrar</button> <a href="index.php" style="margin-top:16px; color:#ef4444; background:rgba(239,68,68,0.1); padding:9px 14px; border-radius:8px; text-decoration:none; font-size:0.85rem; font-weight:600; margin-left:4px; border:1px solid rgba(239,68,68,0.2);">X Limpiar</a> </form> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 1: RESUMEN EJECUTIVO % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <div id="sec-resumen" class="section active"> <div class="kpi-grid stagger"> <!-- Lead Time --> <div class="card kpi-card"> <div class="kpi-icon" style="background:#10b98120;">ñ#þ</div> <div class="kpi-value" style="color:#10b981"> 6.0 </div> <div class="kpi-label">Lead Time Promedio (días)</div> <div class="kpi-sub"> <span class="traffic-dot" style="background:#10b981;color:#10b981"></span> à = 1.6 días </div> </div> <!-- On-Time Rate --> <div class="card kpi-card"> <div class="kpi-icon" style="background:#10b98120;">'</div> <div class="kpi-value" style="color:#10b981"> 100.0% </div> <div class="kpi-label">Tasa On-Time (d"15 días)</div> <div class="kpi-sub"> <span class="traffic-dot" style="background:#10b981;color:#10b981"></span> 107 de 107 </div> </div> <!-- Backlog --> <div class="card kpi-card"> <div class="kpi-icon" style="background:#ef444420;">=ØæÜ</div> <div class="kpi-value" style="color:#ef4444"> 156 </div> <div class="kpi-label">Backlog Pendiente</div> <div class="kpi-sub"> <span class="traffic-dot" style="background:#ef4444;color:#ef4444"></span> Órdenes sin recepción </div> </div> <!-- Fill Rate --> <div class="card kpi-card"> <div class="kpi-icon" style="background:#10b98120;">=ØÊÜ</div> <div class="kpi-value" style="color:#10b981"> 99.7% </div> <div class="kpi-label">Fill Rate</div> <div class="kpi-sub"> <span class="traffic-dot" style="background:#10b981;color:#10b981"></span> Cantidad OC e" Solicitada </div> </div> <!-- Rejection Rate --> <div class="card kpi-card"> <div class="kpi-icon" style="background:#10b98120;">L'</div> <div class="kpi-value" style="color:#10b981"> 0.0% </div> <div class="kpi-label">Tasa Rechazo OC</div> <div class="kpi-sub"> <span class="traffic-dot" style="background:#10b981;color:#10b981"></span> Canceladas + Rechazadas </div> </div> <!-- Total Spend --> <div class="card kpi-card"> <div class="kpi-icon" style="background:var(--primary-glow);">=Ø°Ü</div> <div class="kpi-value" style="color:var(--accent-cyan);"> $14,752,720.73 </div> <div class="kpi-label">Gasto Total MXN</div> <div class="kpi-sub"> <span class="traffic-dot" style="background:var(--accent-cyan);color:var(--accent-cyan)"></span> Monto total colocado </div> </div> </div> <div class="chart-grid"> <!-- Doughnut: Backlog by stage --> <div class="card chart-card"> <h3><Øiß Distribución Backlog por Etapa <span class="chart-badge">156 total</span></h3> <div class="chart-container"> <canvas id="chartBacklogDoughnut"></canvas> </div> </div> <!-- Bar: Spend by subsidiary --> <div class="card chart-card"> <h3><ØÛßþ Gasto por Subsidiaria <span class="chart-badge">Top 10</span></h3> <div class="chart-container"> <canvas id="chartSpendSub"></canvas> </div> </div> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 2: ANÁLISIS DE TIEMPOS % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <div id="sec-tiempos" class="section"> <div class="chart-grid"> <div class="card chart-card"> <h3>=ØÊÜ Horas Promedio por Etapa <span class="chart-badge">Waterfall</span></h3> <div class="chart-container" style="max-height:420px;"> <canvas id="chartStageBar"></canvas> </div> </div> <div class="card chart-card"> <h3>=ØÉÜ Distribución Lead Time <span class="chart-badge">Histograma</span></h3> <div class="chart-container"> <canvas id="chartLTHist"></canvas> </div> </div> </div> <div class="card" style="margin-bottom:32px;"> <h3 style="font-size:1rem;font-weight:700;margin-bottom:16px;">=ØËÜ Detalle por Etapa</h3> <div class="table-wrap"> <table class="data-table"> <thead> <tr> <th>Etapa</th> <th>Promedio (hrs)</th> <th>Mínimo (hrs)</th> <th>Máximo (hrs)</th> <th>Observaciones</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 3: BACKLOG OPERATIVO % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <div id="sec-backlog" class="section"> <div class="stage-grid stagger"> <div class="stage-card"> <div class="stage-count">146</div> <div class="stage-label">Autorizada</div> </div> <div class="stage-card"> <div class="stage-count">10</div> <div class="stage-label">Por Autorizar</div> </div> </div> <div class="chart-grid"> <!-- Aging Analysis Table --> <div class="card"> <h3 style="font-size:1rem;font-weight:700;margin-bottom:16px;">=ØÅÜ Análisis de Antigüedad</h3> <div class="table-wrap"> <table class="data-table"> <thead> <tr> <th>Rango</th> <th>Cantidad</th> <th>Monto Total</th> <th>Distribución</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <!-- Aging bar chart --> <div class="card chart-card"> <h3>=ØÊÜ Distribución por Antigüedad <span class="chart-badge">Días</span></h3> <div class="chart-container"> <canvas id="chartAgingBar"></canvas> </div> </div> </div> <div class="card"> <h3 style="font-size:1rem;font-weight:700;margin-bottom:16px;">=Ø4Ý Top 10 Órdenes Más Antiguas</h3> <div class="table-wrap"> <table class="data-table"> <thead> <tr> <th>Folio OC</th> <th>Requisición</th> <th>Proveedor</th> <th>Artículo</th> <th>Estatus</th> <th>Fecha Creación</th> <th>Días</th> <th>Monto</th> </tr> </thead> <tbody> <tr> <td class="highlight">OC-162801-95150</td> <td>106158</td> <td>Refaccionaria Carrillo SA de CV</td> <td title="Gastos Ferreteria.">Gastos Ferreteria.</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$172.42</td> </tr> <tr> <td class="highlight">OC-162759-95124</td> <td>106170</td> <td>Barcenas Lugo Jose Refugio</td> <td title="Servicio de Renta de Maquinaria y Equipo">Servicio de Renta de Maquinaria y Equipo</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$11,000.00</td> </tr> <tr> <td class="highlight">OC-162664-95075</td> <td>106180</td> <td>Institucionales y Servicios Integrales SA de CV</td> <td title="Cono encerado 25/200">Cono encerado 25/200</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$13,250.00</td> </tr> <tr> <td class="highlight">OC-162811-95152</td> <td>106181</td> <td>Regional De La Construccion SA de CV</td> <td title="Cinta Transparente 2 pulgadas X 50 Mts">Cinta Transparente 2 pulgadas X 50 Mts</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$94.80</td> </tr> <tr> <td class="highlight">OC-162621-95058</td> <td>106181</td> <td>Sacale Jugo a tu Marca S de RL de CV</td> <td title="Etiqueta Virusafe autoadherible 7cm x 11cm">Etiqueta Virusafe autoadherible 7cm x 11</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$100.00</td> </tr> <tr> <td class="highlight">OC-162619-95056</td> <td>106181</td> <td>Lopez Servin Rosa Maria</td> <td title="Etiqueta Lesa No 6">Etiqueta Lesa No 6</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$297.70</td> </tr> <tr> <td class="highlight">OC-162619-95056</td> <td>106181</td> <td>Lopez Servin Rosa Maria</td> <td title="Etiqueta Lesa No 6 Color Naranja 38 x 13 mm">Etiqueta Lesa No 6 Color Naranja 38 x 13</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$595.40</td> </tr> <tr> <td class="highlight">OC-162619-95056</td> <td>106181</td> <td>Lopez Servin Rosa Maria</td> <td title="Etiqueta Lesa No 6 Color Amarilla 38 x 13 mm">Etiqueta Lesa No 6 Color Amarilla 38 x 1</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$595.40</td> </tr> <tr> <td class="highlight">OC-162619-95056</td> <td>106181</td> <td>Lopez Servin Rosa Maria</td> <td title="Etiqueta Lesa No 6 Color Verde 38 x 13 mm">Etiqueta Lesa No 6 Color Verde 38 x 13 m</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$595.40</td> </tr> <tr> <td class="highlight">OC-162609-95046</td> <td>106184</td> <td>Distribuidora Medica Red Panda SA de CV</td> <td title="Guante de Nitrilo Ambiderm texturizado sin polvo Talla G">Guante de Nitrilo Ambiderm texturizado s</td> <td><span class="badge badge-warning">Autorizada</span></td> <td>01/06/2026</td> <td class="num" style="color:var(--danger);font-weight:700;">9</td> <td class="num">$498.00</td> </tr> </tbody> </table> </div> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 4: SCORECARD PROVEEDORES % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <div id="sec-proveedores" class="section"> <div class="card"> <div class="table-wrap" style="max-height:75vh;overflow-y:auto;"> <table class="data-table"> <thead> <tr> <th>#</th> <th>Proveedor</th> <th>Total Entregas</th> <th>Avg Días</th> <th>StdDev</th> <th>Min</th> <th>Max</th> <th>Score Riesgo</th> <th>Riesgo</th> <th>Monto MXN</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 5: ALERTAS Y ANOMALÍAS % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <div id="sec-alertas" class="section"> <div class="kpi-grid stagger" style="grid-template-columns: repeat(3, 1fr); margin-bottom: 28px;"> <div class="card kpi-card"> <div class="kpi-icon" style="background:var(--danger-bg);">=Ø4Ý</div> <div class="kpi-value" style="color:var(--danger);">0</div> <div class="kpi-label">Anomalías (&gt;2Ã)</div> </div> <div class="card kpi-card"> <div class="kpi-icon" style="background:var(--warning-bg);">=Øáß</div> <div class="kpi-value" style="color:var(--warning);">0</div> <div class="kpi-label">Alertas (&gt;1Ã)</div> </div> <div class="card kpi-card"> <div class="kpi-icon" style="background:rgba(249,115,22,0.12);">=Øàß</div> <div class="kpi-value" style="color:#f97316;">0</div> <div class="kpi-label">Riesgo (&gt;promedio)</div> </div> </div> <div class="card"> <div class="table-wrap" style="max-height:65vh;overflow-y:auto;"> <table class="data-table"> <thead> <tr> <th>Nivel</th> <th>Folio OC</th> <th>Proveedor</th> <th>Artículo</th> <th>Días</th> <th>Prom. Hist.</th> <th>Umbral 1Ã</th> <th>Umbral 2Ã</th> <th>Monto</th> </tr> </thead> <tbody> <tr><td colspan="9" class="empty-state"><div class="empty-icon">'</div>No hay alertas activas  todos los tiempos dentro de parámetros normales</td></tr> </tbody> </table> </div> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 6: TENDENCIAS % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <div id="sec-tendencias" class="section"> <div class="chart-grid"> <div class="card chart-card"> <h3>=ØÈÜ Lead Time Semanal <span class="chart-badge">Media Móvil 4 sem</span></h3> <div class="chart-container"> <canvas id="chartTrendLT"></canvas> </div> </div> <div class="card chart-card"> <h3>=ØæÜ Volumen Semanal de Órdenes <span class="chart-badge">Últimos 6 meses</span></h3> <div class="chart-container"> <canvas id="chartTrendVol"></canvas> </div> </div> </div> <div class="card"> <h3 style="font-size:1rem;font-weight:700;margin-bottom:16px;">=ØËÜ Estadísticas Semanales</h3> <div class="table-wrap" style="max-height:50vh;overflow-y:auto;"> <table class="data-table"> <thead> <tr> <th>Semana</th> <th>Inicio</th> <th>Lead Time Avg (días)</th> <th>Volumen</th> </tr> </thead> <tbody> <tr> <td class="highlight">202623</td> <td>01/06/2026</td> <td class="num">6.0</td> <td class="num">107</td> </tr> </tbody> </table> </div> </div> </div> <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% % SECTION 7: COMPRADORES % %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% --> <!-- P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% SECCIÓN: FLUJO Y CUELLOS DE BOTELLA P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% --> <div id="sec-flujo" class="section"> <h2 class="section-title">Análisis de Flujo y Cuellos de Botella</h2> <!-- Tarjetas de Backlog Vivo (Alertas) --> <div class="kpi-grid stagger" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin-bottom: 24px;"> <div class="kpi-card" style="border-left: 4px solid #ef4444;"> <div class="kpi-title" style="color: #ef4444;">=Ø4Ý Req. Pendientes Autorizar</div> <div class="kpi-value">13</div> <div class="kpi-trend">Requisiciones creadas sin aprobación</div> </div> <div class="kpi-card" style="border-left: 4px solid #f59e0b;"> <div class="kpi-title" style="color: #f59e0b;">=Øàß Req. Esperando Cotización</div> <div class="kpi-value">90</div> <div class="kpi-trend">Aprobadas pero sin trabajo de Compras</div> </div> <div class="kpi-card" style="border-left: 4px solid #3b82f6;"> <div class="kpi-title" style="color: #3b82f6;">=Ø5Ý OC en Tránsito (Almacén)</div> <div class="kpi-value">146</div> <div class="kpi-trend">Pendientes de ser recibidas por Almacén</div> </div> </div> <div class="dashboard-grid stagger" style="grid-template-columns: 1fr 1fr;"> <!-- Chart: Funnel --> <div class="chart-card"> <div class="chart-header"> <h3 class="chart-title">Embudo de Conversión del Proceso</h3> <span style="font-size: 0.8rem; color: var(--text-muted);">Sobrevivencia End-to-End</span> </div> <div class="chart-container" style="height: 350px;"> <canvas id="funnelChart"></canvas> </div> </div> <!-- Chart: Cycle Times Waterfall --> <div class="chart-card"> <div class="chart-header"> <h3 class="chart-title">Tiempos de Fricción (Días)</h3> <span style="font-size: 0.8rem; color: var(--text-muted);">¿Dónde se pierde más tiempo?</span> </div> <div class="chart-container" style="height: 350px;"> <canvas id="cycleChart"></canvas> </div> </div> </div> </div> <div id="sec-compradores" class="section"> <div class="chart-grid-single"> <div class="card chart-card"> <h3>=ØdÜ Líneas por Comprador <span class="chart-badge">Carga de trabajo</span></h3> <div class="chart-container" style="max-height:420px;"> <canvas id="chartBuyerBar"></canvas> </div> </div> </div> <div class="card"> <h3 style="font-size:1rem;font-weight:700;margin-bottom:16px;">=ØËÜ Detalle por Comprador</h3> <div class="table-wrap" style="max-height:65vh;overflow-y:auto;"> <table class="data-table"> <thead> <tr> <th>Comprador</th> <th>Total Líneas</th> <th>OC Distintas</th> <th>Pendientes</th> <th>% Pendiente</th> <th>Avg Lead Time (días)</th> <th>Monto Total</th> </tr> </thead> <tbody> <tr> <td class="highlight" title="GRISELDA MARTINEZ GOMEZ">GRISELDA MARTINEZ GOMEZ</td> <td class="num">87</td> <td class="num">22</td> <td class="num">30</td> <td class="num" style="color:var(--warning);font-weight:600;">34.5%</td> <td class="num">6.7</td> <td class="num">$813,351.51</td> </tr> <tr> <td class="highlight" title="Sofia Botello">Sofia Botello</td> <td class="num">77</td> <td class="num">52</td> <td class="num">43</td> <td class="num" style="color:var(--danger);font-weight:600;">55.8%</td> <td class="num">4.6</td> <td class="num">$3,799,977.79</td> </tr> <tr> <td class="highlight" title="RAFAEL AVILA">RAFAEL AVILA</td> <td class="num">72</td> <td class="num">39</td> <td class="num">60</td> <td class="num" style="color:var(--danger);font-weight:600;">83.3%</td> <td class="num">6.3</td> <td class="num">$361,509.38</td> </tr> <tr> <td class="highlight" title="LUIS ENRIQUE SOLORIO">LUIS ENRIQUE SOLORIO</td> <td class="num">18</td> <td class="num">14</td> <td class="num">14</td> <td class="num" style="color:var(--danger);font-weight:600;">77.8%</td> <td class="num">6.0</td> <td class="num">$1,350,724.43</td> </tr> <tr> <td class="highlight" title="GRISELDA CARVAJAL">GRISELDA CARVAJAL</td> <td class="num">7</td> <td class="num">7</td> <td class="num">7</td> <td class="num" style="color:var(--danger);font-weight:600;">100.0%</td> <td class="num"> </td> <td class="num">$8,380,782.62</td> </tr> <tr> <td class="highlight" title="CESAR EFRAIN MONTOYA">CESAR EFRAIN MONTOYA</td> <td class="num">2</td> <td class="num">2</td> <td class="num">2</td> <td class="num" style="color:var(--danger);font-weight:600;">100.0%</td> <td class="num"> </td> <td class="num">$46,375.00</td> </tr> </tbody> </table> </div> </div> <!-- P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% SECTION: REPORTES Y AUDITORÍA P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% --> <div id="sec-reportes" class="section"> <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;"> <h2 class="section-title" style="margin-bottom:0;">Auditoría de Datos y Reportes</h2> <a href="exportar.php" target="_blank" class="btn" style="background:var(--primary); color:white; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600; display:inline-flex; align-items:center; gap:8px;"> <span>+þ</span> Descargar Reporte (CSV) </a> </div> <div class="card" style="padding: 0;"> <div class="table-wrap" style="max-height: 70vh; overflow-y: auto;"> <table class="data-table" style="font-size: 0.85rem;"> <thead style="position: sticky; top: 0; background: var(--bg-card); z-index: 10;"> <tr> <th>Folio Req.</th> <th>Folio OC</th> <th>Proveedor</th> <th>Comprador</th> <th>Est. Req</th> <th>Est. Cot</th> <th>Est. OC</th> <th>Req-Auth (d)</th> <th>Auth-Cot (d)</th> <th>Cot-OC (d)</th> <th>OC-Rec (d)</th> <th>Monto Total</th> </tr> </thead> <tbody> <tr> <td style="font-family:monospace; color:var(--primary);">106646</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">7.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106632</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106632</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106631</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106630</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106628</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106628</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106628</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106628</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106628</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106626</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106626</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106626</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106626</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106626</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106624</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106624</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >1.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106624</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106624</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >1.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106624</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106624</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >1.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106589</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106623</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106623</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106623</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106622</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106622</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106621</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106621</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106621</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106621</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106620</td> <td style="font-family:monospace; color:var(--primary);">OC-163095-95313</td> <td title="Diosol Chemical SA de CV">Diosol Chemical SA d</td> <td title="Sofia Botello">Sofia Botello</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Por Autorizar Direcc.</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Por Autorizar</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$139,018.11</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106615</td> <td style="font-family:monospace; color:var(--primary);">OC-163099-95312</td> <td title="Onate Montejano Christopher Gustavo">Onate Montejano Chri</td> <td title="Sofia Botello">Sofia Botello</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Por Autorizar Direcc.</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Por Autorizar</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$16,000.00</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106613</td> <td style="font-family:monospace; color:var(--primary);">OC-163116-95323</td> <td title="Propasaa Internacional SA de CV">Propasaa Internacion</td> <td title="RAFAEL AVILA">RAFAEL AVILA</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Por Autorizar Direcc.</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Por Autorizar</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$6,473.60</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106612</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106611</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106611</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106607</td> <td style="font-family:monospace; color:var(--primary);">OC-163039-95293</td> <td title="Koppert Mexico SA de CV">Koppert Mexico SA de</td> <td title="Sofia Botello">Sofia Botello</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada Direccion</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$57,456.00</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106603</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">6.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106599</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106598</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106597</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106596</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106595</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106594</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106594</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106591</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106591</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106591</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106591</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106453</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106565</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106573</td> <td style="font-family:monospace; color:var(--primary);">OC-163007-95275</td> <td title="Koppert Mexico SA de CV">Koppert Mexico SA de</td> <td title="LUIS ENRIQUE SOLORIO">LUIS ENRIQUE SO</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada Direccion</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$27,081.45</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">10.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" >2.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106531</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Activa</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" style="color:#ef4444;font-weight:bold;">8.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106048</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106048</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106048</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106563</td> <td style="font-family:monospace; color:var(--primary);">OC-162977-95258</td> <td title="Koppert Mexico SA de CV">Koppert Mexico SA de</td> <td title="Sofia Botello">Sofia Botello</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada Direccion</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$23,109.50</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106561</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >1.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106555</td> <td style="font-family:monospace; color:var(--primary);">OC-162993-95269</td> <td title="Rodriguez Zuniga Ricardo Etmanuel">Rodriguez Zuniga Ric</td> <td title="RAFAEL AVILA">RAFAEL AVILA</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada Direccion</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$15,600.00</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106555</td> <td style="font-family:monospace; color:var(--primary);">OC-162993-95269</td> <td title="Rodriguez Zuniga Ricardo Etmanuel">Rodriguez Zuniga Ric</td> <td title="RAFAEL AVILA">RAFAEL AVILA</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada Direccion</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$36,000.00</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106555</td> <td style="font-family:monospace; color:var(--primary);">OC-162993-95269</td> <td title="Rodriguez Zuniga Ricardo Etmanuel">Rodriguez Zuniga Ric</td> <td title="RAFAEL AVILA">RAFAEL AVILA</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada Direccion</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Finalizada</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Autorizada</span></td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num">$96,714.80</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106552</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">Draft</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> <tr> <td style="font-family:monospace; color:var(--primary);">106542</td> <td style="font-family:monospace; color:var(--primary);">-</td> <td title="">-</td> <td title="">-</td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">En Compras</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td><span class="chart-badge" style="background:rgba(255,255,255,0.1);">-</span></td> <td class="num" >0.0</td> <td class="num" > </td> <td class="num" > </td> <td class="num" > </td> <td class="num">$0</td> </tr> </tbody> </table> </div> <div style="padding:12px 20px; font-size:0.8rem; color:var(--text-muted); border-top:1px solid var(--border-card);"> Mostrando los últimos 200 registros. Usa el botón de exportar para descargar la base completa filtrada. </div> </div> </div> </div> </div><!-- /.main --> <!-- P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% JAVASCRIPT  Charts & Navigation P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P% --> <script> // %%% Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% function showSection(id) { document.querySelectorAll('.section').forEach(s => s.classList.remove('active')); document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active')); document.getElementById('sec-' + id).classList.add('active'); document.querySelector('[data-section="' + id + '"]').classList.add('active'); // Re-trigger animations const sec = document.getElementById('sec-' + id); sec.style.animation = 'none'; sec.offsetHeight; sec.style.animation = null; // Lazy init charts if (typeof window['initChart_' + id] === 'function' && !window['chartInit_' + id]) { window['initChart_' + id](); window['chartInit_' + id] = true; } } // %%% Chart.js Defaults %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Chart.defaults.color = '#94a3b8'; Chart.defaults.borderColor = 'rgba(100,100,255,0.08)'; Chart.defaults.font.family = "'Inter', sans-serif"; Chart.defaults.font.size = 12; Chart.defaults.plugins.legend.labels.usePointStyle = true; Chart.defaults.plugins.legend.labels.padding = 16; Chart.defaults.plugins.tooltip.backgroundColor = 'rgba(15,15,42,0.95)'; Chart.defaults.plugins.tooltip.borderColor = 'rgba(99,102,241,0.3)'; Chart.defaults.plugins.tooltip.borderWidth = 1; Chart.defaults.plugins.tooltip.cornerRadius = 10; Chart.defaults.plugins.tooltip.padding = 12; Chart.defaults.plugins.tooltip.titleFont = { weight: '600', size: 13 }; const PALETTE = ['#6366f1','#06b6d4','#8b5cf6','#10b981','#f59e0b','#ef4444','#ec4899','#14b8a6','#f97316','#84cc16']; const PALETTE_ALPHA = PALETTE.map(c => c + '33'); // %%% Resumen Charts (init immediately) %%%%%%%%%%%%%%%%%%%%%%%%%%%%% (function initResumen() { // Backlog Doughnut const bLabels = ["En tr\u00e1nsito","Recepci\u00f3n Almac\u00e9n"]; const bData = [146,10]; new Chart(document.getElementById('chartBacklogDoughnut'), { type: 'doughnut', data: { labels: bLabels, datasets: [{ data: bData, backgroundColor: PALETTE.slice(0, bLabels.length), borderColor: 'rgba(10,10,26,0.8)', borderWidth: 3, hoverOffset: 8 }] }, options: { responsive: true, maintainAspectRatio: true, cutout: '65%', plugins: { legend: { position: 'bottom', labels: { padding: 14, font: { size: 11 } } } } } }); // Spend by Subsidiary const sLabels = ["Agricola el Rosal S.A. de C.V.","San Miguel Red Sun Farms S.P.R de R.L. de C.V.","Biotecnologia Comercial SA de CV","Berrysal SPR de RL de CV"]; const sData = [7408704.78,5761200.97,1098463.89,484351.09]; new Chart(document.getElementById('chartSpendSub'), { type: 'bar', data: { labels: sLabels, datasets: [{ label: 'Monto MXN', data: sData, backgroundColor: 'rgba(99,102,241,0.6)', borderColor: '#6366f1', borderWidth: 1, borderRadius: 6, borderSkipped: false }] }, options: { responsive: true, maintainAspectRatio: true, indexAxis: 'y', plugins: { legend: { display: false }, tooltip: { callbacks: { label: ctx => '$' + ctx.raw.toLocaleString('es-MX', {minimumFractionDigits: 2}) } } }, scales: { x: { ticks: { callback: v => '$' + (v/1000000).toFixed(1) + 'M', font: { size: 11 } }, grid: { color: 'rgba(100,100,255,0.05)' } }, y: { ticks: { font: { size: 11 } }, grid: { display: false } } } } }); })(); // %%% Flujo y Cuellos de Botella Charts %%%%%%%%%%%%%%%%%%%%%%%%% window.initChart_flujo = function() { const fData = {"creadas":607,"autorizadas":"607","cotizadas":"311","oc_autorizadas":"263","recibidas":"107"}; const ctxFunnel = document.getElementById('funnelChart').getContext('2d'); new Chart(ctxFunnel, { type: 'bar', data: { labels: ['Creadas', 'Autorizadas', 'Cotizadas', 'OC Autorizada', 'Recibidas'], datasets: [{ label: 'Volumen', data: [fData.creadas || 0, fData.autorizadas || 0, fData.cotizadas || 0, fData.oc_autorizadas || 0, fData.recibidas || 0], backgroundColor: [ 'rgba(99, 102, 241, 0.8)', 'rgba(14, 165, 233, 0.8)', 'rgba(16, 185, 129, 0.8)', 'rgba(245, 158, 11, 0.8)', 'rgba(239, 68, 68, 0.8)' ], borderRadius: 6 }] }, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { x: { grid: { color: 'rgba(255,255,255,0.05)' } }, y: { grid: { display: false } } } } }); const cData = {"t1":"0.2","t2":"2.7","t3":"0.6","t4":"3.1","total":"6.0"}; const ctxCycle = document.getElementById('cycleChart').getContext('2d'); new Chart(ctxCycle, { type: 'bar', data: { labels: ['T1: Req->Auth', 'T2: Auth->Cot', 'T3: Cot->OC', 'T4: OC->Recepción'], datasets: [{ label: 'Días Promedio', data: [cData.t1 || 0, cData.t2 || 0, cData.t3 || 0, cData.t4 || 0], backgroundColor: 'rgba(239, 68, 68, 0.8)', borderRadius: 6 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { grid: { color: 'rgba(255,255,255,0.05)' }, title: {display: true, text: 'Días Promedio', color: '#94a3b8'} }, x: { grid: { display: false } } } } }); }; // %%% Tiempos Charts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% window.initChart_tiempos = function() { // Stage Bar (horizontal waterfall) const stLabels = []; const stData = []; new Chart(document.getElementById('chartStageBar'), { type: 'bar', data: { labels: stLabels, datasets: [{ label: 'Horas promedio', data: stData, backgroundColor: PALETTE.slice(0, stLabels.length).map(c => c + '99'), borderColor: PALETTE.slice(0, stLabels.length), borderWidth: 1.5, borderRadius: 6, borderSkipped: false }] }, options: { responsive: true, maintainAspectRatio: true, indexAxis: 'y', plugins: { legend: { display: false }, tooltip: { callbacks: { label: ctx => ctx.raw.toFixed(1) + ' horas' } } }, scales: { x: { title: { display: true, text: 'Horas', font: { size: 11, weight: '600' } }, grid: { color: 'rgba(100,100,255,0.05)' } }, y: { ticks: { font: { size: 10 } }, grid: { display: false } } } } }); // Lead Time Histogram const ltLabels = []; const ltData = []; new Chart(document.getElementById('chartLTHist'), { type: 'bar', data: { labels: ltLabels, datasets: [{ label: 'Órdenes', data: ltData, backgroundColor: ltLabels.map((_, i) => { const colors = ['#10b981','#10b981','#f59e0b','#f97316','#ef4444','#ef4444','#dc2626']; return (colors[i] || '#6366f1') + '99'; }), borderColor: ltLabels.map((_, i) => { const colors = ['#10b981','#10b981','#f59e0b','#f97316','#ef4444','#ef4444','#dc2626']; return colors[i] || '#6366f1'; }), borderWidth: 1.5, borderRadius: 6, borderSkipped: false }] }, options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { display: false } }, scales: { x: { title: { display: true, text: 'Días', font: { size: 11, weight: '600' } }, grid: { display: false } }, y: { title: { display: true, text: 'Cantidad', font: { size: 11, weight: '600' } }, grid: { color: 'rgba(100,100,255,0.05)' } } } } }); }; // %%% Backlog Charts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% window.initChart_backlog = function() { const agLabels = []; const agData = []; const agColors = ['#10b981','#f59e0b','#f97316','#ef4444']; new Chart(document.getElementById('chartAgingBar'), { type: 'bar', data: { labels: agLabels, datasets: [{ label: 'Órdenes', data: agData, backgroundColor: agColors.slice(0, agLabels.length).map(c => c + '99'), borderColor: agColors.slice(0, agLabels.length), borderWidth: 1.5, borderRadius: 8, borderSkipped: false }] }, options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { display: false } }, scales: { x: { grid: { display: false } }, y: { grid: { color: 'rgba(100,100,255,0.05)' } } } } }); }; // %%% Tendencias Charts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% window.initChart_tendencias = function() { const tLabels = ["01\/06"]; const tLT = [6]; const tVol = [107]; // 4-week moving average const ma4 = tLT.map((v, i, arr) => { if (i < 3) return null; return parseFloat(((arr[i] + arr[i-1] + arr[i-2] + arr[i-3]) / 4).toFixed(1)); }); new Chart(document.getElementById('chartTrendLT'), { type: 'line', data: { labels: tLabels, datasets: [ { label: 'Lead Time (días)', data: tLT, borderColor: '#6366f1', backgroundColor: 'rgba(99,102,241,0.1)', fill: true, tension: 0.4, pointRadius: 3, pointHoverRadius: 6, pointBackgroundColor: '#6366f1', borderWidth: 2 }, { label: 'Media Móvil 4 sem', data: ma4, borderColor: '#f59e0b', borderDash: [6, 3], tension: 0.4, pointRadius: 0, borderWidth: 2, fill: false } ] }, options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { position: 'bottom' } }, scales: { x: { grid: { display: false }, ticks: { font: { size: 10 } } }, y: { grid: { color: 'rgba(100,100,255,0.05)' }, title: { display: true, text: 'Días' } } } } }); new Chart(document.getElementById('chartTrendVol'), { type: 'line', data: { labels: tLabels, datasets: [{ label: 'Volumen', data: tVol, borderColor: '#06b6d4', backgroundColor: 'rgba(6,182,212,0.1)', fill: true, tension: 0.4, pointRadius: 3, pointHoverRadius: 6, pointBackgroundColor: '#06b6d4', borderWidth: 2 }] }, options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { position: 'bottom' } }, scales: { x: { grid: { display: false }, ticks: { font: { size: 10 } } }, y: { grid: { color: 'rgba(100,100,255,0.05)' }, title: { display: true, text: 'Órdenes' } } } } }); }; // %%% Compradores Chart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% window.initChart_compradores = function() { const cLabels = ["GRISELDA MARTINEZ GOMEZ","Sofia Botello","RAFAEL AVILA","LUIS ENRIQUE SOLORIO","GRISELDA CARVAJAL","CESAR EFRAIN MONTOYA"]; const cData = [87,77,72,18,7,2]; const cPend = [30,43,60,14,7,2]; new Chart(document.getElementById('chartBuyerBar'), { type: 'bar', data: { labels: cLabels, datasets: [ { label: 'Total Líneas', data: cData, backgroundColor: 'rgba(99,102,241,0.6)', borderColor: '#6366f1', borderWidth: 1, borderRadius: 4, borderSkipped: false }, { label: 'Pendientes', data: cPend, backgroundColor: 'rgba(239,68,68,0.5)', borderColor: '#ef4444', borderWidth: 1, borderRadius: 4, borderSkipped: false } ] }, options: { responsive: true, maintainAspectRatio: true, indexAxis: 'y', plugins: { legend: { position: 'bottom' } }, scales: { x: { grid: { color: 'rgba(100,100,255,0.05)' }, stacked: false }, y: { ticks: { font: { size: 10 } }, grid: { display: false } } } } }); }; // %%% Initialize first section markers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% window.chartInit_resumen = true; </script> </body> </html>