Mine-Watch: Potenciando tu Planta Concentradora<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n \n\n \n\n \n\n \n\n <style>\n\n body { font-family: 'Inter', sans-serif; }\n\n .chart-container {\n\n position: relative;\n\n width: 100%;\n\n max-width: 800px;\n\n margin-left: auto;\n\n margin-right: auto;\n\n height: 300px;\n\n max-height: 400px;\n\n }\n\n @media (min-width: 768px) {\n\n .chart-container {\n\n height: 350px;\n\n }\n\n }\n\n .plant-diagram {\n\n border: 2px solid #e2e8f0;\n\n background-color: #f8fafc;\n\n overflow: hidden;\n\n }\n\n .node {\n\n width: 1rem;\n\n height: 1rem;\n\n border-radius: 9999px;\n\n position: absolute;\n\n background-color: #0ea5e9;\n\n box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.3);\n\n }\n\n .line {\n\n position: absolute;\n\n background-color: #94a3b8;\n\n height: 1px;\n\n }\n\n .loading-spinner {\n\n border: 4px solid rgba(0, 0, 0, 0.1);\n\n border-left-color: #3b82f6;\n\n border-radius: 50%;\n\n width: 24px;\n\n height: 24px;\n\n animation: spin 1s linear infinite;\n\n }\n\n @keyframes spin {\n\n 0% { transform: rotate(0deg); }\n\n 100% { transform: rotate(360deg); }\n\n }\n\n <\/style>\n\n<\/head>\n\n<body class=\"bg-slate-50 text-slate-700\">\n\n\n\n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n\n <nav class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n\n <h1 class=\"text-2xl font-bold text-slate-800\">Mine-Watch<\/h1>\n\n <ul class=\"hidden md:flex space-x-8\">\n\n <li><a href=\"#desafio\" class=\"hover:text-sky-600 transition-colors\">El Desaf\u00edo<\/a><\/li>\n\n <li><a href=\"#solucion\" class=\"hover:text-sky-600 transition-colors\">Nuestra Soluci\u00f3n<\/a><\/li>\n\n <li><a href=\"#beneficios\" class=\"hover:text-sky-600 transition-colors\">Beneficios<\/a><\/li>\n\n <li><a href=\"#contacto\" class=\"hover:text-sky-600 transition-colors\">Contacto<\/a><\/li>\n\n <\/ul>\n\n <\/nav>\n\n <\/header>\n\n\n\n <main>\n\n <section id=\"hero\" class=\"bg-white\">\n\n <div class=\"container mx-auto px-6 py-20 md:py-32 text-center\">\n\n <h2 class=\"text-4xl md:text-6xl font-extrabold text-slate-900 leading-tight\">Desbloquea el Potencial de tu Planta Concentradora<\/h2>\n\n <p class=\"mt-6 text-lg md:text-xl text-slate-600 max-w-3xl mx-auto\">Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.<\/p>\n\n <a href=\"#desafio\" class=\"mt-10 inline-block bg-sky-600 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-sky-700 transition-transform hover:scale-105\">Descubre C\u00f3mo<\/a>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"desafio\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">TU DESAF\u00cdO<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Conectividad como Barrera para la Optimizaci\u00f3n<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Sabemos que la dificultad para implementar una soluci\u00f3n de conectividad eficaz es un obst\u00e1culo real. Esta falta de visibilidad se traduce directamente en oportunidades perdidas y riesgos innecesarios.<\/p>\n\n <\/div>\n\n\n\n <div class=\"mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udc41\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Puntos Ciegos Operacionales<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Procesos y equipos cr\u00edticos permanecen sin monitoreo, impidiendo una visi\u00f3n completa de la operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udd04<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Decisiones Reactivas<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Sin datos continuos, las acciones son una respuesta a problemas ya ocurridos, no una prevenci\u00f3n proactiva.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udcc9<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Subutilizaci\u00f3n de Activos<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Es dif\u00edcil optimizar el rendimiento de los equipos sin saber c\u00f3mo operan en cada momento.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\u26a0\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Riesgos No Mitigados<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">La falta de visibilidad impacta la seguridad del personal y la integridad de los equipos.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"solucion\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">NUESTRA SOLUCI\u00d3N<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Soluci\u00f3n Integral que Tu Planta Necesita<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Nuestra propuesta aborda el problema de ra\u00edz con dos pilares: una conectividad inquebrantable que sirve de base para un monitoreo inteligente y totalmente adaptable a tus necesidades.<\/p>\n\n <\/div>\n\n \n\n <div class=\"mt-16 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n\n <div>\n\n <h5 class=\"text-2xl font-bold text-slate-800\">1. El Pilar Fundamental: Conectividad Inquebrantable<\/h5>\n\n <p class=\"mt-4 text-slate-600\">Nuestra red mesh propietaria est\u00e1 dise\u00f1ada para los entornos industriales m\u00e1s exigentes. Garantizamos una cobertura total, online y offline, eliminando las zonas muertas y asegurando un flujo de datos constante y fiable. Esta es la base para desbloquear el verdadero potencial de tu planta.<\/p>\n\n <\/div>\n\n <div class=\"plant-diagram w-full h-64 md:h-80 rounded-lg relative\">\n\n <div class=\"node\" style=\"top: 10%; left: 10%;\"><\/div>\n\n <div class=\"node\" style=\"top: 25%; left: 50%;\"><\/div>\n\n <div class=\"node\" style=\"top: 15%; left: 85%;\"><\/div>\n\n <div class=\"node\" style=\"top: 60%; left: 75%;\"><\/div>\n\n <div class=\"node\" style=\"top: 80%; left: 40%;\"><\/div>\n\n <div class=\"node\" style=\"top: 55%; left: 15%;\"><\/div>\n\n <div class=\"node\" style=\"top: 40%; left: 30%;\"><\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"mt-20\">\n\n <h5 class=\"text-2xl font-bold text-slate-800 text-center\">2. Monitoreo Inteligente: Personas y Equipos<\/h5>\n\n <p class=\"mt-4 text-slate-600 text-center max-w-3xl mx-auto\">Con nuestra red como columna vertebral, implementamos un sistema de monitoreo 360\u00b0, protegiendo a tu personal y optimizando el rendimiento de tus activos m\u00e1s valiosos.<\/p>\n\n \n\n <div class=\"mt-10 bg-slate-100 p-4 sm:p-8 rounded-xl shadow-inner\">\n\n <div class=\"flex justify-center border-b border-slate-300\">\n\n <button id=\"btn-personas\" class=\"px-4 py-3 font-semibold text-slate-800 border-b-2 border-sky-600\">Seguridad de Personas<\/button>\n\n <button id=\"btn-equipos\" class=\"px-4 py-3 font-semibold text-slate-500\">Rendimiento de Equipos<\/button>\n\n <\/div>\n\n\n\n <div id=\"tab-personas\" class=\"mt-8\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udccd<\/span>\n\n <div><h6 class=\"font-bold\">Ubicaci\u00f3n Precisa<\/h6><p class=\"text-sm\">Conoce la posici\u00f3n del personal en tiempo real.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83c\udd98<\/span>\n\n <div><h6 class=\"font-bold\">Alerta “Hombre Ca\u00eddo”<\/h6><p class=\"text-sm\">Detecci\u00f3n autom\u00e1tica de emergencias.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udce2<\/span>\n\n <div><h6 class=\"font-bold\">Alertas de Evacuaci\u00f3n<\/h6><p class=\"text-sm\">Comunicaci\u00f3n r\u00e1pida y efectiva.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\u26d4<\/span>\n\n <div><h6 class=\"font-bold\">Control de Zonas de Riesgo<\/h6><p class=\"text-sm\">Monitoreo de acceso a \u00e1reas peligrosas.<\/p><\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div id=\"tab-equipos\" class=\"mt-8 hidden\">\n\n <p class=\"text-center text-slate-600 mb-6\">Visualiza c\u00f3mo monitoreamos los KPIs clave de tus equipos para prevenir fallas y aumentar la disponibilidad. Selecciona un equipo para ver una simulaci\u00f3n de datos en tiempo real.<\/p>\n\n <div class=\"max-w-xs mx-auto mb-6\">\n\n <label for=\"equipment-selector\" class=\"block text-sm font-medium text-slate-700 mb-1\">Seleccionar Equipo:<\/label>\n\n <select id=\"equipment-selector\" class=\"w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500 focus:border-sky-500\">\n\n <option value=\"molino\" selected>Molino de Bolas<\/option>\n\n <option value=\"bomba\">Bomba de Pulpa<\/option>\n\n <option value=\"chancador\">Chancador Primario<\/option>\n\n <\/select>\n\n <\/div>\n\n <div class=\"chart-container bg-white p-4 rounded-lg shadow\">\n\n <canvas id=\"equipment-chart\"><\/canvas>\n\n <\/div>\n\n\n\n <div class=\"mt-8 text-center\">\n\n <button id=\"diagnostico-btn\" class=\"inline-flex items-center bg-purple-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-purple-700 transition-transform hover:scale-105\">\n\n Generar Diagn\u00f3stico Inteligente \u2728\n\n <\/button>\n\n <div id=\"llm-loading\" class=\"hidden mt-4 flex justify-center items-center gap-2 text-slate-600\">\n\n <div class=\"loading-spinner\"><\/div>\n\n Generando diagn\u00f3stico…\n\n <\/div>\n\n <div id=\"llm-output\" class=\"mt-6 p-4 bg-white rounded-lg shadow text-left text-slate-700 hidden\">\n\n <h6 class=\"font-bold text-lg mb-2\">Diagn\u00f3stico Sugerido:<\/h6>\n\n <p id=\"llm-text\"><\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"beneficios\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">Resultados Tangibles<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">Transforma Datos en Valor<\/h4>\n\n <p class=\"mt-4 text-slate-600\">La implementaci\u00f3n de Mine-Watch se traduce en mejoras medibles en las \u00e1reas m\u00e1s cr\u00edticas de tu operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"mt-16 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-center\">\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"20\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Aumento de Disponibilidad<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"30\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Reducci\u00f3n de Fallas Imprevistas<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"15\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Optimizaci\u00f3n de Costos de Manto.<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"50\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Mejora en Tiempos de Respuesta<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n \n\n <section id=\"contacto\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Construyamos Juntos una Soluci\u00f3n a tu Medida<\/h3>\n\n <p class=\"mt-4 text-slate-600 max-w-2xl mx-auto\">Nuestro objetivo es escuchar tus necesidades. La plataforma Mine-Watch es flexible y podemos adaptarla para monitorear cualquier proceso que consideres cr\u00edtico.<\/p>\n\n <div class=\"mt-10 bg-slate-50 border border-slate-200 rounded-lg p-8 max-w-3xl mx-auto\">\n\n <h4 class=\"font-bold text-xl text-slate-800\">Conversemos sobre tus Prioridades<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Para elaborar una propuesta detallada, nos gustar\u00eda saber:<\/p>\n\n <ul class=\"mt-4 text-left list-disc list-inside space-y-2 inline-block\">\n\n <li>\u00bfQu\u00e9 equipos o procesos son los m\u00e1s cr\u00edticos para tu operaci\u00f3n?<\/li>\n\n <li>\u00bfQu\u00e9 informaci\u00f3n te permitir\u00eda tomar mejores decisiones hoy?<\/li>\n\n <\/ul>\n\n <a href=\"mailto:co******@*******ch.cl\" data-original-string=\"L8ez3Naq9\/hZYQ6OexUjAA==fd3Nrs0K6qeDkAxluQ\/viXjGdo0CF+UhvLPdC300ykeeI0=\" title=\"This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.\" class=\"mt-8 inline-block bg-amber-500 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-amber-600 transition-transform hover:scale-105\">Iniciar la Conversaci\u00f3n<\/a>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <\/main>\n\n \n\n <footer class=\"bg-slate-800 text-slate-400 py-8\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <p>© 2024 Mine-Watch. Todos los derechos reservados.<\/p>\n\n <\/div>\n\n <\/footer>\n\n\n\n <script>\n\n document.addEventListener('DOMContentLoaded', () => {\n\n const btnPersonas = document.getElementById('btn-personas');\n\n const btnEquipos = document.getElementById('btn-equipos');\n\n const tabPersonas = document.getElementById('tab-personas');\n\n const tabEquipos = document.getElementById('tab-equipos');\n\n const equipmentSelector = document.getElementById('equipment-selector');\n\n const diagnosticoBtn = document.getElementById('diagnostico-btn');\n\n const llmLoading = document.getElementById('llm-loading');\n\n const llmOutput = document.getElementById('llm-output');\n\n const llmText = document.getElementById('llm-text');\n\n \n\n let chartInstance = null;\n\n \n\n const chartData = {\n\n molino: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [120, 122, 121, 123, 119, 120, 125, 124, 123, 122], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [2.5, 2.6, 2.4, 2.7, 2.5, 3.5, 2.6, 2.8, 2.7, 2.6], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [65, 66, 65, 67, 68, 67, 66, 68, 69, 68], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n bomba: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [45, 46, 44, 47, 45, 46, 48, 47, 46, 45], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [1.8, 1.9, 1.7, 2.0, 1.8, 1.9, 2.1, 2.0, 1.9, 1.8], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [50, 51, 49, 52, 50, 51, 53, 52, 51, 50], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n chancador: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [250, 255, 248, 260, 252, 258, 265, 263, 259, 255], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [4.1, 4.3, 4.0, 4.5, 4.2, 4.4, 4.6, 4.5, 4.3, 4.2], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [75, 76, 74, 77, 75, 78, 79, 77, 76, 75], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n }\n\n };\n\n\n\n function setupChart() {\n\n const ctx = document.getElementById('equipment-chart').getContext('2d');\n\n chartInstance = new Chart(ctx, {\n\n type: 'line',\n\n data: chartData.molino,\n\n options: {\n\n responsive: true,\n\n maintainAspectRatio: false,\n\n plugins: {\n\n legend: { position: 'top' },\n\n title: { display: true, text: 'Monitoreo de KPIs del Equipo' }\n\n },\n\n scales: {\n\n y: { beginAtZero: false }\n\n }\n\n }\n\n });\n\n }\n\n \n\n function updateChart(equipment) {\n\n if (chartInstance) {\n\n chartInstance.data = chartData[equipment];\n\n chartInstance.update();\n\n }\n\n }\n\n\n\n btnPersonas.addEventListener('click', () => {\n\n tabPersonas.classList.remove('hidden');\n\n tabEquipos.classList.add('hidden');\n\n btnPersonas.classList.add('text-slate-800', 'border-sky-600');\n\n btnPersonas.classList.remove('text-slate-500');\n\n btnEquipos.classList.add('text-slate-500');\n\n btnEquipos.classList.remove('text-slate-800', 'border-sky-600');\n\n });\n\n\n\n btnEquipos.addEventListener('click', () => {\n\n tabEquipos.classList.remove('hidden');\n\n tabPersonas.classList.add('hidden');\n\n btnEquipos.classList.add('text-slate-800', 'border-sky-600');\n\n btnEquipos.classList.remove('text-slate-500');\n\n btnPersonas.classList.add('text-slate-500');\n\n btnPersonas.classList.remove('text-slate-800', 'border-sky-600');\n\n \n\n if (!chartInstance) {\n\n setupChart();\n\n }\n\n });\n\n \n\n equipmentSelector.addEventListener('change', (e) => {\n\n updateChart(e.target.value);\n\n });\n\n\n\n diagnosticoBtn.addEventListener('click', async () => {\n\n const selectedEquipment = equipmentSelector.options[equipmentSelector.selectedIndex].text;\n\n llmOutput.classList.add('hidden');\n\n llmLoading.classList.remove('hidden');\n\n llmText.innerText = '';\n\n\n\n const prompt = `Genera un breve diagn\u00f3stico simulado para un ${selectedEquipment} en una planta concentradora, considerando problemas comunes de vibraci\u00f3n, temperatura y corriente. Enf\u00f3cate en un posible problema y su implicaci\u00f3n. S\u00e9 conciso.`;\n\n let chatHistory = [];\n\n chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\n\n const payload = { contents: chatHistory };\n\n const apiKey = \"\";\n\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\n\n\n\n try {\n\n const response = await fetch(apiUrl, {\n\n method: 'POST',\n\n headers: { 'Content-Type': 'application\/json' },\n\n body: JSON.stringify(payload)\n\n });\n\n const result = await response.json();\n\n if (result.candidates && result.candidates.length > 0 &&\n\n result.candidates[0].content && result.candidates[0].content.parts &&\n\n result.candidates[0].content.parts.length > 0) {\n\n const text = result.candidates[0].content.parts[0].text;\n\n llmText.innerText = text;\n\n llmOutput.classList.remove('hidden');\n\n } else {\n\n llmText.innerText = 'No se pudo generar el diagn\u00f3stico. Int\u00e9ntalo de nuevo.';\n\n llmOutput.classList.remove('hidden');\n\n }\n\n } catch (error) {\n\n llmText.innerText = `Error al conectar con el servicio de diagn\u00f3stico: ${error.message}`;\n\n llmOutput.classList.remove('hidden');\n\n } finally {\n\n llmLoading.classList.add('hidden');\n\n }\n\n });\n\n\n\n const counters = document.querySelectorAll('[data-counter]');\n\n const speed = 200;\n\n\n\n const animateCounter = (counter) => {\n\n const target = +counter.getAttribute('data-counter');\n\n const updateCount = () => {\n\n const count = +counter.innerText.replace('%', '');\n\n const inc = target \/ speed;\n\n\n\n if (count < target) {\n\n counter.innerText = Math.ceil(count + inc) + '%';\n\n setTimeout(updateCount, 10);\n\n } else {\n\n counter.innerText = target + '%';\n\n }\n\n };\n\n updateCount();\n\n };\n\n\n\n const observer = new IntersectionObserver((entries, observer) => {\n\n entries.forEach(entry => {\n\n if (entry.isIntersecting) {\n\n animateCounter(entry.target);\n\n observer.unobserve(entry.target);\n\n }\n\n });\n\n }, { threshold: 0.5 });\n\n \n\n counters.forEach(counter => {\n\n observer.observe(counter);\n\n });\n\n \n\n const plantDiagram = document.querySelector('.plant-diagram');\n\n const nodes = Array.from(plantDiagram.querySelectorAll('.node'));\n\n\n\n for (let i = 0; i < nodes.length; i++) {\n\n for (let j = i + 1; j < nodes.length; j++) {\n\n const node1 = nodes[i];\n\n const node2 = nodes[j];\n\n \n\n const x1 = node1.offsetLeft + node1.offsetWidth \/ 2;\n\n const y1 = node1.offsetTop + node1.offsetHeight \/ 2;\n\n const x2 = node2.offsetLeft + node2.offsetWidth \/ 2;\n\n const y2 = node2.offsetTop + node2.offsetHeight \/ 2;\n\n \n\n const distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\n\n \n\n if (distance < plantDiagram.offsetWidth \/ 2) {\n\n const line = document.createElement('div');\n\n line.classList.add('line');\n\n line.style.width = `${distance}px`;\n\n line.style.transformOrigin = '0 0';\n\n line.style.transform = `rotate(${Math.atan2(y2 - y1, x2 - x1)}rad)`;\n\n line.style.left = `${x1}px`;\n\n line.style.top = `${y1}px`;\n\n plantDiagram.appendChild(line);\n\n }\n\n }\n\n }\n\n });\n\n <\/script>\n\n<\/body>\n\n<\/html>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_section et_pb_section_0 et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_row et_pb_row_0 et_pb_row_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_0 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> Mine-Watch: Potenciando tu Planta Concentradora Mine-Watch El Desaf\u00edo Nuestra Soluci\u00f3n Beneficios Contacto Desbloquea el Potencial de tu Planta Concentradora Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad. Descubre C\u00f3mo TU DESAF\u00cdO La Conectividad como Barrera para la Optimizaci\u00f3n Sabemos que la dificultad para implementar una […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n<!DOCTYPE html>\n\n<html lang=\"es\" class=\"scroll-smooth\">\n\n<head>\n\n <meta charset=\"UTF-8\">\n\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n <title>Mine-Watch: Potenciando tu Planta Concentradora<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n \n\n \n\n \n\n \n\n <style>\n\n body { font-family: 'Inter', sans-serif; }\n\n .chart-container {\n\n position: relative;\n\n width: 100%;\n\n max-width: 800px;\n\n margin-left: auto;\n\n margin-right: auto;\n\n height: 300px;\n\n max-height: 400px;\n\n }\n\n @media (min-width: 768px) {\n\n .chart-container {\n\n height: 350px;\n\n }\n\n }\n\n .plant-diagram {\n\n border: 2px solid #e2e8f0;\n\n background-color: #f8fafc;\n\n overflow: hidden;\n\n }\n\n .node {\n\n width: 1rem;\n\n height: 1rem;\n\n border-radius: 9999px;\n\n position: absolute;\n\n background-color: #0ea5e9;\n\n box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.3);\n\n }\n\n .line {\n\n position: absolute;\n\n background-color: #94a3b8;\n\n height: 1px;\n\n }\n\n .loading-spinner {\n\n border: 4px solid rgba(0, 0, 0, 0.1);\n\n border-left-color: #3b82f6;\n\n border-radius: 50%;\n\n width: 24px;\n\n height: 24px;\n\n animation: spin 1s linear infinite;\n\n }\n\n @keyframes spin {\n\n 0% { transform: rotate(0deg); }\n\n 100% { transform: rotate(360deg); }\n\n }\n\n <\/style>\n\n<\/head>\n\n<body class=\"bg-slate-50 text-slate-700\">\n\n\n\n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n\n <nav class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n\n <h1 class=\"text-2xl font-bold text-slate-800\">Mine-Watch<\/h1>\n\n <ul class=\"hidden md:flex space-x-8\">\n\n <li><a href=\"#desafio\" class=\"hover:text-sky-600 transition-colors\">El Desaf\u00edo<\/a><\/li>\n\n <li><a href=\"#solucion\" class=\"hover:text-sky-600 transition-colors\">Nuestra Soluci\u00f3n<\/a><\/li>\n\n <li><a href=\"#beneficios\" class=\"hover:text-sky-600 transition-colors\">Beneficios<\/a><\/li>\n\n <li><a href=\"#contacto\" class=\"hover:text-sky-600 transition-colors\">Contacto<\/a><\/li>\n\n <\/ul>\n\n <\/nav>\n\n <\/header>\n\n\n\n <main>\n\n <section id=\"hero\" class=\"bg-white\">\n\n <div class=\"container mx-auto px-6 py-20 md:py-32 text-center\">\n\n <h2 class=\"text-4xl md:text-6xl font-extrabold text-slate-900 leading-tight\">Desbloquea el Potencial de tu Planta Concentradora<\/h2>\n\n <p class=\"mt-6 text-lg md:text-xl text-slate-600 max-w-3xl mx-auto\">Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.<\/p>\n\n <a href=\"#desafio\" class=\"mt-10 inline-block bg-sky-600 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-sky-700 transition-transform hover:scale-105\">Descubre C\u00f3mo<\/a>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"desafio\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">TU DESAF\u00cdO<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Conectividad como Barrera para la Optimizaci\u00f3n<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Sabemos que la dificultad para implementar una soluci\u00f3n de conectividad eficaz es un obst\u00e1culo real. Esta falta de visibilidad se traduce directamente en oportunidades perdidas y riesgos innecesarios.<\/p>\n\n <\/div>\n\n\n\n <div class=\"mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udc41\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Puntos Ciegos Operacionales<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Procesos y equipos cr\u00edticos permanecen sin monitoreo, impidiendo una visi\u00f3n completa de la operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udd04<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Decisiones Reactivas<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Sin datos continuos, las acciones son una respuesta a problemas ya ocurridos, no una prevenci\u00f3n proactiva.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udcc9<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Subutilizaci\u00f3n de Activos<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Es dif\u00edcil optimizar el rendimiento de los equipos sin saber c\u00f3mo operan en cada momento.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\u26a0\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Riesgos No Mitigados<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">La falta de visibilidad impacta la seguridad del personal y la integridad de los equipos.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"solucion\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">NUESTRA SOLUCI\u00d3N<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Soluci\u00f3n Integral que Tu Planta Necesita<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Nuestra propuesta aborda el problema de ra\u00edz con dos pilares: una conectividad inquebrantable que sirve de base para un monitoreo inteligente y totalmente adaptable a tus necesidades.<\/p>\n\n <\/div>\n\n \n\n <div class=\"mt-16 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n\n <div>\n\n <h5 class=\"text-2xl font-bold text-slate-800\">1. El Pilar Fundamental: Conectividad Inquebrantable<\/h5>\n\n <p class=\"mt-4 text-slate-600\">Nuestra red mesh propietaria est\u00e1 dise\u00f1ada para los entornos industriales m\u00e1s exigentes. Garantizamos una cobertura total, online y offline, eliminando las zonas muertas y asegurando un flujo de datos constante y fiable. Esta es la base para desbloquear el verdadero potencial de tu planta.<\/p>\n\n <\/div>\n\n <div class=\"plant-diagram w-full h-64 md:h-80 rounded-lg relative\">\n\n <div class=\"node\" style=\"top: 10%; left: 10%;\"><\/div>\n\n <div class=\"node\" style=\"top: 25%; left: 50%;\"><\/div>\n\n <div class=\"node\" style=\"top: 15%; left: 85%;\"><\/div>\n\n <div class=\"node\" style=\"top: 60%; left: 75%;\"><\/div>\n\n <div class=\"node\" style=\"top: 80%; left: 40%;\"><\/div>\n\n <div class=\"node\" style=\"top: 55%; left: 15%;\"><\/div>\n\n <div class=\"node\" style=\"top: 40%; left: 30%;\"><\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"mt-20\">\n\n <h5 class=\"text-2xl font-bold text-slate-800 text-center\">2. Monitoreo Inteligente: Personas y Equipos<\/h5>\n\n <p class=\"mt-4 text-slate-600 text-center max-w-3xl mx-auto\">Con nuestra red como columna vertebral, implementamos un sistema de monitoreo 360\u00b0, protegiendo a tu personal y optimizando el rendimiento de tus activos m\u00e1s valiosos.<\/p>\n\n \n\n <div class=\"mt-10 bg-slate-100 p-4 sm:p-8 rounded-xl shadow-inner\">\n\n <div class=\"flex justify-center border-b border-slate-300\">\n\n <button id=\"btn-personas\" class=\"px-4 py-3 font-semibold text-slate-800 border-b-2 border-sky-600\">Seguridad de Personas<\/button>\n\n <button id=\"btn-equipos\" class=\"px-4 py-3 font-semibold text-slate-500\">Rendimiento de Equipos<\/button>\n\n <\/div>\n\n\n\n <div id=\"tab-personas\" class=\"mt-8\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udccd<\/span>\n\n <div><h6 class=\"font-bold\">Ubicaci\u00f3n Precisa<\/h6><p class=\"text-sm\">Conoce la posici\u00f3n del personal en tiempo real.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83c\udd98<\/span>\n\n <div><h6 class=\"font-bold\">Alerta \"Hombre Ca\u00eddo\"<\/h6><p class=\"text-sm\">Detecci\u00f3n autom\u00e1tica de emergencias.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udce2<\/span>\n\n <div><h6 class=\"font-bold\">Alertas de Evacuaci\u00f3n<\/h6><p class=\"text-sm\">Comunicaci\u00f3n r\u00e1pida y efectiva.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\u26d4<\/span>\n\n <div><h6 class=\"font-bold\">Control de Zonas de Riesgo<\/h6><p class=\"text-sm\">Monitoreo de acceso a \u00e1reas peligrosas.<\/p><\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div id=\"tab-equipos\" class=\"mt-8 hidden\">\n\n <p class=\"text-center text-slate-600 mb-6\">Visualiza c\u00f3mo monitoreamos los KPIs clave de tus equipos para prevenir fallas y aumentar la disponibilidad. Selecciona un equipo para ver una simulaci\u00f3n de datos en tiempo real.<\/p>\n\n <div class=\"max-w-xs mx-auto mb-6\">\n\n <label for=\"equipment-selector\" class=\"block text-sm font-medium text-slate-700 mb-1\">Seleccionar Equipo:<\/label>\n\n <select id=\"equipment-selector\" class=\"w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500 focus:border-sky-500\">\n\n <option value=\"molino\" selected>Molino de Bolas<\/option>\n\n <option value=\"bomba\">Bomba de Pulpa<\/option>\n\n <option value=\"chancador\">Chancador Primario<\/option>\n\n <\/select>\n\n <\/div>\n\n <div class=\"chart-container bg-white p-4 rounded-lg shadow\">\n\n <canvas id=\"equipment-chart\"><\/canvas>\n\n <\/div>\n\n\n\n <div class=\"mt-8 text-center\">\n\n <button id=\"diagnostico-btn\" class=\"inline-flex items-center bg-purple-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-purple-700 transition-transform hover:scale-105\">\n\n Generar Diagn\u00f3stico Inteligente \u2728\n\n <\/button>\n\n <div id=\"llm-loading\" class=\"hidden mt-4 flex justify-center items-center gap-2 text-slate-600\">\n\n <div class=\"loading-spinner\"><\/div>\n\n Generando diagn\u00f3stico...\n\n <\/div>\n\n <div id=\"llm-output\" class=\"mt-6 p-4 bg-white rounded-lg shadow text-left text-slate-700 hidden\">\n\n <h6 class=\"font-bold text-lg mb-2\">Diagn\u00f3stico Sugerido:<\/h6>\n\n <p id=\"llm-text\"><\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"beneficios\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">Resultados Tangibles<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">Transforma Datos en Valor<\/h4>\n\n <p class=\"mt-4 text-slate-600\">La implementaci\u00f3n de Mine-Watch se traduce en mejoras medibles en las \u00e1reas m\u00e1s cr\u00edticas de tu operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"mt-16 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-center\">\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"20\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Aumento de Disponibilidad<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"30\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Reducci\u00f3n de Fallas Imprevistas<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"15\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Optimizaci\u00f3n de Costos de Manto.<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"50\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Mejora en Tiempos de Respuesta<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n \n\n <section id=\"contacto\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Construyamos Juntos una Soluci\u00f3n a tu Medida<\/h3>\n\n <p class=\"mt-4 text-slate-600 max-w-2xl mx-auto\">Nuestro objetivo es escuchar tus necesidades. La plataforma Mine-Watch es flexible y podemos adaptarla para monitorear cualquier proceso que consideres cr\u00edtico.<\/p>\n\n <div class=\"mt-10 bg-slate-50 border border-slate-200 rounded-lg p-8 max-w-3xl mx-auto\">\n\n <h4 class=\"font-bold text-xl text-slate-800\">Conversemos sobre tus Prioridades<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Para elaborar una propuesta detallada, nos gustar\u00eda saber:<\/p>\n\n <ul class=\"mt-4 text-left list-disc list-inside space-y-2 inline-block\">\n\n <li>\u00bfQu\u00e9 equipos o procesos son los m\u00e1s cr\u00edticos para tu operaci\u00f3n?<\/li>\n\n <li>\u00bfQu\u00e9 informaci\u00f3n te permitir\u00eda tomar mejores decisiones hoy?<\/li>\n\n <\/ul>\n\n <a href=\"mailto:contacto@minewatch.cl\" class=\"mt-8 inline-block bg-amber-500 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-amber-600 transition-transform hover:scale-105\">Iniciar la Conversaci\u00f3n<\/a>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <\/main>\n\n \n\n <footer class=\"bg-slate-800 text-slate-400 py-8\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <p>© 2024 Mine-Watch. Todos los derechos reservados.<\/p>\n\n <\/div>\n\n <\/footer>\n\n\n\n <script>\n\n document.addEventListener('DOMContentLoaded', () => {\n\n const btnPersonas = document.getElementById('btn-personas');\n\n const btnEquipos = document.getElementById('btn-equipos');\n\n const tabPersonas = document.getElementById('tab-personas');\n\n const tabEquipos = document.getElementById('tab-equipos');\n\n const equipmentSelector = document.getElementById('equipment-selector');\n\n const diagnosticoBtn = document.getElementById('diagnostico-btn');\n\n const llmLoading = document.getElementById('llm-loading');\n\n const llmOutput = document.getElementById('llm-output');\n\n const llmText = document.getElementById('llm-text');\n\n \n\n let chartInstance = null;\n\n \n\n const chartData = {\n\n molino: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [120, 122, 121, 123, 119, 120, 125, 124, 123, 122], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [2.5, 2.6, 2.4, 2.7, 2.5, 3.5, 2.6, 2.8, 2.7, 2.6], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [65, 66, 65, 67, 68, 67, 66, 68, 69, 68], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n bomba: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [45, 46, 44, 47, 45, 46, 48, 47, 46, 45], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [1.8, 1.9, 1.7, 2.0, 1.8, 1.9, 2.1, 2.0, 1.9, 1.8], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [50, 51, 49, 52, 50, 51, 53, 52, 51, 50], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n chancador: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [250, 255, 248, 260, 252, 258, 265, 263, 259, 255], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [4.1, 4.3, 4.0, 4.5, 4.2, 4.4, 4.6, 4.5, 4.3, 4.2], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [75, 76, 74, 77, 75, 78, 79, 77, 76, 75], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n }\n\n };\n\n\n\n function setupChart() {\n\n const ctx = document.getElementById('equipment-chart').getContext('2d');\n\n chartInstance = new Chart(ctx, {\n\n type: 'line',\n\n data: chartData.molino,\n\n options: {\n\n responsive: true,\n\n maintainAspectRatio: false,\n\n plugins: {\n\n legend: { position: 'top' },\n\n title: { display: true, text: 'Monitoreo de KPIs del Equipo' }\n\n },\n\n scales: {\n\n y: { beginAtZero: false }\n\n }\n\n }\n\n });\n\n }\n\n \n\n function updateChart(equipment) {\n\n if (chartInstance) {\n\n chartInstance.data = chartData[equipment];\n\n chartInstance.update();\n\n }\n\n }\n\n\n\n btnPersonas.addEventListener('click', () => {\n\n tabPersonas.classList.remove('hidden');\n\n tabEquipos.classList.add('hidden');\n\n btnPersonas.classList.add('text-slate-800', 'border-sky-600');\n\n btnPersonas.classList.remove('text-slate-500');\n\n btnEquipos.classList.add('text-slate-500');\n\n btnEquipos.classList.remove('text-slate-800', 'border-sky-600');\n\n });\n\n\n\n btnEquipos.addEventListener('click', () => {\n\n tabEquipos.classList.remove('hidden');\n\n tabPersonas.classList.add('hidden');\n\n btnEquipos.classList.add('text-slate-800', 'border-sky-600');\n\n btnEquipos.classList.remove('text-slate-500');\n\n btnPersonas.classList.add('text-slate-500');\n\n btnPersonas.classList.remove('text-slate-800', 'border-sky-600');\n\n \n\n if (!chartInstance) {\n\n setupChart();\n\n }\n\n });\n\n \n\n equipmentSelector.addEventListener('change', (e) => {\n\n updateChart(e.target.value);\n\n });\n\n\n\n diagnosticoBtn.addEventListener('click', async () => {\n\n const selectedEquipment = equipmentSelector.options[equipmentSelector.selectedIndex].text;\n\n llmOutput.classList.add('hidden');\n\n llmLoading.classList.remove('hidden');\n\n llmText.innerText = '';\n\n\n\n const prompt = `Genera un breve diagn\u00f3stico simulado para un ${selectedEquipment} en una planta concentradora, considerando problemas comunes de vibraci\u00f3n, temperatura y corriente. Enf\u00f3cate en un posible problema y su implicaci\u00f3n. S\u00e9 conciso.`;\n\n let chatHistory = [];\n\n chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\n\n const payload = { contents: chatHistory };\n\n const apiKey = \"\";\n\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\n\n\n\n try {\n\n const response = await fetch(apiUrl, {\n\n method: 'POST',\n\n headers: { 'Content-Type': 'application\/json' },\n\n body: JSON.stringify(payload)\n\n });\n\n const result = await response.json();\n\n if (result.candidates && result.candidates.length > 0 &&\n\n result.candidates[0].content && result.candidates[0].content.parts &&\n\n result.candidates[0].content.parts.length > 0) {\n\n const text = result.candidates[0].content.parts[0].text;\n\n llmText.innerText = text;\n\n llmOutput.classList.remove('hidden');\n\n } else {\n\n llmText.innerText = 'No se pudo generar el diagn\u00f3stico. Int\u00e9ntalo de nuevo.';\n\n llmOutput.classList.remove('hidden');\n\n }\n\n } catch (error) {\n\n llmText.innerText = `Error al conectar con el servicio de diagn\u00f3stico: ${error.message}`;\n\n llmOutput.classList.remove('hidden');\n\n } finally {\n\n llmLoading.classList.add('hidden');\n\n }\n\n });\n\n\n\n const counters = document.querySelectorAll('[data-counter]');\n\n const speed = 200;\n\n\n\n const animateCounter = (counter) => {\n\n const target = +counter.getAttribute('data-counter');\n\n const updateCount = () => {\n\n const count = +counter.innerText.replace('%', '');\n\n const inc = target \/ speed;\n\n\n\n if (count < target) {\n\n counter.innerText = Math.ceil(count + inc) + '%';\n\n setTimeout(updateCount, 10);\n\n } else {\n\n counter.innerText = target + '%';\n\n }\n\n };\n\n updateCount();\n\n };\n\n\n\n const observer = new IntersectionObserver((entries, observer) => {\n\n entries.forEach(entry => {\n\n if (entry.isIntersecting) {\n\n animateCounter(entry.target);\n\n observer.unobserve(entry.target);\n\n }\n\n });\n\n }, { threshold: 0.5 });\n\n \n\n counters.forEach(counter => {\n\n observer.observe(counter);\n\n });\n\n \n\n const plantDiagram = document.querySelector('.plant-diagram');\n\n const nodes = Array.from(plantDiagram.querySelectorAll('.node'));\n\n\n\n for (let i = 0; i < nodes.length; i++) {\n\n for (let j = i + 1; j < nodes.length; j++) {\n\n const node1 = nodes[i];\n\n const node2 = nodes[j];\n\n \n\n const x1 = node1.offsetLeft + node1.offsetWidth \/ 2;\n\n const y1 = node1.offsetTop + node1.offsetHeight \/ 2;\n\n const x2 = node2.offsetLeft + node2.offsetWidth \/ 2;\n\n const y2 = node2.offsetTop + node2.offsetHeight \/ 2;\n\n \n\n const distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\n\n \n\n if (distance < plantDiagram.offsetWidth \/ 2) {\n\n const line = document.createElement('div');\n\n line.classList.add('line');\n\n line.style.width = `${distance}px`;\n\n line.style.transformOrigin = '0 0';\n\n line.style.transform = `rotate(${Math.atan2(y2 - y1, x2 - x1)}rad)`;\n\n line.style.left = `${x1}px`;\n\n line.style.top = `${y1}px`;\n\n plantDiagram.appendChild(line);\n\n }\n\n }\n\n }\n\n });\n\n <\/script>\n\n<\/body>\n\n<\/html>\n","_et_gb_content_width":"1280","content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2163","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/vigalab.com\/en\/plantas\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Vigalab | MineWatch | Conectando minas subterr\u00e1neas\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Desbloquea el Potencial de tu Planta Concentradora\" \/>\n\t\t<meta property=\"og:description\" content=\"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/vigalab.com\/en\/plantas\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-06-04T17:28:43+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-01-21T17:29:27+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Desbloquea el Potencial de tu Planta Concentradora\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en#listItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/vigalab.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#listItem\",\"name\":\"Plantas\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#listItem\",\"position\":2,\"name\":\"Plantas\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en#listItem\",\"name\":\"Inicio\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#organization\",\"name\":\"Vigalab\",\"description\":\"Mejoramos la productividad, eficiencia y seguridad de tus operaciones mineras subterr\\u00e1neas con tecnolog\\u00eda avanzada, sin requerir conexi\\u00f3n a internet en la mina.\",\"url\":\"https:\\\/\\\/vigalab.com\\\/en\\\/\",\"email\":\"contaco@vigalab.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/vigalab.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/vigalab-logo.webp\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#organizationLogo\",\"width\":800,\"height\":282},\"image\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#webpage\",\"url\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/\",\"name\":\"Desbloquea el Potencial de tu Planta Concentradora\",\"description\":\"Transformamos tus operaciones a trav\\u00e9s de conectividad total y monitoreo inteligente para una m\\u00e1xima eficiencia y seguridad.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#breadcrumblist\"},\"datePublished\":\"2025-06-04T13:28:43-04:00\",\"dateModified\":\"2026-01-21T14:29:27-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/vigalab.com\\\/en\\\/\",\"name\":\"Vigalab\",\"description\":\"Conectando minas subterr\\u00e1neas\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Desbloquea el Potencial de tu Planta Concentradora","description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","canonical_url":"https:\/\/vigalab.com\/en\/plantas\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/vigalab.com\/en\/plantas\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en#listItem","position":1,"name":"Inicio","item":"https:\/\/vigalab.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en\/plantas\/#listItem","name":"Plantas"}},{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en\/plantas\/#listItem","position":2,"name":"Plantas","previousItem":{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en#listItem","name":"Inicio"}}]},{"@type":"Organization","@id":"https:\/\/vigalab.com\/en\/#organization","name":"Vigalab","description":"Mejoramos la productividad, eficiencia y seguridad de tus operaciones mineras subterr\u00e1neas con tecnolog\u00eda avanzada, sin requerir conexi\u00f3n a internet en la mina.","url":"https:\/\/vigalab.com\/en\/","email":"contaco@vigalab.com","logo":{"@type":"ImageObject","url":"https:\/\/vigalab.com\/wp-content\/uploads\/2023\/12\/vigalab-logo.webp","@id":"https:\/\/vigalab.com\/en\/plantas\/#organizationLogo","width":800,"height":282},"image":{"@id":"https:\/\/vigalab.com\/en\/plantas\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/vigalab.com\/en\/plantas\/#webpage","url":"https:\/\/vigalab.com\/en\/plantas\/","name":"Desbloquea el Potencial de tu Planta Concentradora","description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/vigalab.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/vigalab.com\/en\/plantas\/#breadcrumblist"},"datePublished":"2025-06-04T13:28:43-04:00","dateModified":"2026-01-21T14:29:27-03:00"},{"@type":"WebSite","@id":"https:\/\/vigalab.com\/en\/#website","url":"https:\/\/vigalab.com\/en\/","name":"Vigalab","description":"Conectando minas subterr\u00e1neas","inLanguage":"en-US","publisher":{"@id":"https:\/\/vigalab.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Vigalab | MineWatch | Conectando minas subterr\u00e1neas","og:type":"article","og:title":"Desbloquea el Potencial de tu Planta Concentradora","og:description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","og:url":"https:\/\/vigalab.com\/en\/plantas\/","article:published_time":"2025-06-04T17:28:43+00:00","article:modified_time":"2026-01-21T17:29:27+00:00","twitter:card":"summary_large_image","twitter:title":"Desbloquea el Potencial de tu Planta Concentradora","twitter:description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad."},"aioseo_meta_data":{"post_id":"2163","title":"Desbloquea el Potencial de tu Planta Concentradora","description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-06-04 17:20:49","updated":"2026-01-21 17:44:23","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/vigalab.com\/en\" title=\"Inicio\">Inicio<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPlantas\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Inicio","link":"https:\/\/vigalab.com\/en"},{"label":"Plantas","link":"https:\/\/vigalab.com\/en\/plantas\/"}],"_links":{"self":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/pages\/2163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/comments?post=2163"}],"version-history":[{"count":0,"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/pages\/2163\/revisions"}],"wp:attachment":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/media?parent=2163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2163,"date":"2025-06-04T13:28:43","date_gmt":"2025-06-04T17:28:43","guid":{"rendered":"https:\/\/vigalab.com\/?page_id=2163"},"modified":"2026-01-21T14:29:27","modified_gmt":"2026-01-21T17:29:27","slug":"plantas","status":"publish","type":"page","link":"https:\/\/vigalab.com\/en\/plantas\/","title":{"rendered":"Plantas"},"content":{"rendered":"\n[et_pb_section][et_pb_row][et_pb_column type=”4_4″][et_pb_text]\n\n\n\n\n\n\n \n\n \n\n Mine-Watch: Potenciando tu Planta Concentradora<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n \n\n \n\n \n\n \n\n <style>\n\n body { font-family: 'Inter', sans-serif; }\n\n .chart-container {\n\n position: relative;\n\n width: 100%;\n\n max-width: 800px;\n\n margin-left: auto;\n\n margin-right: auto;\n\n height: 300px;\n\n max-height: 400px;\n\n }\n\n @media (min-width: 768px) {\n\n .chart-container {\n\n height: 350px;\n\n }\n\n }\n\n .plant-diagram {\n\n border: 2px solid #e2e8f0;\n\n background-color: #f8fafc;\n\n overflow: hidden;\n\n }\n\n .node {\n\n width: 1rem;\n\n height: 1rem;\n\n border-radius: 9999px;\n\n position: absolute;\n\n background-color: #0ea5e9;\n\n box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.3);\n\n }\n\n .line {\n\n position: absolute;\n\n background-color: #94a3b8;\n\n height: 1px;\n\n }\n\n .loading-spinner {\n\n border: 4px solid rgba(0, 0, 0, 0.1);\n\n border-left-color: #3b82f6;\n\n border-radius: 50%;\n\n width: 24px;\n\n height: 24px;\n\n animation: spin 1s linear infinite;\n\n }\n\n @keyframes spin {\n\n 0% { transform: rotate(0deg); }\n\n 100% { transform: rotate(360deg); }\n\n }\n\n <\/style>\n\n<\/head>\n\n<body class=\"bg-slate-50 text-slate-700\">\n\n\n\n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n\n <nav class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n\n <h1 class=\"text-2xl font-bold text-slate-800\">Mine-Watch<\/h1>\n\n <ul class=\"hidden md:flex space-x-8\">\n\n <li><a href=\"#desafio\" class=\"hover:text-sky-600 transition-colors\">El Desaf\u00edo<\/a><\/li>\n\n <li><a href=\"#solucion\" class=\"hover:text-sky-600 transition-colors\">Nuestra Soluci\u00f3n<\/a><\/li>\n\n <li><a href=\"#beneficios\" class=\"hover:text-sky-600 transition-colors\">Beneficios<\/a><\/li>\n\n <li><a href=\"#contacto\" class=\"hover:text-sky-600 transition-colors\">Contacto<\/a><\/li>\n\n <\/ul>\n\n <\/nav>\n\n <\/header>\n\n\n\n <main>\n\n <section id=\"hero\" class=\"bg-white\">\n\n <div class=\"container mx-auto px-6 py-20 md:py-32 text-center\">\n\n <h2 class=\"text-4xl md:text-6xl font-extrabold text-slate-900 leading-tight\">Desbloquea el Potencial de tu Planta Concentradora<\/h2>\n\n <p class=\"mt-6 text-lg md:text-xl text-slate-600 max-w-3xl mx-auto\">Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.<\/p>\n\n <a href=\"#desafio\" class=\"mt-10 inline-block bg-sky-600 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-sky-700 transition-transform hover:scale-105\">Descubre C\u00f3mo<\/a>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"desafio\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">TU DESAF\u00cdO<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Conectividad como Barrera para la Optimizaci\u00f3n<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Sabemos que la dificultad para implementar una soluci\u00f3n de conectividad eficaz es un obst\u00e1culo real. Esta falta de visibilidad se traduce directamente en oportunidades perdidas y riesgos innecesarios.<\/p>\n\n <\/div>\n\n\n\n <div class=\"mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udc41\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Puntos Ciegos Operacionales<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Procesos y equipos cr\u00edticos permanecen sin monitoreo, impidiendo una visi\u00f3n completa de la operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udd04<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Decisiones Reactivas<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Sin datos continuos, las acciones son una respuesta a problemas ya ocurridos, no una prevenci\u00f3n proactiva.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udcc9<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Subutilizaci\u00f3n de Activos<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Es dif\u00edcil optimizar el rendimiento de los equipos sin saber c\u00f3mo operan en cada momento.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\u26a0\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Riesgos No Mitigados<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">La falta de visibilidad impacta la seguridad del personal y la integridad de los equipos.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"solucion\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">NUESTRA SOLUCI\u00d3N<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Soluci\u00f3n Integral que Tu Planta Necesita<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Nuestra propuesta aborda el problema de ra\u00edz con dos pilares: una conectividad inquebrantable que sirve de base para un monitoreo inteligente y totalmente adaptable a tus necesidades.<\/p>\n\n <\/div>\n\n \n\n <div class=\"mt-16 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n\n <div>\n\n <h5 class=\"text-2xl font-bold text-slate-800\">1. El Pilar Fundamental: Conectividad Inquebrantable<\/h5>\n\n <p class=\"mt-4 text-slate-600\">Nuestra red mesh propietaria est\u00e1 dise\u00f1ada para los entornos industriales m\u00e1s exigentes. Garantizamos una cobertura total, online y offline, eliminando las zonas muertas y asegurando un flujo de datos constante y fiable. Esta es la base para desbloquear el verdadero potencial de tu planta.<\/p>\n\n <\/div>\n\n <div class=\"plant-diagram w-full h-64 md:h-80 rounded-lg relative\">\n\n <div class=\"node\" style=\"top: 10%; left: 10%;\"><\/div>\n\n <div class=\"node\" style=\"top: 25%; left: 50%;\"><\/div>\n\n <div class=\"node\" style=\"top: 15%; left: 85%;\"><\/div>\n\n <div class=\"node\" style=\"top: 60%; left: 75%;\"><\/div>\n\n <div class=\"node\" style=\"top: 80%; left: 40%;\"><\/div>\n\n <div class=\"node\" style=\"top: 55%; left: 15%;\"><\/div>\n\n <div class=\"node\" style=\"top: 40%; left: 30%;\"><\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"mt-20\">\n\n <h5 class=\"text-2xl font-bold text-slate-800 text-center\">2. Monitoreo Inteligente: Personas y Equipos<\/h5>\n\n <p class=\"mt-4 text-slate-600 text-center max-w-3xl mx-auto\">Con nuestra red como columna vertebral, implementamos un sistema de monitoreo 360\u00b0, protegiendo a tu personal y optimizando el rendimiento de tus activos m\u00e1s valiosos.<\/p>\n\n \n\n <div class=\"mt-10 bg-slate-100 p-4 sm:p-8 rounded-xl shadow-inner\">\n\n <div class=\"flex justify-center border-b border-slate-300\">\n\n <button id=\"btn-personas\" class=\"px-4 py-3 font-semibold text-slate-800 border-b-2 border-sky-600\">Seguridad de Personas<\/button>\n\n <button id=\"btn-equipos\" class=\"px-4 py-3 font-semibold text-slate-500\">Rendimiento de Equipos<\/button>\n\n <\/div>\n\n\n\n <div id=\"tab-personas\" class=\"mt-8\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udccd<\/span>\n\n <div><h6 class=\"font-bold\">Ubicaci\u00f3n Precisa<\/h6><p class=\"text-sm\">Conoce la posici\u00f3n del personal en tiempo real.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83c\udd98<\/span>\n\n <div><h6 class=\"font-bold\">Alerta “Hombre Ca\u00eddo”<\/h6><p class=\"text-sm\">Detecci\u00f3n autom\u00e1tica de emergencias.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udce2<\/span>\n\n <div><h6 class=\"font-bold\">Alertas de Evacuaci\u00f3n<\/h6><p class=\"text-sm\">Comunicaci\u00f3n r\u00e1pida y efectiva.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\u26d4<\/span>\n\n <div><h6 class=\"font-bold\">Control de Zonas de Riesgo<\/h6><p class=\"text-sm\">Monitoreo de acceso a \u00e1reas peligrosas.<\/p><\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div id=\"tab-equipos\" class=\"mt-8 hidden\">\n\n <p class=\"text-center text-slate-600 mb-6\">Visualiza c\u00f3mo monitoreamos los KPIs clave de tus equipos para prevenir fallas y aumentar la disponibilidad. Selecciona un equipo para ver una simulaci\u00f3n de datos en tiempo real.<\/p>\n\n <div class=\"max-w-xs mx-auto mb-6\">\n\n <label for=\"equipment-selector\" class=\"block text-sm font-medium text-slate-700 mb-1\">Seleccionar Equipo:<\/label>\n\n <select id=\"equipment-selector\" class=\"w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500 focus:border-sky-500\">\n\n <option value=\"molino\" selected>Molino de Bolas<\/option>\n\n <option value=\"bomba\">Bomba de Pulpa<\/option>\n\n <option value=\"chancador\">Chancador Primario<\/option>\n\n <\/select>\n\n <\/div>\n\n <div class=\"chart-container bg-white p-4 rounded-lg shadow\">\n\n <canvas id=\"equipment-chart\"><\/canvas>\n\n <\/div>\n\n\n\n <div class=\"mt-8 text-center\">\n\n <button id=\"diagnostico-btn\" class=\"inline-flex items-center bg-purple-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-purple-700 transition-transform hover:scale-105\">\n\n Generar Diagn\u00f3stico Inteligente \u2728\n\n <\/button>\n\n <div id=\"llm-loading\" class=\"hidden mt-4 flex justify-center items-center gap-2 text-slate-600\">\n\n <div class=\"loading-spinner\"><\/div>\n\n Generando diagn\u00f3stico…\n\n <\/div>\n\n <div id=\"llm-output\" class=\"mt-6 p-4 bg-white rounded-lg shadow text-left text-slate-700 hidden\">\n\n <h6 class=\"font-bold text-lg mb-2\">Diagn\u00f3stico Sugerido:<\/h6>\n\n <p id=\"llm-text\"><\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"beneficios\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">Resultados Tangibles<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">Transforma Datos en Valor<\/h4>\n\n <p class=\"mt-4 text-slate-600\">La implementaci\u00f3n de Mine-Watch se traduce en mejoras medibles en las \u00e1reas m\u00e1s cr\u00edticas de tu operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"mt-16 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-center\">\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"20\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Aumento de Disponibilidad<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"30\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Reducci\u00f3n de Fallas Imprevistas<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"15\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Optimizaci\u00f3n de Costos de Manto.<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"50\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Mejora en Tiempos de Respuesta<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n \n\n <section id=\"contacto\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Construyamos Juntos una Soluci\u00f3n a tu Medida<\/h3>\n\n <p class=\"mt-4 text-slate-600 max-w-2xl mx-auto\">Nuestro objetivo es escuchar tus necesidades. La plataforma Mine-Watch es flexible y podemos adaptarla para monitorear cualquier proceso que consideres cr\u00edtico.<\/p>\n\n <div class=\"mt-10 bg-slate-50 border border-slate-200 rounded-lg p-8 max-w-3xl mx-auto\">\n\n <h4 class=\"font-bold text-xl text-slate-800\">Conversemos sobre tus Prioridades<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Para elaborar una propuesta detallada, nos gustar\u00eda saber:<\/p>\n\n <ul class=\"mt-4 text-left list-disc list-inside space-y-2 inline-block\">\n\n <li>\u00bfQu\u00e9 equipos o procesos son los m\u00e1s cr\u00edticos para tu operaci\u00f3n?<\/li>\n\n <li>\u00bfQu\u00e9 informaci\u00f3n te permitir\u00eda tomar mejores decisiones hoy?<\/li>\n\n <\/ul>\n\n <a href=\"mailto:co******@*******ch.cl\" data-original-string=\"L8ez3Naq9\/hZYQ6OexUjAA==fd3Nrs0K6qeDkAxluQ\/viXjGdo0CF+UhvLPdC300ykeeI0=\" title=\"This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.\" class=\"mt-8 inline-block bg-amber-500 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-amber-600 transition-transform hover:scale-105\">Iniciar la Conversaci\u00f3n<\/a>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <\/main>\n\n \n\n <footer class=\"bg-slate-800 text-slate-400 py-8\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <p>© 2024 Mine-Watch. Todos los derechos reservados.<\/p>\n\n <\/div>\n\n <\/footer>\n\n\n\n <script>\n\n document.addEventListener('DOMContentLoaded', () => {\n\n const btnPersonas = document.getElementById('btn-personas');\n\n const btnEquipos = document.getElementById('btn-equipos');\n\n const tabPersonas = document.getElementById('tab-personas');\n\n const tabEquipos = document.getElementById('tab-equipos');\n\n const equipmentSelector = document.getElementById('equipment-selector');\n\n const diagnosticoBtn = document.getElementById('diagnostico-btn');\n\n const llmLoading = document.getElementById('llm-loading');\n\n const llmOutput = document.getElementById('llm-output');\n\n const llmText = document.getElementById('llm-text');\n\n \n\n let chartInstance = null;\n\n \n\n const chartData = {\n\n molino: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [120, 122, 121, 123, 119, 120, 125, 124, 123, 122], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [2.5, 2.6, 2.4, 2.7, 2.5, 3.5, 2.6, 2.8, 2.7, 2.6], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [65, 66, 65, 67, 68, 67, 66, 68, 69, 68], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n bomba: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [45, 46, 44, 47, 45, 46, 48, 47, 46, 45], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [1.8, 1.9, 1.7, 2.0, 1.8, 1.9, 2.1, 2.0, 1.9, 1.8], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [50, 51, 49, 52, 50, 51, 53, 52, 51, 50], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n chancador: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [250, 255, 248, 260, 252, 258, 265, 263, 259, 255], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [4.1, 4.3, 4.0, 4.5, 4.2, 4.4, 4.6, 4.5, 4.3, 4.2], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [75, 76, 74, 77, 75, 78, 79, 77, 76, 75], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n }\n\n };\n\n\n\n function setupChart() {\n\n const ctx = document.getElementById('equipment-chart').getContext('2d');\n\n chartInstance = new Chart(ctx, {\n\n type: 'line',\n\n data: chartData.molino,\n\n options: {\n\n responsive: true,\n\n maintainAspectRatio: false,\n\n plugins: {\n\n legend: { position: 'top' },\n\n title: { display: true, text: 'Monitoreo de KPIs del Equipo' }\n\n },\n\n scales: {\n\n y: { beginAtZero: false }\n\n }\n\n }\n\n });\n\n }\n\n \n\n function updateChart(equipment) {\n\n if (chartInstance) {\n\n chartInstance.data = chartData[equipment];\n\n chartInstance.update();\n\n }\n\n }\n\n\n\n btnPersonas.addEventListener('click', () => {\n\n tabPersonas.classList.remove('hidden');\n\n tabEquipos.classList.add('hidden');\n\n btnPersonas.classList.add('text-slate-800', 'border-sky-600');\n\n btnPersonas.classList.remove('text-slate-500');\n\n btnEquipos.classList.add('text-slate-500');\n\n btnEquipos.classList.remove('text-slate-800', 'border-sky-600');\n\n });\n\n\n\n btnEquipos.addEventListener('click', () => {\n\n tabEquipos.classList.remove('hidden');\n\n tabPersonas.classList.add('hidden');\n\n btnEquipos.classList.add('text-slate-800', 'border-sky-600');\n\n btnEquipos.classList.remove('text-slate-500');\n\n btnPersonas.classList.add('text-slate-500');\n\n btnPersonas.classList.remove('text-slate-800', 'border-sky-600');\n\n \n\n if (!chartInstance) {\n\n setupChart();\n\n }\n\n });\n\n \n\n equipmentSelector.addEventListener('change', (e) => {\n\n updateChart(e.target.value);\n\n });\n\n\n\n diagnosticoBtn.addEventListener('click', async () => {\n\n const selectedEquipment = equipmentSelector.options[equipmentSelector.selectedIndex].text;\n\n llmOutput.classList.add('hidden');\n\n llmLoading.classList.remove('hidden');\n\n llmText.innerText = '';\n\n\n\n const prompt = `Genera un breve diagn\u00f3stico simulado para un ${selectedEquipment} en una planta concentradora, considerando problemas comunes de vibraci\u00f3n, temperatura y corriente. Enf\u00f3cate en un posible problema y su implicaci\u00f3n. S\u00e9 conciso.`;\n\n let chatHistory = [];\n\n chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\n\n const payload = { contents: chatHistory };\n\n const apiKey = \"\";\n\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\n\n\n\n try {\n\n const response = await fetch(apiUrl, {\n\n method: 'POST',\n\n headers: { 'Content-Type': 'application\/json' },\n\n body: JSON.stringify(payload)\n\n });\n\n const result = await response.json();\n\n if (result.candidates && result.candidates.length > 0 &&\n\n result.candidates[0].content && result.candidates[0].content.parts &&\n\n result.candidates[0].content.parts.length > 0) {\n\n const text = result.candidates[0].content.parts[0].text;\n\n llmText.innerText = text;\n\n llmOutput.classList.remove('hidden');\n\n } else {\n\n llmText.innerText = 'No se pudo generar el diagn\u00f3stico. Int\u00e9ntalo de nuevo.';\n\n llmOutput.classList.remove('hidden');\n\n }\n\n } catch (error) {\n\n llmText.innerText = `Error al conectar con el servicio de diagn\u00f3stico: ${error.message}`;\n\n llmOutput.classList.remove('hidden');\n\n } finally {\n\n llmLoading.classList.add('hidden');\n\n }\n\n });\n\n\n\n const counters = document.querySelectorAll('[data-counter]');\n\n const speed = 200;\n\n\n\n const animateCounter = (counter) => {\n\n const target = +counter.getAttribute('data-counter');\n\n const updateCount = () => {\n\n const count = +counter.innerText.replace('%', '');\n\n const inc = target \/ speed;\n\n\n\n if (count < target) {\n\n counter.innerText = Math.ceil(count + inc) + '%';\n\n setTimeout(updateCount, 10);\n\n } else {\n\n counter.innerText = target + '%';\n\n }\n\n };\n\n updateCount();\n\n };\n\n\n\n const observer = new IntersectionObserver((entries, observer) => {\n\n entries.forEach(entry => {\n\n if (entry.isIntersecting) {\n\n animateCounter(entry.target);\n\n observer.unobserve(entry.target);\n\n }\n\n });\n\n }, { threshold: 0.5 });\n\n \n\n counters.forEach(counter => {\n\n observer.observe(counter);\n\n });\n\n \n\n const plantDiagram = document.querySelector('.plant-diagram');\n\n const nodes = Array.from(plantDiagram.querySelectorAll('.node'));\n\n\n\n for (let i = 0; i < nodes.length; i++) {\n\n for (let j = i + 1; j < nodes.length; j++) {\n\n const node1 = nodes[i];\n\n const node2 = nodes[j];\n\n \n\n const x1 = node1.offsetLeft + node1.offsetWidth \/ 2;\n\n const y1 = node1.offsetTop + node1.offsetHeight \/ 2;\n\n const x2 = node2.offsetLeft + node2.offsetWidth \/ 2;\n\n const y2 = node2.offsetTop + node2.offsetHeight \/ 2;\n\n \n\n const distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\n\n \n\n if (distance < plantDiagram.offsetWidth \/ 2) {\n\n const line = document.createElement('div');\n\n line.classList.add('line');\n\n line.style.width = `${distance}px`;\n\n line.style.transformOrigin = '0 0';\n\n line.style.transform = `rotate(${Math.atan2(y2 - y1, x2 - x1)}rad)`;\n\n line.style.left = `${x1}px`;\n\n line.style.top = `${y1}px`;\n\n plantDiagram.appendChild(line);\n\n }\n\n }\n\n }\n\n });\n\n <\/script>\n\n<\/body>\n\n<\/html>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_section et_pb_section_0 et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_row et_pb_row_0 et_pb_row_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_0 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> Mine-Watch: Potenciando tu Planta Concentradora Mine-Watch El Desaf\u00edo Nuestra Soluci\u00f3n Beneficios Contacto Desbloquea el Potencial de tu Planta Concentradora Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad. Descubre C\u00f3mo TU DESAF\u00cdO La Conectividad como Barrera para la Optimizaci\u00f3n Sabemos que la dificultad para implementar una […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n<!DOCTYPE html>\n\n<html lang=\"es\" class=\"scroll-smooth\">\n\n<head>\n\n <meta charset=\"UTF-8\">\n\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n <title>Mine-Watch: Potenciando tu Planta Concentradora<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n \n\n \n\n \n\n \n\n <style>\n\n body { font-family: 'Inter', sans-serif; }\n\n .chart-container {\n\n position: relative;\n\n width: 100%;\n\n max-width: 800px;\n\n margin-left: auto;\n\n margin-right: auto;\n\n height: 300px;\n\n max-height: 400px;\n\n }\n\n @media (min-width: 768px) {\n\n .chart-container {\n\n height: 350px;\n\n }\n\n }\n\n .plant-diagram {\n\n border: 2px solid #e2e8f0;\n\n background-color: #f8fafc;\n\n overflow: hidden;\n\n }\n\n .node {\n\n width: 1rem;\n\n height: 1rem;\n\n border-radius: 9999px;\n\n position: absolute;\n\n background-color: #0ea5e9;\n\n box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.3);\n\n }\n\n .line {\n\n position: absolute;\n\n background-color: #94a3b8;\n\n height: 1px;\n\n }\n\n .loading-spinner {\n\n border: 4px solid rgba(0, 0, 0, 0.1);\n\n border-left-color: #3b82f6;\n\n border-radius: 50%;\n\n width: 24px;\n\n height: 24px;\n\n animation: spin 1s linear infinite;\n\n }\n\n @keyframes spin {\n\n 0% { transform: rotate(0deg); }\n\n 100% { transform: rotate(360deg); }\n\n }\n\n <\/style>\n\n<\/head>\n\n<body class=\"bg-slate-50 text-slate-700\">\n\n\n\n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n\n <nav class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n\n <h1 class=\"text-2xl font-bold text-slate-800\">Mine-Watch<\/h1>\n\n <ul class=\"hidden md:flex space-x-8\">\n\n <li><a href=\"#desafio\" class=\"hover:text-sky-600 transition-colors\">El Desaf\u00edo<\/a><\/li>\n\n <li><a href=\"#solucion\" class=\"hover:text-sky-600 transition-colors\">Nuestra Soluci\u00f3n<\/a><\/li>\n\n <li><a href=\"#beneficios\" class=\"hover:text-sky-600 transition-colors\">Beneficios<\/a><\/li>\n\n <li><a href=\"#contacto\" class=\"hover:text-sky-600 transition-colors\">Contacto<\/a><\/li>\n\n <\/ul>\n\n <\/nav>\n\n <\/header>\n\n\n\n <main>\n\n <section id=\"hero\" class=\"bg-white\">\n\n <div class=\"container mx-auto px-6 py-20 md:py-32 text-center\">\n\n <h2 class=\"text-4xl md:text-6xl font-extrabold text-slate-900 leading-tight\">Desbloquea el Potencial de tu Planta Concentradora<\/h2>\n\n <p class=\"mt-6 text-lg md:text-xl text-slate-600 max-w-3xl mx-auto\">Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.<\/p>\n\n <a href=\"#desafio\" class=\"mt-10 inline-block bg-sky-600 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-sky-700 transition-transform hover:scale-105\">Descubre C\u00f3mo<\/a>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"desafio\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">TU DESAF\u00cdO<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Conectividad como Barrera para la Optimizaci\u00f3n<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Sabemos que la dificultad para implementar una soluci\u00f3n de conectividad eficaz es un obst\u00e1culo real. Esta falta de visibilidad se traduce directamente en oportunidades perdidas y riesgos innecesarios.<\/p>\n\n <\/div>\n\n\n\n <div class=\"mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udc41\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Puntos Ciegos Operacionales<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Procesos y equipos cr\u00edticos permanecen sin monitoreo, impidiendo una visi\u00f3n completa de la operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udd04<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Decisiones Reactivas<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Sin datos continuos, las acciones son una respuesta a problemas ya ocurridos, no una prevenci\u00f3n proactiva.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\ud83d\udcc9<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Subutilizaci\u00f3n de Activos<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">Es dif\u00edcil optimizar el rendimiento de los equipos sin saber c\u00f3mo operan en cada momento.<\/p>\n\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md border-t-4 border-amber-400\">\n\n <div class=\"text-3xl text-amber-500\">\u26a0\ufe0f<\/div>\n\n <h5 class=\"mt-4 font-bold text-lg text-slate-800\">Riesgos No Mitigados<\/h5>\n\n <p class=\"mt-2 text-sm text-slate-600\">La falta de visibilidad impacta la seguridad del personal y la integridad de los equipos.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"solucion\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">NUESTRA SOLUCI\u00d3N<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">La Soluci\u00f3n Integral que Tu Planta Necesita<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Nuestra propuesta aborda el problema de ra\u00edz con dos pilares: una conectividad inquebrantable que sirve de base para un monitoreo inteligente y totalmente adaptable a tus necesidades.<\/p>\n\n <\/div>\n\n \n\n <div class=\"mt-16 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n\n <div>\n\n <h5 class=\"text-2xl font-bold text-slate-800\">1. El Pilar Fundamental: Conectividad Inquebrantable<\/h5>\n\n <p class=\"mt-4 text-slate-600\">Nuestra red mesh propietaria est\u00e1 dise\u00f1ada para los entornos industriales m\u00e1s exigentes. Garantizamos una cobertura total, online y offline, eliminando las zonas muertas y asegurando un flujo de datos constante y fiable. Esta es la base para desbloquear el verdadero potencial de tu planta.<\/p>\n\n <\/div>\n\n <div class=\"plant-diagram w-full h-64 md:h-80 rounded-lg relative\">\n\n <div class=\"node\" style=\"top: 10%; left: 10%;\"><\/div>\n\n <div class=\"node\" style=\"top: 25%; left: 50%;\"><\/div>\n\n <div class=\"node\" style=\"top: 15%; left: 85%;\"><\/div>\n\n <div class=\"node\" style=\"top: 60%; left: 75%;\"><\/div>\n\n <div class=\"node\" style=\"top: 80%; left: 40%;\"><\/div>\n\n <div class=\"node\" style=\"top: 55%; left: 15%;\"><\/div>\n\n <div class=\"node\" style=\"top: 40%; left: 30%;\"><\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"mt-20\">\n\n <h5 class=\"text-2xl font-bold text-slate-800 text-center\">2. Monitoreo Inteligente: Personas y Equipos<\/h5>\n\n <p class=\"mt-4 text-slate-600 text-center max-w-3xl mx-auto\">Con nuestra red como columna vertebral, implementamos un sistema de monitoreo 360\u00b0, protegiendo a tu personal y optimizando el rendimiento de tus activos m\u00e1s valiosos.<\/p>\n\n \n\n <div class=\"mt-10 bg-slate-100 p-4 sm:p-8 rounded-xl shadow-inner\">\n\n <div class=\"flex justify-center border-b border-slate-300\">\n\n <button id=\"btn-personas\" class=\"px-4 py-3 font-semibold text-slate-800 border-b-2 border-sky-600\">Seguridad de Personas<\/button>\n\n <button id=\"btn-equipos\" class=\"px-4 py-3 font-semibold text-slate-500\">Rendimiento de Equipos<\/button>\n\n <\/div>\n\n\n\n <div id=\"tab-personas\" class=\"mt-8\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udccd<\/span>\n\n <div><h6 class=\"font-bold\">Ubicaci\u00f3n Precisa<\/h6><p class=\"text-sm\">Conoce la posici\u00f3n del personal en tiempo real.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83c\udd98<\/span>\n\n <div><h6 class=\"font-bold\">Alerta \"Hombre Ca\u00eddo\"<\/h6><p class=\"text-sm\">Detecci\u00f3n autom\u00e1tica de emergencias.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\ud83d\udce2<\/span>\n\n <div><h6 class=\"font-bold\">Alertas de Evacuaci\u00f3n<\/h6><p class=\"text-sm\">Comunicaci\u00f3n r\u00e1pida y efectiva.<\/p><\/div>\n\n <\/div>\n\n <div class=\"bg-white p-4 rounded-lg flex items-center gap-4\">\n\n <span class=\"text-2xl\">\u26d4<\/span>\n\n <div><h6 class=\"font-bold\">Control de Zonas de Riesgo<\/h6><p class=\"text-sm\">Monitoreo de acceso a \u00e1reas peligrosas.<\/p><\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div id=\"tab-equipos\" class=\"mt-8 hidden\">\n\n <p class=\"text-center text-slate-600 mb-6\">Visualiza c\u00f3mo monitoreamos los KPIs clave de tus equipos para prevenir fallas y aumentar la disponibilidad. Selecciona un equipo para ver una simulaci\u00f3n de datos en tiempo real.<\/p>\n\n <div class=\"max-w-xs mx-auto mb-6\">\n\n <label for=\"equipment-selector\" class=\"block text-sm font-medium text-slate-700 mb-1\">Seleccionar Equipo:<\/label>\n\n <select id=\"equipment-selector\" class=\"w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500 focus:border-sky-500\">\n\n <option value=\"molino\" selected>Molino de Bolas<\/option>\n\n <option value=\"bomba\">Bomba de Pulpa<\/option>\n\n <option value=\"chancador\">Chancador Primario<\/option>\n\n <\/select>\n\n <\/div>\n\n <div class=\"chart-container bg-white p-4 rounded-lg shadow\">\n\n <canvas id=\"equipment-chart\"><\/canvas>\n\n <\/div>\n\n\n\n <div class=\"mt-8 text-center\">\n\n <button id=\"diagnostico-btn\" class=\"inline-flex items-center bg-purple-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-purple-700 transition-transform hover:scale-105\">\n\n Generar Diagn\u00f3stico Inteligente \u2728\n\n <\/button>\n\n <div id=\"llm-loading\" class=\"hidden mt-4 flex justify-center items-center gap-2 text-slate-600\">\n\n <div class=\"loading-spinner\"><\/div>\n\n Generando diagn\u00f3stico...\n\n <\/div>\n\n <div id=\"llm-output\" class=\"mt-6 p-4 bg-white rounded-lg shadow text-left text-slate-700 hidden\">\n\n <h6 class=\"font-bold text-lg mb-2\">Diagn\u00f3stico Sugerido:<\/h6>\n\n <p id=\"llm-text\"><\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"beneficios\" class=\"py-20 md:py-24\">\n\n <div class=\"container mx-auto px-6\">\n\n <div class=\"text-center max-w-3xl mx-auto\">\n\n <h3 class=\"text-sm font-bold uppercase text-sky-600 tracking-wider\">Resultados Tangibles<\/h3>\n\n <h4 class=\"mt-2 text-3xl md:text-4xl font-bold text-slate-900\">Transforma Datos en Valor<\/h4>\n\n <p class=\"mt-4 text-slate-600\">La implementaci\u00f3n de Mine-Watch se traduce en mejoras medibles en las \u00e1reas m\u00e1s cr\u00edticas de tu operaci\u00f3n.<\/p>\n\n <\/div>\n\n <div class=\"mt-16 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-center\">\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"20\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Aumento de Disponibilidad<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"30\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Reducci\u00f3n de Fallas Imprevistas<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"15\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Optimizaci\u00f3n de Costos de Manto.<\/p>\n\n <\/div>\n\n <div>\n\n <p class=\"text-5xl font-extrabold text-sky-600\" data-counter=\"50\">0%<\/p>\n\n <p class=\"mt-2 font-semibold text-slate-800\">Mejora en Tiempos de Respuesta<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n \n\n <section id=\"contacto\" class=\"py-20 md:py-24 bg-white\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Construyamos Juntos una Soluci\u00f3n a tu Medida<\/h3>\n\n <p class=\"mt-4 text-slate-600 max-w-2xl mx-auto\">Nuestro objetivo es escuchar tus necesidades. La plataforma Mine-Watch es flexible y podemos adaptarla para monitorear cualquier proceso que consideres cr\u00edtico.<\/p>\n\n <div class=\"mt-10 bg-slate-50 border border-slate-200 rounded-lg p-8 max-w-3xl mx-auto\">\n\n <h4 class=\"font-bold text-xl text-slate-800\">Conversemos sobre tus Prioridades<\/h4>\n\n <p class=\"mt-4 text-slate-600\">Para elaborar una propuesta detallada, nos gustar\u00eda saber:<\/p>\n\n <ul class=\"mt-4 text-left list-disc list-inside space-y-2 inline-block\">\n\n <li>\u00bfQu\u00e9 equipos o procesos son los m\u00e1s cr\u00edticos para tu operaci\u00f3n?<\/li>\n\n <li>\u00bfQu\u00e9 informaci\u00f3n te permitir\u00eda tomar mejores decisiones hoy?<\/li>\n\n <\/ul>\n\n <a href=\"mailto:contacto@minewatch.cl\" class=\"mt-8 inline-block bg-amber-500 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-amber-600 transition-transform hover:scale-105\">Iniciar la Conversaci\u00f3n<\/a>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <\/main>\n\n \n\n <footer class=\"bg-slate-800 text-slate-400 py-8\">\n\n <div class=\"container mx-auto px-6 text-center\">\n\n <p>© 2024 Mine-Watch. Todos los derechos reservados.<\/p>\n\n <\/div>\n\n <\/footer>\n\n\n\n <script>\n\n document.addEventListener('DOMContentLoaded', () => {\n\n const btnPersonas = document.getElementById('btn-personas');\n\n const btnEquipos = document.getElementById('btn-equipos');\n\n const tabPersonas = document.getElementById('tab-personas');\n\n const tabEquipos = document.getElementById('tab-equipos');\n\n const equipmentSelector = document.getElementById('equipment-selector');\n\n const diagnosticoBtn = document.getElementById('diagnostico-btn');\n\n const llmLoading = document.getElementById('llm-loading');\n\n const llmOutput = document.getElementById('llm-output');\n\n const llmText = document.getElementById('llm-text');\n\n \n\n let chartInstance = null;\n\n \n\n const chartData = {\n\n molino: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [120, 122, 121, 123, 119, 120, 125, 124, 123, 122], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [2.5, 2.6, 2.4, 2.7, 2.5, 3.5, 2.6, 2.8, 2.7, 2.6], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [65, 66, 65, 67, 68, 67, 66, 68, 69, 68], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n bomba: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [45, 46, 44, 47, 45, 46, 48, 47, 46, 45], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [1.8, 1.9, 1.7, 2.0, 1.8, 1.9, 2.1, 2.0, 1.9, 1.8], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [50, 51, 49, 52, 50, 51, 53, 52, 51, 50], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n },\n\n chancador: {\n\n labels: Array.from({length: 10}, (_, i) => `T-${9-i}`),\n\n datasets: [\n\n { label: 'Corriente (A)', data: [250, 255, 248, 260, 252, 258, 265, 263, 259, 255], borderColor: 'rgb(59, 130, 246)', tension: 0.1, fill: false },\n\n { label: 'Vibraci\u00f3n (mm\/s)', data: [4.1, 4.3, 4.0, 4.5, 4.2, 4.4, 4.6, 4.5, 4.3, 4.2], borderColor: 'rgb(245, 158, 11)', tension: 0.1, fill: false },\n\n { label: 'Temp. (\u00b0C)', data: [75, 76, 74, 77, 75, 78, 79, 77, 76, 75], borderColor: 'rgb(239, 68, 68)', tension: 0.1, fill: false }\n\n ]\n\n }\n\n };\n\n\n\n function setupChart() {\n\n const ctx = document.getElementById('equipment-chart').getContext('2d');\n\n chartInstance = new Chart(ctx, {\n\n type: 'line',\n\n data: chartData.molino,\n\n options: {\n\n responsive: true,\n\n maintainAspectRatio: false,\n\n plugins: {\n\n legend: { position: 'top' },\n\n title: { display: true, text: 'Monitoreo de KPIs del Equipo' }\n\n },\n\n scales: {\n\n y: { beginAtZero: false }\n\n }\n\n }\n\n });\n\n }\n\n \n\n function updateChart(equipment) {\n\n if (chartInstance) {\n\n chartInstance.data = chartData[equipment];\n\n chartInstance.update();\n\n }\n\n }\n\n\n\n btnPersonas.addEventListener('click', () => {\n\n tabPersonas.classList.remove('hidden');\n\n tabEquipos.classList.add('hidden');\n\n btnPersonas.classList.add('text-slate-800', 'border-sky-600');\n\n btnPersonas.classList.remove('text-slate-500');\n\n btnEquipos.classList.add('text-slate-500');\n\n btnEquipos.classList.remove('text-slate-800', 'border-sky-600');\n\n });\n\n\n\n btnEquipos.addEventListener('click', () => {\n\n tabEquipos.classList.remove('hidden');\n\n tabPersonas.classList.add('hidden');\n\n btnEquipos.classList.add('text-slate-800', 'border-sky-600');\n\n btnEquipos.classList.remove('text-slate-500');\n\n btnPersonas.classList.add('text-slate-500');\n\n btnPersonas.classList.remove('text-slate-800', 'border-sky-600');\n\n \n\n if (!chartInstance) {\n\n setupChart();\n\n }\n\n });\n\n \n\n equipmentSelector.addEventListener('change', (e) => {\n\n updateChart(e.target.value);\n\n });\n\n\n\n diagnosticoBtn.addEventListener('click', async () => {\n\n const selectedEquipment = equipmentSelector.options[equipmentSelector.selectedIndex].text;\n\n llmOutput.classList.add('hidden');\n\n llmLoading.classList.remove('hidden');\n\n llmText.innerText = '';\n\n\n\n const prompt = `Genera un breve diagn\u00f3stico simulado para un ${selectedEquipment} en una planta concentradora, considerando problemas comunes de vibraci\u00f3n, temperatura y corriente. Enf\u00f3cate en un posible problema y su implicaci\u00f3n. S\u00e9 conciso.`;\n\n let chatHistory = [];\n\n chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\n\n const payload = { contents: chatHistory };\n\n const apiKey = \"\";\n\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\n\n\n\n try {\n\n const response = await fetch(apiUrl, {\n\n method: 'POST',\n\n headers: { 'Content-Type': 'application\/json' },\n\n body: JSON.stringify(payload)\n\n });\n\n const result = await response.json();\n\n if (result.candidates && result.candidates.length > 0 &&\n\n result.candidates[0].content && result.candidates[0].content.parts &&\n\n result.candidates[0].content.parts.length > 0) {\n\n const text = result.candidates[0].content.parts[0].text;\n\n llmText.innerText = text;\n\n llmOutput.classList.remove('hidden');\n\n } else {\n\n llmText.innerText = 'No se pudo generar el diagn\u00f3stico. Int\u00e9ntalo de nuevo.';\n\n llmOutput.classList.remove('hidden');\n\n }\n\n } catch (error) {\n\n llmText.innerText = `Error al conectar con el servicio de diagn\u00f3stico: ${error.message}`;\n\n llmOutput.classList.remove('hidden');\n\n } finally {\n\n llmLoading.classList.add('hidden');\n\n }\n\n });\n\n\n\n const counters = document.querySelectorAll('[data-counter]');\n\n const speed = 200;\n\n\n\n const animateCounter = (counter) => {\n\n const target = +counter.getAttribute('data-counter');\n\n const updateCount = () => {\n\n const count = +counter.innerText.replace('%', '');\n\n const inc = target \/ speed;\n\n\n\n if (count < target) {\n\n counter.innerText = Math.ceil(count + inc) + '%';\n\n setTimeout(updateCount, 10);\n\n } else {\n\n counter.innerText = target + '%';\n\n }\n\n };\n\n updateCount();\n\n };\n\n\n\n const observer = new IntersectionObserver((entries, observer) => {\n\n entries.forEach(entry => {\n\n if (entry.isIntersecting) {\n\n animateCounter(entry.target);\n\n observer.unobserve(entry.target);\n\n }\n\n });\n\n }, { threshold: 0.5 });\n\n \n\n counters.forEach(counter => {\n\n observer.observe(counter);\n\n });\n\n \n\n const plantDiagram = document.querySelector('.plant-diagram');\n\n const nodes = Array.from(plantDiagram.querySelectorAll('.node'));\n\n\n\n for (let i = 0; i < nodes.length; i++) {\n\n for (let j = i + 1; j < nodes.length; j++) {\n\n const node1 = nodes[i];\n\n const node2 = nodes[j];\n\n \n\n const x1 = node1.offsetLeft + node1.offsetWidth \/ 2;\n\n const y1 = node1.offsetTop + node1.offsetHeight \/ 2;\n\n const x2 = node2.offsetLeft + node2.offsetWidth \/ 2;\n\n const y2 = node2.offsetTop + node2.offsetHeight \/ 2;\n\n \n\n const distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\n\n \n\n if (distance < plantDiagram.offsetWidth \/ 2) {\n\n const line = document.createElement('div');\n\n line.classList.add('line');\n\n line.style.width = `${distance}px`;\n\n line.style.transformOrigin = '0 0';\n\n line.style.transform = `rotate(${Math.atan2(y2 - y1, x2 - x1)}rad)`;\n\n line.style.left = `${x1}px`;\n\n line.style.top = `${y1}px`;\n\n plantDiagram.appendChild(line);\n\n }\n\n }\n\n }\n\n });\n\n <\/script>\n\n<\/body>\n\n<\/html>\n","_et_gb_content_width":"1280","content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2163","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/vigalab.com\/en\/plantas\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Vigalab | MineWatch | Conectando minas subterr\u00e1neas\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Desbloquea el Potencial de tu Planta Concentradora\" \/>\n\t\t<meta property=\"og:description\" content=\"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/vigalab.com\/en\/plantas\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-06-04T17:28:43+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-01-21T17:29:27+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Desbloquea el Potencial de tu Planta Concentradora\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en#listItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/vigalab.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#listItem\",\"name\":\"Plantas\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#listItem\",\"position\":2,\"name\":\"Plantas\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en#listItem\",\"name\":\"Inicio\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#organization\",\"name\":\"Vigalab\",\"description\":\"Mejoramos la productividad, eficiencia y seguridad de tus operaciones mineras subterr\\u00e1neas con tecnolog\\u00eda avanzada, sin requerir conexi\\u00f3n a internet en la mina.\",\"url\":\"https:\\\/\\\/vigalab.com\\\/en\\\/\",\"email\":\"contaco@vigalab.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/vigalab.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/vigalab-logo.webp\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#organizationLogo\",\"width\":800,\"height\":282},\"image\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#webpage\",\"url\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/\",\"name\":\"Desbloquea el Potencial de tu Planta Concentradora\",\"description\":\"Transformamos tus operaciones a trav\\u00e9s de conectividad total y monitoreo inteligente para una m\\u00e1xima eficiencia y seguridad.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/plantas\\\/#breadcrumblist\"},\"datePublished\":\"2025-06-04T13:28:43-04:00\",\"dateModified\":\"2026-01-21T14:29:27-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/vigalab.com\\\/en\\\/\",\"name\":\"Vigalab\",\"description\":\"Conectando minas subterr\\u00e1neas\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/vigalab.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Desbloquea el Potencial de tu Planta Concentradora","description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","canonical_url":"https:\/\/vigalab.com\/en\/plantas\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/vigalab.com\/en\/plantas\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en#listItem","position":1,"name":"Inicio","item":"https:\/\/vigalab.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en\/plantas\/#listItem","name":"Plantas"}},{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en\/plantas\/#listItem","position":2,"name":"Plantas","previousItem":{"@type":"ListItem","@id":"https:\/\/vigalab.com\/en#listItem","name":"Inicio"}}]},{"@type":"Organization","@id":"https:\/\/vigalab.com\/en\/#organization","name":"Vigalab","description":"Mejoramos la productividad, eficiencia y seguridad de tus operaciones mineras subterr\u00e1neas con tecnolog\u00eda avanzada, sin requerir conexi\u00f3n a internet en la mina.","url":"https:\/\/vigalab.com\/en\/","email":"contaco@vigalab.com","logo":{"@type":"ImageObject","url":"https:\/\/vigalab.com\/wp-content\/uploads\/2023\/12\/vigalab-logo.webp","@id":"https:\/\/vigalab.com\/en\/plantas\/#organizationLogo","width":800,"height":282},"image":{"@id":"https:\/\/vigalab.com\/en\/plantas\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/vigalab.com\/en\/plantas\/#webpage","url":"https:\/\/vigalab.com\/en\/plantas\/","name":"Desbloquea el Potencial de tu Planta Concentradora","description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/vigalab.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/vigalab.com\/en\/plantas\/#breadcrumblist"},"datePublished":"2025-06-04T13:28:43-04:00","dateModified":"2026-01-21T14:29:27-03:00"},{"@type":"WebSite","@id":"https:\/\/vigalab.com\/en\/#website","url":"https:\/\/vigalab.com\/en\/","name":"Vigalab","description":"Conectando minas subterr\u00e1neas","inLanguage":"en-US","publisher":{"@id":"https:\/\/vigalab.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Vigalab | MineWatch | Conectando minas subterr\u00e1neas","og:type":"article","og:title":"Desbloquea el Potencial de tu Planta Concentradora","og:description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","og:url":"https:\/\/vigalab.com\/en\/plantas\/","article:published_time":"2025-06-04T17:28:43+00:00","article:modified_time":"2026-01-21T17:29:27+00:00","twitter:card":"summary_large_image","twitter:title":"Desbloquea el Potencial de tu Planta Concentradora","twitter:description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad."},"aioseo_meta_data":{"post_id":"2163","title":"Desbloquea el Potencial de tu Planta Concentradora","description":"Transformamos tus operaciones a trav\u00e9s de conectividad total y monitoreo inteligente para una m\u00e1xima eficiencia y seguridad.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-06-04 17:20:49","updated":"2026-01-21 17:44:23","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/vigalab.com\/en\" title=\"Inicio\">Inicio<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPlantas\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Inicio","link":"https:\/\/vigalab.com\/en"},{"label":"Plantas","link":"https:\/\/vigalab.com\/en\/plantas\/"}],"_links":{"self":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/pages\/2163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/comments?post=2163"}],"version-history":[{"count":0,"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/pages\/2163\/revisions"}],"wp:attachment":[{"href":"https:\/\/vigalab.com\/en\/wp-json\/wp\/v2\/media?parent=2163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}