{"id":1529,"date":"2025-12-08T21:03:26","date_gmt":"2025-12-08T21:03:26","guid":{"rendered":"https:\/\/autentio.com.ar\/?page_id=1529"},"modified":"2026-02-19T12:07:29","modified_gmt":"2026-02-19T12:07:29","slug":"cnc-oee","status":"publish","type":"page","link":"https:\/\/autentio.com.ar\/index.php\/cnc-oee\/","title":{"rendered":"Monitoreo CNC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1529\" class=\"elementor elementor-1529\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b86a07 e-con-full e-flex e-con e-parent\" data-id=\"2b86a07\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ffba06 elementor-widget elementor-widget-html\" data-id=\"5ffba06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Monitoreo de Producci\u00f3n CNC - Autentio<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n        }\n        img[src*=\"LOGO-AUTENTIO-TEXTO.png\"] {\n            height: 2rem !important;\n            max-width: 150px !important;\n            width: auto !important;\n        }\n        \/* Force white color and increase size for all headings in dark blue sections *\/\n        section.bg-\\[#000747\\] h1,\n        section.bg-\\[#000747\\] h2,\n        section.bg-\\[#000747\\] h3,\n        section.bg-\\[#000747\\] h4,\n        section[class*=\"bg-[#000747]\"] h1,\n        section[class*=\"bg-[#000747]\"] h2,\n        section[class*=\"bg-[#000747]\"] h3,\n        section[class*=\"bg-[#000747]\"] h4,\n        section.bg-\\[#000747\\] h1.text-white,\n        section.bg-\\[#000747\\] h2.text-white,\n        section.bg-\\[#000747\\] h3.text-white,\n        section.bg-\\[#000747\\] h4.text-white,\n        section[class*=\"bg-[#000747]\"] h1.text-white,\n        section[class*=\"bg-[#000747]\"] h2.text-white,\n        section[class*=\"bg-[#000747]\"] h3.text-white,\n        section[class*=\"bg-[#000747]\"] h4.text-white,\n        .bg-\\[#000747\\] h1,\n        .bg-\\[#000747\\] h2,\n        .bg-\\[#000747\\] h3,\n        .bg-\\[#000747\\] h4,\n        div[class*=\"bg-[#000747]\"] h1,\n        div[class*=\"bg-[#000747]\"] h2,\n        div[class*=\"bg-[#000747]\"] h3,\n        div[class*=\"bg-[#000747]\"] h4,\n        div.bg-\\[#000747\\] h1,\n        div.bg-\\[#000747\\] h2,\n        div.bg-\\[#000747\\] h3,\n        div.bg-\\[#000747\\] h4 {\n            color: #ffffff !important;\n        }\n        section.bg-\\[#000747\\] h1,\n        section[class*=\"bg-[#000747]\"] h1,\n        div.bg-\\[#000747\\] h1,\n        div[class*=\"bg-[#000747]\"] h1 {\n            font-size: 4.5rem !important;\n            line-height: 1.2 !important;\n        }\n        section.bg-\\[#000747\\] h2,\n        section[class*=\"bg-[#000747]\"] h2,\n        section.bg-\\[#000747\\] h3,\n        section[class*=\"bg-[#000747]\"] h3,\n        section.bg-\\[#000747\\] h4,\n        section[class*=\"bg-[#000747]\"] h4,\n        div.bg-\\[#000747\\] h2,\n        div.bg-\\[#000747\\] h3,\n        div.bg-\\[#000747\\] h4,\n        div[class*=\"bg-[#000747]\"] h2,\n        div[class*=\"bg-[#000747]\"] h3,\n        div[class*=\"bg-[#000747]\"] h4 {\n            font-size: 3.5rem !important;\n            line-height: 1.2 !important;\n        }\n        @media (min-width: 768px) {\n            section.bg-\\[#000747\\] h1,\n            section[class*=\"bg-[#000747]\"] h1,\n            div.bg-\\[#000747\\] h1,\n            div[class*=\"bg-[#000747]\"] h1 {\n                font-size: 5.5rem !important;\n            }\n            section.bg-\\[#000747\\] h2,\n            section[class*=\"bg-[#000747]\"] h2,\n            section.bg-\\[#000747\\] h3,\n            section[class*=\"bg-[#000747]\"] h3,\n            section.bg-\\[#000747\\] h4,\n            section[class*=\"bg-[#000747]\"] h4,\n            div.bg-\\[#000747\\] h2,\n            div.bg-\\[#000747\\] h3,\n            div.bg-\\[#000747\\] h4,\n            div[class*=\"bg-[#000747]\"] h2,\n            div[class*=\"bg-[#000747]\"] h3,\n            div[class*=\"bg-[#000747]\"] h4 {\n                font-size: 4.5rem !important;\n            }\n        }\n        @media (min-width: 1024px) {\n            section.bg-\\[#000747\\] h1,\n            section[class*=\"bg-[#000747]\"] h1,\n            div.bg-\\[#000747\\] h1,\n            div[class*=\"bg-[#000747]\"] h1 {\n                font-size: 6.5rem !important;\n            }\n        }\n        \/* Fix H3 sizes in white\/light sections *\/\n        section.bg-white h1,\n        section[class*=\"bg-white\"] h1,\n        section.bg-\\[#f3f4fa\\] h1,\n        section[class*=\"bg-[#f3f4fa]\"] h1,\n        h1.text-\\[#000747\\] {\n            font-size: 2.5rem !important;\n            line-height: 1.2 !important;\n        }\n        @media (min-width: 768px) {\n            section.bg-white h1,\n            section[class*=\"bg-white\"] h1,\n            section.bg-\\[#f3f4fa\\] h1,\n            section[class*=\"bg-[#f3f4fa]\"] h1,\n            h1.text-\\[#000747\\] {\n                font-size: 3rem !important;\n            }\n        }\n        \/* Fix H4 sizes *\/\n        h4 {\n            font-size: 1.25rem !important;\n            line-height: 1.4 !important;\n        }\n        @media (min-width: 768px) {\n            h4 {\n                font-size: 1.5rem !important;\n            }\n        }\n        \/* Ensure footer H4 stays small *\/\n        footer h4 {\n            font-size: 0.875rem !important;\n        }\n        \/* Additional rules for headings in blue backgrounds - catch all cases *\/\n        [class*=\"bg-[#000747]\"] h1,\n        [class*=\"bg-[#000747]\"] h2,\n        [class*=\"bg-[#000747]\"] h3,\n        [class*=\"bg-[#000747]\"] h4 {\n            color: #ffffff !important;\n        }\n        \/* Ensure h3 and h4 in blue sections have appropriate sizes *\/\n        section.bg-\\[#000747\\] h3,\n        section[class*=\"bg-[#000747]\"] h3,\n        div.bg-\\[#000747\\] h3,\n        div[class*=\"bg-[#000747]\"] h3 {\n            font-size: 2.5rem !important;\n            line-height: 1.2 !important;\n        }\n        section.bg-\\[#000747\\] h4,\n        section[class*=\"bg-[#000747]\"] h4,\n        div.bg-\\[#000747\\] h4,\n        div[class*=\"bg-[#000747]\"] h4 {\n            font-size: 1.75rem !important;\n            line-height: 1.3 !important;\n        }\n        @media (min-width: 768px) {\n            section.bg-\\[#000747\\] h3,\n            section[class*=\"bg-[#000747]\"] h3,\n            div.bg-\\[#000747\\] h3,\n            div[class*=\"bg-[#000747]\"] h3 {\n                font-size: 3rem !important;\n            }\n            section.bg-\\[#000747\\] h4,\n            section[class*=\"bg-[#000747]\"] h4,\n            div.bg-\\[#000747\\] h4,\n            div[class*=\"bg-[#000747]\"] h4 {\n                font-size: 2rem !important;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-[#f3f4fa] antialiased\">\n    \n    <!-- Navigation -->\n    <nav class=\"fixed top-0 left-0 right-0 z-50 bg-white border-b border-black\/10\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-16\">\n                <div class=\"flex items-center gap-8\">\n                    <a href=\"\/index.php\/\" class=\"flex items-center\">\n                        <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2024\/11\/LOGO-AUTENTIO-TEXTO.png\" alt=\"Autentio\" class=\"h-8\">\n                    <\/a>\n                    <div class=\"hidden md:flex items-center gap-6\">\n                        <a href=\"\/index.php\/sync\" class=\"text-sm font-medium text-[#000747]\/60 hover:text-[#000747] transition\">Sync<\/a>\n                        <a href=\"\/index.php\/autentio-node\" class=\"text-sm font-medium text-[#000747]\/60 hover:text-[#000747] transition\">AutentioNode<\/a>\n                        <a href=\"\/index.php\/use-cases\" class=\"text-sm font-medium text-[#000747] transition\">Casos de Uso<\/a>\n                        <a href=\"\/index.php\/about\" class=\"text-sm font-medium text-[#000747]\/60 hover:text-[#000747] transition\">Nosotros<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"flex items-center gap-4\">\n                    <a href=\"mailto:jvarela@autentio.com.ar?subject=Solicitud de Demo\" class=\"px-4 py-2 bg-[#0558ee] text-white text-sm font-medium rounded-lg hover:bg-[#0558ee]\/90 transition\">Ver Demo<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"pt-32 pb-20 md:pt-40 md:pb-32 bg-[#000747]\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"max-w-4xl\">\n                <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/10 mb-6\">\n                    <i data-lucide=\"bar-chart\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n                    <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">Monitoreo<\/span>\n                <\/div>\n                <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-semibold tracking-tight mb-6 leading-tight text-white\" style=\"color: #ffffff !important;\">\n                    Monitoreo de Producci\u00f3n CNC\n                <\/h1>\n                <p class=\"text-xl md:text-2xl text-white\/70 mb-8 leading-relaxed max-w-3xl\">\n                    Descubr\u00ed como optimizamos la producci\u00f3n de una empresa con monitoreo en tiempo real de su planta.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Objective Section -->\n    <section class=\"py-24 md:py-32 bg-white\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"max-w-4xl mx-auto\">\n                <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-8 text-[#000747] text-center\">\n                    Objetivo del Sistema\n                <\/h1>\n                <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n                    Brindar m\u00e9tricas sobre el uso y desempe\u00f1o de la maquinaria, dando evidencia de las oportunidades de mejora en los procesos, para que al realizar acciones, se alcance una mayor productividad.\n                <\/p>\n                <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n                    El prop\u00f3sito central de un sistema de monitoreo no es intervenir directamente en los procesos, sino brindar visibilidad en tiempo real sobre el uso y desempe\u00f1o de la maquinaria. Su funci\u00f3n es registrar, estructurar y presentar datos que permitan identificar oportunidades de mejora concretas.\n                <\/p>\n                <div class=\"bg-[#0558ee]\/10 rounded-xl p-6 border border-[#0558ee]\/20\">\n                    <p class=\"text-sm text-[#000747]\/80 leading-relaxed mb-4 font-semibold\">\n                        Con esta informaci\u00f3n, el usuario puede detectar:\n                    <\/p>\n                    <ul class=\"space-y-2 text-sm text-[#000747]\/70\">\n                        <li class=\"flex items-start gap-2\">\n                            <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0 mt-0.5\"><\/i>\n                            <span>Cuellos de botella<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0 mt-0.5\"><\/i>\n                            <span>Tiempos improductivos<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0 mt-0.5\"><\/i>\n                            <span>P\u00e9rdidas de eficiencia<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0 mt-0.5\"><\/i>\n                            <span>Estados prolongados de parada o espera<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0 mt-0.5\"><\/i>\n                            <span>Desviaciones respecto a los tiempos est\u00e1ndar<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Dashboard Section -->\n    <section class=\"py-24 md:py-32 bg-[#000747]\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"max-w-4xl mx-auto mb-16\">\n                <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-6 text-white text-center\" style=\"color: #ffffff !important;\">\n                    Paneles de Control\n                <\/h1>\n                <p class=\"text-lg text-white\/70 leading-relaxed text-center mb-6\">\n                    El sistema ofrece m\u00faltiples paneles de visualizaci\u00f3n que permiten monitorear el desempe\u00f1o en tiempo real y analizar tendencias hist\u00f3ricas.\n                <\/p>\n                \n                <!-- Architecture Section -->\n                <div class=\"bg-[#0558ee]\/20 rounded-xl p-6 border border-[#0558ee]\/30 backdrop-blur-sm mb-6\">\n                    <div class=\"space-y-3 text-sm text-white\/90\">\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"w-6 h-6 rounded-lg bg-[#0558ee]\/30 flex items-center justify-center flex-shrink-0 mt-0.5\">\n                                <span class=\"text-xs font-bold\">1<\/span>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold mb-1\">Captaci\u00f3n de Datos con Sync<\/p>\n                                <p class=\"text-white\/70\">Se utilizaron drivers de <strong>Sync<\/strong> para comunicar nuestra aplicaci\u00f3n con los controladores CNC, permitiendo la adquisici\u00f3n autom\u00e1tica de datos directamente desde las m\u00e1quinas.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"w-6 h-6 rounded-lg bg-[#0558ee]\/30 flex items-center justify-center flex-shrink-0 mt-0.5\">\n                                <span class=\"text-xs font-bold\">2<\/span>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold mb-1\">Procesamiento con Sync<\/p>\n                                <p class=\"text-white\/70\">Los datos se analizaron utilizando <strong>Sync<\/strong> como sistema de procesamiento, nuestra versi\u00f3n de Sycloud para servidores locales (Proximamente Open Source) para l\u00f3gicas complejas.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"w-6 h-6 rounded-lg bg-[#0558ee]\/30 flex items-center justify-center flex-shrink-0 mt-0.5\">\n                                <span class=\"text-xs font-bold\">3<\/span>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold mb-1\">Almacenamiento en Base de Datos de Serie Temporal<\/p>\n                                <p class=\"text-white\/70\">Los datos procesados se guardaron en una base de datos de serie temporal, optimizada para el almacenamiento eficiente de datos industriales con timestamps.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"w-6 h-6 rounded-lg bg-[#0558ee]\/30 flex items-center justify-center flex-shrink-0 mt-0.5\">\n                                <span class=\"text-xs font-bold\">4<\/span>\n                            <\/div>\n                            <div>\n                                <p class=\"font-semibold mb-1\">Visualizaci\u00f3n con <a href=\"https:\/\/grafana.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[#0558ee] hover:text-[#0558ee]\/80 underline\">Grafana<\/a><\/p>\n                                <p class=\"text-white\/70\">Finalmente, los datos se visualizaron utilizando <a href=\"https:\/\/grafana.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[#0558ee] hover:text-[#0558ee]\/80 underline font-semibold\">Grafana<\/a> como herramienta de visualizaci\u00f3n, creando dashboards interactivos y personalizables.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-4 pt-4 border-t border-white\/20\">\n                        <p class=\"text-sm text-white\/90 text-center\">\n                            <i data-lucide=\"zap\" class=\"w-4 h-4 inline-block mr-2\"><\/i>\n                            <strong>Logro clave:<\/strong> Con Sync se logr\u00f3 no requerir ninguna interacci\u00f3n del operador de la m\u00e1quina. Todo el proceso se realiza analizando autom\u00e1ticamente la operaci\u00f3n y relacion\u00e1ndola con el sistema de gesti\u00f3n en tiempo real.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- General Dashboard -->\n            <div class=\"mb-24\">\n                <div class=\"max-w-4xl mx-auto mb-8\">\n                    <h3 class=\"text-3xl font-semibold mb-4 text-white\">Estado General<\/h3>\n                    <p class=\"text-white\/70 leading-relaxed mb-4\">\n                        Panel principal que muestra los datos recopilados de cada m\u00e1quina en las \u00faltimas 12 horas. Incluye foto de cada m\u00e1quina, datos de la operaci\u00f3n (c\u00f3digo, contador de piezas, estado), estado actual de la m\u00e1quina y m\u00e9tricas clave como ciclo promedio, ciclo est\u00e1ndar, piezas por hora y eficiencia.\n                    <\/p>\n                    <p class=\"text-sm text-white\/80 mb-2\">\n                        <i data-lucide=\"database\" class=\"w-4 h-4 inline-block mr-1\"><\/i>\n                        Todos los datos mostrados fueron captados y procesados autom\u00e1ticamente utilizando <strong>Sync<\/strong> como sistema de adquisici\u00f3n y procesamiento, sin requerir interacci\u00f3n del operador.\n                    <\/p>\n                    <p class=\"text-sm text-white\/60 mt-2\">\n                        <i data-lucide=\"maximize-2\" class=\"w-4 h-4 inline-block mr-1\"><\/i>\n                        Hac\u00e9 clic en la imagen para verla en pantalla completa\n                    <\/p>\n                <\/div>\n                <div class=\"bg-white\/5 rounded-xl border border-white\/10 overflow-hidden shadow-2xl backdrop-blur-sm max-w-6xl mx-auto cursor-pointer hover:border-white\/30 transition\" onclick=\"openModal('https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/general_dashboard.png', 'Panel Estado General')\">\n                    <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/general_dashboard.png\" alt=\"Panel Estado General\" class=\"w-full h-auto\">\n                <\/div>\n            <\/div>\n\n\n                <div class=\"grid md:grid-cols-2 gap-6 max-w-6xl mx-auto\">\n                    <div class=\"bg-white\/5 rounded-xl border border-white\/10 overflow-hidden shadow-2xl backdrop-blur-sm cursor-pointer hover:border-white\/30 transition\" onclick=\"openModal('https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/operation_info_1.png', 'Informaci\u00f3n de Operaci\u00f3n 1')\">\n                        <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/operation_info_1.png\" alt=\"Informaci\u00f3n de Operaci\u00f3n 1\" class=\"w-full h-auto\">\n                    <\/div>\n                    <div class=\"bg-white\/5 rounded-xl border border-white\/10 overflow-hidden shadow-2xl backdrop-blur-sm cursor-pointer hover:border-white\/30 transition\" onclick=\"openModal('https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/operacion_info_2.png', 'Informaci\u00f3n de Operaci\u00f3n 2')\">\n                        <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/operacion_info_2.png\" alt=\"Informaci\u00f3n de Operaci\u00f3n 2\" class=\"w-full h-auto\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Predictive Maintenance Section -->\n    <section class=\"py-24 md:py-32 bg-[#f3f4fa]\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"max-w-4xl mx-auto mb-16\">\n                <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/10 mb-6\">\n                    <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n                    <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">En Desarrollo<\/span>\n                <\/div>\n                <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-6 text-[#000747] text-center\">\n                    Mantenimiento Predictivo\n                <\/h1>\n                <p class=\"text-lg text-[#000747]\/70 leading-relaxed text-center mb-6\">\n                    Estamos desarrollando modelos de mantenimiento predictivo basados en el an\u00e1lisis de datos de carga y velocidad del CNC en tiempo real.\n                <\/p>\n                <div class=\"bg-[#0558ee]\/10 rounded-xl p-6 border border-[#0558ee]\/20\">\n                    <p class=\"text-sm text-[#000747]\/80 leading-relaxed mb-4\">\n                        <i data-lucide=\"zap\" class=\"w-5 h-5 inline-block mr-2 text-[#0558ee]\"><\/i>\n                        <strong>Alto Data Rate con Sync: Se logr\u00f3 captar y procesar datos con un data rate alt\u00edsimo, con informaci\u00f3n llegando en cuesti\u00f3n de <strong>milisegundos<\/strong>. Esta capacidad de adquisici\u00f3n de alta frecuencia es fundamental para detectar patrones y anomal\u00edas que permitan predecir fallas antes de que ocurran.\n                    <\/p>\n                    <p class=\"text-sm text-[#000747]\/80 leading-relaxed\">\n                        <i data-lucide=\"database\" class=\"w-5 h-5 inline-block mr-2 text-[#0558ee]\"><\/i>\n                        <strong>Datos Captados:<\/strong> El sistema monitorea continuamente el estado de mecanizado, herramienta activa, carga en ejes X, Z y spindle, as\u00ed como las velocidades en eje X, Z y spindle. Todos estos datos son procesados autom\u00e1ticamente por Sync sin requerir intervenci\u00f3n manual.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-3 gap-6 max-w-6xl mx-auto\">\n                <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-lg cursor-pointer hover:shadow-xl transition\" onclick=\"openModal('https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/state_tool_spindle_load.png', 'Estado, Herramienta y Carga del Spindle')\">\n                    <div class=\"p-4 bg-white border-b border-black\/10\">\n                        <h3 class=\"text-lg font-semibold text-[#000747]\">Estado, Herramienta y Carga del Spindle<\/h3>\n                        <p class=\"text-sm text-[#000747]\/60 mt-1\">Monitoreo en tiempo real de la carga del spindle y herramienta activa<\/p>\n                    <\/div>\n                    <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/state_tool_spindle_load.png\" alt=\"Estado, Herramienta y Carga del Spindle\" class=\"w-full h-auto\">\n                <\/div>\n                <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-lg cursor-pointer hover:shadow-xl transition\" onclick=\"openModal('https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/axis_spindle_speed.png', 'Velocidades de Ejes y Spindle')\">\n                    <div class=\"p-4 bg-white border-b border-black\/10\">\n                        <h3 class=\"text-lg font-semibold text-[#000747]\">Velocidades de Ejes y Spindle<\/h3>\n                        <p class=\"text-sm text-[#000747]\/60 mt-1\">An\u00e1lisis de velocidades en ejes X, Z y spindle para detecci\u00f3n de anomal\u00edas<\/p>\n                    <\/div>\n                    <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/axis_spindle_speed.png\" alt=\"Velocidades de Ejes y Spindle\" class=\"w-full h-auto\">\n                <\/div>\n                <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-lg cursor-pointer hover:shadow-xl transition\" onclick=\"openModal('https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/axis_load.png', 'Carga de Ejes')\">\n                    <div class=\"p-4 bg-white border-b border-black\/10\">\n                        <h3 class=\"text-lg font-semibold text-[#000747]\">Carga de Ejes<\/h3>\n                        <p class=\"text-sm text-[#000747]\/60 mt-1\">Monitoreo de carga en ejes X y Z para an\u00e1lisis de desgaste y mantenimiento<\/p>\n                    <\/div>\n                    <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/axis_load.png\" alt=\"Carga de Ejes\" class=\"w-full h-auto\">\n                <\/div>\n            <\/div>\n\n            <div class=\"max-w-4xl mx-auto mt-12\">\n                <div class=\"bg-white rounded-xl border border-black\/10 p-6\">\n                    <h3 class=\"text-xl font-semibold mb-4 text-[#000747]\">Objetivo del Proyecto<\/h3>\n                    <p class=\"text-[#000747]\/70 leading-relaxed mb-4\">\n                        El objetivo de estos modelos de mantenimiento predictivo es anticipar fallas en componentes cr\u00edticos como el spindle, ejes de movimiento y herramientas, permitiendo programar mantenimientos preventivos antes de que ocurran paradas no planificadas.\n                    <\/p>\n                    <p class=\"text-[#000747]\/70 leading-relaxed\">\n                        Al analizar patrones de carga y velocidad a lo largo del tiempo, el sistema podr\u00e1 identificar desviaciones que indiquen desgaste prematuro o condiciones an\u00f3malas, optimizando as\u00ed los tiempos de mantenimiento y reduciendo costos operativos.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Conclusion -->\n    <section class=\"py-24 md:py-32 bg-white\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"max-w-4xl mx-auto\">\n                <div class=\"bg-[#000747] rounded-2xl p-12 md:p-16 text-white\">\n                    <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-6 text-white text-center\">\n                        Sync como Herramienta de Modelado de F\u00e1bricas\n                    <\/h3>\n                    <p class=\"text-lg text-white\/70 mb-6 leading-relaxed text-center\">\n                        Este caso de uso demuestra las capacidades de <strong>Sync<\/strong> como herramienta de modelado de f\u00e1bricas. Mostramos c\u00f3mo es posible construir sistemas completos de monitoreo de producci\u00f3n que capturan, procesan y visualizan datos industriales de manera autom\u00e1tica y en tiempo real.\n                    <\/p>\n                    <div class=\"bg-[#0558ee]\/20 rounded-xl p-6 border border-[#0558ee]\/30 mb-8\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 rounded-lg bg-[#0558ee]\/30 flex items-center justify-center flex-shrink-0\">\n                                <i data-lucide=\"sparkles\" class=\"w-6 h-6 text-[#0558ee]\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-lg font-semibold mb-3 text-white\">Disponible como Plantilla en Sync\n                                <\/h4>\n                                <p class=\"text-white\/80 leading-relaxed\">\n                                    Pronto estar\u00e1 disponible todo este trabajo como plantilla dentro de Sync, permitiendo que cualquier empresa industrial pueda construir su propio sistema de monitoreo aprovechando nuestro progreso en este campo. Nuestro objetivo es democratizar el acceso a la digitalizaci\u00f3n industrial, haciendo que estas herramientas est\u00e9n disponibles para todas las empresas, independientemente de su tama\u00f1o o recursos.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\n                        <a href=\"\/index.php\/sync\" class=\"inline-flex items-center gap-2 px-6 py-3 bg-[#0558ee] text-white text-sm font-medium rounded-lg hover:bg-[#0558ee]\/90 transition\">\n                            Conocer Sync\n                            <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                        <\/a>\n                        <a href=\"\/index.php\/use-cases\" class=\"inline-flex items-center gap-2 px-6 py-3 border border-white\/20 text-white text-sm font-medium rounded-lg hover:bg-white\/5 transition\">\n                            Ver m\u00e1s Casos de Uso\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"border-t border-black\/10 py-12 bg-white\">\n        <div class=\"w-full mx-auto px-6 lg:px-8\">\n            <div class=\"grid md:grid-cols-4 gap-8 mb-8\">\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2024\/11\/LOGO-AUTENTIO-TEXTO.png\" alt=\"Autentio\" class=\"h-6 mb-4\">\n                    <p class=\"text-xs text-[#000747]\/60\">Conectando m\u00e1quinas con aplicaciones digitales.<\/p>\n                <\/div>\n                <div>\n                    <h4 class=\"text-sm font-semibold mb-4 text-[#000747]\">Productos<\/h4>\n                    <ul class=\"space-y-2 text-xs text-[#000747]\/60\">\n                        <li><a href=\"\/index.php\/sync\" class=\"hover:text-[#000747] transition\">Sync<\/a><\/li>\n                        <li><a href=\"\/index.php\/autentio-node\" class=\"hover:text-[#000747] transition\">Autentio Node<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"text-sm font-semibold mb-4 text-[#000747]\">Empresa<\/h4>\n                    <ul class=\"space-y-2 text-xs text-[#000747]\/60\">\n                        <li><a href=\"\/index.php\/about\" class=\"hover:text-[#000747] transition\">Sobre Nosotros<\/a><\/li>\n                        <li><a href=\"\/index.php\/#contact\" class=\"hover:text-[#000747] transition\">Contacto<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"text-sm font-semibold mb-4 text-[#000747]\">Recursos<\/h4>\n                    <ul class=\"space-y-2 text-xs text-[#000747]\/60\">\n                        <li><a href=\"mailto:jvarela@autentio.com.ar?subject=Solicitud de Demo\" class=\"hover:text-[#000747] transition\">Demo<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"border-t border-black\/10 pt-8 text-center\">\n                <p class=\"text-xs text-[#000747]\/60\">&copy; <span id=\"year\"><\/span> Autentio. Todos los derechos reservados.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Image Modal -->\n    <div id=\"imageModal\" class=\"fixed inset-0 z-[100] hidden items-center justify-center bg-black\/90 backdrop-blur-sm\" onclick=\"closeModal()\">\n        <div class=\"relative max-w-[95vw] max-h-[95vh] p-4\" onclick=\"event.stopPropagation()\">\n            <button onclick=\"closeModal()\" class=\"absolute -top-12 right-0 text-white hover:text-white\/70 transition p-2\">\n                <i data-lucide=\"x\" class=\"w-8 h-8\"><\/i>\n            <\/button>\n            <div class=\"bg-white rounded-lg overflow-hidden shadow-2xl\">\n                <div class=\"p-4 bg-[#000747] border-b border-white\/10\">\n                    <h3 id=\"modalTitle\" class=\"text-lg font-semibold text-white\"><\/h3>\n                <\/div>\n                <div class=\"overflow-auto max-h-[85vh]\">\n                    <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\" class=\"w-full h-auto\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        lucide.createIcons();\n        document.getElementById('year').textContent = new Date().getFullYear();\n\n        function openModal(imageSrc, title) {\n            const modal = document.getElementById('imageModal');\n            const modalImage = document.getElementById('modalImage');\n            const modalTitle = document.getElementById('modalTitle');\n            \n            modalImage.src = imageSrc;\n            modalTitle.textContent = title;\n            modal.classList.remove('hidden');\n            modal.classList.add('flex');\n            document.body.style.overflow = 'hidden';\n            \n            \/\/ Reinitialize icons after showing modal\n            setTimeout(() => lucide.createIcons(), 100);\n        }\n\n        function closeModal() {\n            const modal = document.getElementById('imageModal');\n            modal.classList.add('hidden');\n            modal.classList.remove('flex');\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Close modal on Escape key\n        document.addEventListener('keydown', function(event) {\n            if (event.key === 'Escape') {\n                closeModal();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Monitoreo de Producci\u00f3n CNC &#8211; Autentio Sync AutentioNode Casos de Uso Nosotros Ver Demo Monitoreo Monitoreo de Producci\u00f3n CNC Descubr\u00ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1529","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=1529"}],"version-history":[{"count":29,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1529\/revisions"}],"predecessor-version":[{"id":1747,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1529\/revisions\/1747"}],"wp:attachment":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=1529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}