Sync - Conectando M\u00e1quinas con Aplicaciones Digitales<\/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 code {\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n }\n .code-block {\n background: #151515 !important;\n border: 1px solid rgba(5, 88, 238, 0.2);\n }\n .code-block pre,\n .code-block code {\n background: #151515 !important;\n color: #e0e0e0 !important;\n }\n \/* Python Syntax Highlighting *\/\n .code-block .keyword { color: #c586c0 !important; } \/* Purple for keywords *\/\n .code-block .string { color: #ce9178 !important; } \/* Orange for strings *\/\n .code-block .number { color: #b5cea8 !important; } \/* Green for numbers *\/\n .code-block .comment { color: #6a9955 !important; } \/* Green for comments *\/\n .code-block .function { color: #dcdcaa !important; } \/* Yellow for functions *\/\n .code-block .class-name { color: #4ec9b0 !important; } \/* Cyan for class names *\/\n .code-block .operator { color: #d4d4d4 !important; } \/* Light gray for operators *\/\n .code-block .variable { color: #9cdcfe !important; } \/* Light blue for variables *\/\n .code-block .builtin { color: #569cd6 !important; } \/* Blue for built-ins *\/\n img[src*=\"LogoSyncWhiteTransparent.png\"] {\n height: 6rem !important;\n max-width: 300px !important;\n width: auto !important;\n }\n @media (min-width: 768px) {\n img[src*=\"LogoSyncWhiteTransparent.png\"] {\n height: 8rem !important;\n max-width: 400px !important;\n }\n }\n img[src*=\"LOGO-AUTENTIO-TEXTO.png\"] {\n height: 2rem !important;\n max-width: 150px !important;\n width: auto !important;\n }\n img[src*=\"sync_actions_transparent-scaled.png\"] {\n max-width: 70% !important;\n width: auto !important;\n height: auto !important;\n }\n \/* Reduce right margin of first section by 60% *\/\n .sync-hero-container {\n padding-right: 0.6rem !important;\n }\n @media (min-width: 1024px) {\n .sync-hero-container {\n padding-right: 1.2rem !important;\n }\n }\n @media (min-width: 1280px) {\n .sync-hero-container {\n padding-right: 1.6rem !important;\n }\n }\n \/* Force white color and increase size by 20% for all headings in dark blue sections *\/\n \/* Target all possible selectors to override WordPress theme styles *\/\n section.bg-\\[#000747\\] h1,\n section.bg-\\[#000747\\] h2,\n section.bg-\\[#000747\\] h3,\n section[class*=\"bg-[#000747]\"] h1,\n section[class*=\"bg-[#000747]\"] h2,\n section[class*=\"bg-[#000747]\"] h3,\n section.bg-\\[#000747\\] h1.text-white,\n section.bg-\\[#000747\\] h2.text-white,\n section.bg-\\[#000747\\] h3.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 .bg-\\[#000747\\] h1,\n .bg-\\[#000747\\] h2,\n .bg-\\[#000747\\] h3,\n section.min-h-screen.bg-\\[#000747\\] h1,\n section.min-h-screen[class*=\"bg-[#000747]\"] h1,\n section.min-h-screen.flex.items-center.bg-\\[#000747\\] h1,\n section.min-h-screen.flex.items-center[class*=\"bg-[#000747]\"] h1,\n section.min-h-screen.bg-\\[#000747\\] h1.text-white,\n section.min-h-screen[class*=\"bg-[#000747]\"] h1.text-white,\n section.min-h-screen.flex.items-center.bg-\\[#000747\\] h1.text-white,\n section.min-h-screen.flex.items-center[class*=\"bg-[#000747]\"] h1.text-white {\n color: #ffffff !important;\n }\n \/* Fix title sizes - ensure consistent sizing across all sections *\/\n section.bg-\\[#000747\\] h1,\n section[class*=\"bg-[#000747]\"] h1 {\n font-size: 2.016rem !important;\n line-height: 1.2 !important;\n }\n section.bg-\\[#000747\\] h2,\n section[class*=\"bg-[#000747]\"] h2,\n section.bg-\\[#000747\\] h2.text-4xl,\n section.bg-\\[#000747\\] h2.text-5xl,\n section[class*=\"bg-[#000747]\"] h2.text-4xl,\n section[class*=\"bg-[#000747]\"] h2.text-5xl {\n font-size: 2.7rem !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 font-size: 2.52rem !important;\n }\n section.bg-\\[#000747\\] h2,\n section[class*=\"bg-[#000747]\"] h2,\n section.bg-\\[#000747\\] h2.text-4xl,\n section.bg-\\[#000747\\] h2.text-5xl,\n section[class*=\"bg-[#000747]\"] h2.text-4xl,\n section[class*=\"bg-[#000747]\"] h2.text-5xl {\n font-size: 3.6rem !important;\n }\n }\n @media (min-width: 1024px) {\n section.bg-\\[#000747\\] h1,\n section[class*=\"bg-[#000747]\"] h1 {\n font-size: 3.024rem !important;\n }\n }\n \/* Ensure h3 titles in features section have consistent sizing *\/\n section.bg-\\[#f3f4fa\\] h3.text-3xl,\n section[class*=\"bg-[#f3f4fa]\"] h3.text-3xl {\n font-size: 1.875rem !important;\n }\n @media (min-width: 768px) {\n section.bg-\\[#f3f4fa\\] h3.text-4xl,\n section[class*=\"bg-[#f3f4fa]\"] h3.text-4xl {\n font-size: 2.25rem !important;\n }\n }\n .code-block span.text-xs {\n color: #ffffff !important;\n opacity: 0.9 !important;\n }\n \/* Responsive font sizes for h2 in dark blue sections *\/\n @media (min-width: 768px) {\n section.bg-\\[#000747\\] h2[style*=\"font-size: 2.7rem\"],\n section[class*=\"bg-[#000747]\"] h2[style*=\"font-size: 2.7rem\"] {\n font-size: 3.6rem !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-[#f3f4fa] antialiased\">\n \n \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] 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]\/60 hover: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\n\n \n <section class=\"min-h-screen flex items-center bg-[#000747] text-white pt-16\">\n <div class=\"w-full px-6 lg:px-12 xl:px-16\">\n <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-center w-full mx-auto\">\n \n <div class=\"lg:col-span-5 xl:col-span-4 lg:ml-12 xl:ml-16\">\n <div class=\"mb-8\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/LogoSyncWhiteTransparent.png\" alt=\"Sync Logo\" class=\"h-24 md:h-32 w-auto\">\n <\/div>\n <h1 class=\"text-3xl md:text-4xl lg:text-5xl font-semibold tracking-tight mb-6 text-white leading-tight\" style=\"color: #ffffff !important;\">\n Escal\u00e1 tus aplicaciones de monitoreo y control\n <\/h1>\n <p class=\"text-base md:text-lg text-white\/60 mb-8 leading-relaxed\">\n Sync ofrece a ingenieros y desarrolladores herramientas para construir aplicaciones de monitoreo y control. Con una infraestrucura de datos abierta y un modelo de procesamiento flexible.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"mailto:jvarela@autentio.com.ar?subject=Solicitud de Demo\" 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 Demo en Vivo\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"relative lg:col-span-7 xl:col-span-8 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/sync_actions_transparent-scaled.png\" alt=\"Syncloud Dashboard\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n \n <\/section>\n\n\n \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=\"mb-16 text-center\">\n <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-4 text-[#000747]\">Explor\u00e1 las capacidades de Sync<\/h1>\n <p class=\"text-lg text-[#000747]\/70 max-w-3xl mx-auto mb-12\">\n <\/p>\n\n <\/div>\n\n \n <div class=\"space-y-24\">\n\n\n\n \n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"lg:order-2\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/10 mb-6\">\n <i data-lucide=\"plug\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">Conectores<\/span>\n <\/div>\n <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-[#000747]\">A\u00f1ad\u00ed o cre\u00e1 tus conectores<\/h3>\n <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n Conect\u00e1 Sync con tu maquinaria y sensores mediante drivers industriales nativos. Luego, integr\u00e1 Sync con tus sistemas de gesti\u00f3n y plataformas en la nube a trav\u00e9s de conectores preconfigurados. <br \/><br \/> \n <\/p>\n <div class=\"mb-6\">\n <h4 class=\"text-sm font-semibold text-[#000747] mb-4\">Drivers Industriales Soportados:<\/h4>\n <div class=\"grid md:grid-cols-2 gap-3\">\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>Modbus TCP<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>OPC UA<\/span>\n <\/div>\n\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>Ethernet\/IP<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>Serial RS485\/RS232<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>MQTT<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>REST API<\/span>\n <\/div>\n\n <\/div>\n <p class=\"text-m text-[#000747]\/60 mt-6\">Si no encontr\u00e1s el conector que necesit\u00e1s, pod\u00e9s crear tu propio conector mediante APIs REST o MQTT.<\/p>\n <\/div>\n <\/div>\n <div class=\"lg:order-1 relative\">\n <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/connectors_page.png\" alt=\"Gesti\u00f3n de M\u00e1quinas\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div>\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-3\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">An\u00e1lisis<\/span>\n <\/div>\n <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-[#000747]\">Transparencia y Control<\/h3>\n <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n Usalo como una herramienta para obtener visibilidad total de tus proyectos de monitoreo y control, contando con todos los eventos transmitidos. Analiz\u00e1 cada transici\u00f3n, cada comando y cada estado para entender exactamente qu\u00e9 est\u00e1 pasando en tu sistema. <\/p>\n\n <a href=\"\/index.php\/sync\" class=\"inline-flex items-center gap-2 text-[#0558ee] text-sm font-medium hover:text-[#0558ee]\/80 transition\">\n Explorar An\u00e1lisis\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <div class=\"relative\">\n <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/admin_dashboard.png\" alt=\"An\u00e1lisis de Datos\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"lg:order-2\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/10 mb-6\">\n <i data-lucide=\"router\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">Redes<\/span>\n <\/div>\n <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-[#000747]\">Gesti\u00f3na tus redes IoT<\/h3>\n <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n Gestiona centralmente dispositivos y aplicaciones desde un \u00fanico punto de control. Configur\u00e1 conectores y actualiz\u00e1 tus nodos de forma remota.\n <\/p>\n \n <\/div>\n <div class=\"lg:order-1 relative\">\n <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/edge_management.png\" alt=\"Gesti\u00f3n de M\u00e1quinas\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n \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=\"w-full max-w-6xl mx-auto text-center mb-16\">\n <h1 class=\"font-semibold tracking-tight mb-6 leading-tight text-[#000747]\" style=\"font-size: 2.1rem;\">\n Casos de Uso \n <\/h1>\n <style>\n @media (min-width: 768px) {\n h1.font-semibold { font-size: 2.625rem !important; }\n }\n @media (min-width: 1024px) {\n h1.font-semibold { font-size: 3.15rem !important; }\n }\n <\/style>\n\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12\">\n \n <a href=\"\/index.php\/robosync\" class=\"group bg-white rounded-2xl border border-black\/10 overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"relative h-64 bg-[#000747] overflow-hidden flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/robot_cell_perspective.jpg\" alt=\"Celda Robot CNC\" class=\"w-full h-full object-cover object-center opacity-80 group-hover:opacity-100 transition-opacity duration-300\" style=\"object-position: center center;\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#000747] to-transparent\"><\/div>\n <div class=\"absolute bottom-6 left-6 right-6\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/20 mb-4 backdrop-blur-sm\">\n <i data-lucide=\"factory\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-white uppercase tracking-wide\">Automatizaci\u00f3n<\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-semibold tracking-tight text-white mb-2\">\n Robosync\n <\/h2>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-semibold mb-4 text-[#000747]\">Celda CNC con Robot Colaborativo<\/h3>\n <p class=\"text-[#000747]\/70 mb-6 leading-relaxed\">\n Una soluci\u00f3n completa para lograr que un CNC trabaje de manera aut\u00f3noma, sin la necesidad de que un operario est\u00e9 frente a la m\u00e1quina, permitiendo operaci\u00f3n continua y monitoreo remoto.\n <\/p>\n <div class=\"flex items-center gap-2 text-[#0558ee] font-medium group-hover:gap-4 transition-all\">\n <span>Ver caso de uso completo<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"\/index.php\/cnc-oee\" class=\"group bg-white rounded-2xl border border-black\/10 overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"relative h-64 bg-[#000747] overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/cnc_factory_dashboard.jpeg\" alt=\"Dashboard de Monitoreo CNC\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 transition-opacity duration-300\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#000747] to-transparent\"><\/div>\n <div class=\"absolute bottom-6 left-6 right-6\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/20 mb-4 backdrop-blur-sm\">\n <i data-lucide=\"bar-chart\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-white uppercase tracking-wide\">Monitoreo<\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-semibold tracking-tight text-white mb-2\">\n M\u00e9tricas de Producci\u00f3n\n <\/h2>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-semibold mb-4 text-[#000747]\">Monitoreo de Eficiencia Operativa<\/h3>\n <p class=\"text-[#000747]\/70 mb-6 leading-relaxed\">\n Optimiz\u00e1 la eficiencia operativa de tus m\u00e1quinas CNC con monitoreo en tiempo real de disponibilidad, rendimiento y calidad.\n <\/p>\n <div class=\"flex items-center gap-2 text-[#0558ee] font-medium group-hover:gap-4 transition-all\">\n <span>Ver caso de uso completo<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n \n <section id=\"docs\" class=\"py-24 md:py-32 bg-[#f3f4fa]\">\n <div class=\"max-w-4xl mx-auto px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-6 text-[#000747]\">\n Comenz\u00e1 a Construir con <span class=\"text-[#0558ee]\">Sync<\/span>\n <\/h1>\n <p class=\"text-lg text-[#000747]\/70 mb-8 max-w-2xl mx-auto\">\n Registrate para acceder a la beta de sync. Explor\u00e1 la documentaci\u00f3n completa, tutoriales paso a paso y ejemplos de c\u00f3digo\n <\/p>\n \n \n <div class=\"mb-16 max-w-md mx-auto\">\n <div class=\"bg-white rounded-xl border border-black\/10 p-8 shadow-lg\">\n <h2 class=\"text-xl font-semibold text-[#000747] mb-4 text-center\">Registrate para acceder a la Beta<\/h2>\n <form id=\"beta-registration-form\" class=\"space-y-4\">\n <div>\n <input \n type=\"email\" \n id=\"beta-email\"\n name=\"email\" \n placeholder=\"tu@email.com\" \n required\n class=\"w-full px-4 py-3 border border-black\/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#0558ee] focus:border-[#0558ee] transition text-[#000747]\"\n >\n <\/div>\n <button \n type=\"submit\"\n class=\"w-full px-6 py-3 bg-[#0558ee] text-white text-sm font-medium rounded-lg hover:bg-[#0558ee]\/90 transition\"\n >\n Solicitar Acceso\n <\/button>\n <\/form>\n <p class=\"text-xs text-[#000747]\/60 text-center mt-4\">\n Te notificaremos cuando tu acceso est\u00e9 listo\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-16\">\n <a href=\"mailto:jvarela@autentio.com.ar?subject=Solicitud de Demo\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-white border border-black\/20 text-[#000747] text-sm font-medium rounded-lg hover:bg-black\/5 transition\">\n Explorar la Plataforma\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \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\">© <span id=\"year\"><\/span> Autentio. Todos los derechos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n lucide.createIcons();\n document.getElementById('year').textContent = new Date().getFullYear();\n \n \/\/ Handle Beta Registration Form\n document.getElementById('beta-registration-form').addEventListener('submit', function(e) {\n e.preventDefault();\n const email = document.getElementById('beta-email').value;\n const subject = encodeURIComponent('Registro Beta Sync');\n const body = encodeURIComponent(`Hola,\\n\\nMe gustar\u00eda registrarme para acceder a la beta de Sync.\\n\\nEmail: ${email}\\n\\nGracias.`);\n const mailtoLink = `mailto:jvarela@autentio.com.ar?subject=${subject}&body=${body}`;\n window.location.href = mailtoLink;\n \n \/\/ Show success message\n const form = document.getElementById('beta-registration-form');\n form.innerHTML = '<div class=\"text-center\"><div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-4\"><i data-lucide=\"check\" class=\"w-8 h-8 text-green-600\"><\/i><\/div><p class=\"text-[#000747] font-medium\">\u00a1Solicitud enviada!<\/p><p class=\"text-sm text-[#000747]\/60 mt-2\">Revisa tu cliente de correo para completar el env\u00edo.<\/p><\/div>';\n lucide.createIcons();\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>Sync – Conectando M\u00e1quinas con Aplicaciones Digitales Sync AutentioNode Casos de Uso Nosotros Ver Demo Escal\u00e1 tus aplicaciones de monitoreo […]<\/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-1443","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1443","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=1443"}],"version-history":[{"count":74,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1443\/revisions"}],"predecessor-version":[{"id":1757,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1443\/revisions\/1757"}],"wp:attachment":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=1443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Sync - Conectando M\u00e1quinas con Aplicaciones Digitales<\/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 code {\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n }\n .code-block {\n background: #151515 !important;\n border: 1px solid rgba(5, 88, 238, 0.2);\n }\n .code-block pre,\n .code-block code {\n background: #151515 !important;\n color: #e0e0e0 !important;\n }\n \/* Python Syntax Highlighting *\/\n .code-block .keyword { color: #c586c0 !important; } \/* Purple for keywords *\/\n .code-block .string { color: #ce9178 !important; } \/* Orange for strings *\/\n .code-block .number { color: #b5cea8 !important; } \/* Green for numbers *\/\n .code-block .comment { color: #6a9955 !important; } \/* Green for comments *\/\n .code-block .function { color: #dcdcaa !important; } \/* Yellow for functions *\/\n .code-block .class-name { color: #4ec9b0 !important; } \/* Cyan for class names *\/\n .code-block .operator { color: #d4d4d4 !important; } \/* Light gray for operators *\/\n .code-block .variable { color: #9cdcfe !important; } \/* Light blue for variables *\/\n .code-block .builtin { color: #569cd6 !important; } \/* Blue for built-ins *\/\n img[src*=\"LogoSyncWhiteTransparent.png\"] {\n height: 6rem !important;\n max-width: 300px !important;\n width: auto !important;\n }\n @media (min-width: 768px) {\n img[src*=\"LogoSyncWhiteTransparent.png\"] {\n height: 8rem !important;\n max-width: 400px !important;\n }\n }\n img[src*=\"LOGO-AUTENTIO-TEXTO.png\"] {\n height: 2rem !important;\n max-width: 150px !important;\n width: auto !important;\n }\n img[src*=\"sync_actions_transparent-scaled.png\"] {\n max-width: 70% !important;\n width: auto !important;\n height: auto !important;\n }\n \/* Reduce right margin of first section by 60% *\/\n .sync-hero-container {\n padding-right: 0.6rem !important;\n }\n @media (min-width: 1024px) {\n .sync-hero-container {\n padding-right: 1.2rem !important;\n }\n }\n @media (min-width: 1280px) {\n .sync-hero-container {\n padding-right: 1.6rem !important;\n }\n }\n \/* Force white color and increase size by 20% for all headings in dark blue sections *\/\n \/* Target all possible selectors to override WordPress theme styles *\/\n section.bg-\\[#000747\\] h1,\n section.bg-\\[#000747\\] h2,\n section.bg-\\[#000747\\] h3,\n section[class*=\"bg-[#000747]\"] h1,\n section[class*=\"bg-[#000747]\"] h2,\n section[class*=\"bg-[#000747]\"] h3,\n section.bg-\\[#000747\\] h1.text-white,\n section.bg-\\[#000747\\] h2.text-white,\n section.bg-\\[#000747\\] h3.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 .bg-\\[#000747\\] h1,\n .bg-\\[#000747\\] h2,\n .bg-\\[#000747\\] h3,\n section.min-h-screen.bg-\\[#000747\\] h1,\n section.min-h-screen[class*=\"bg-[#000747]\"] h1,\n section.min-h-screen.flex.items-center.bg-\\[#000747\\] h1,\n section.min-h-screen.flex.items-center[class*=\"bg-[#000747]\"] h1,\n section.min-h-screen.bg-\\[#000747\\] h1.text-white,\n section.min-h-screen[class*=\"bg-[#000747]\"] h1.text-white,\n section.min-h-screen.flex.items-center.bg-\\[#000747\\] h1.text-white,\n section.min-h-screen.flex.items-center[class*=\"bg-[#000747]\"] h1.text-white {\n color: #ffffff !important;\n }\n \/* Fix title sizes - ensure consistent sizing across all sections *\/\n section.bg-\\[#000747\\] h1,\n section[class*=\"bg-[#000747]\"] h1 {\n font-size: 2.016rem !important;\n line-height: 1.2 !important;\n }\n section.bg-\\[#000747\\] h2,\n section[class*=\"bg-[#000747]\"] h2,\n section.bg-\\[#000747\\] h2.text-4xl,\n section.bg-\\[#000747\\] h2.text-5xl,\n section[class*=\"bg-[#000747]\"] h2.text-4xl,\n section[class*=\"bg-[#000747]\"] h2.text-5xl {\n font-size: 2.7rem !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 font-size: 2.52rem !important;\n }\n section.bg-\\[#000747\\] h2,\n section[class*=\"bg-[#000747]\"] h2,\n section.bg-\\[#000747\\] h2.text-4xl,\n section.bg-\\[#000747\\] h2.text-5xl,\n section[class*=\"bg-[#000747]\"] h2.text-4xl,\n section[class*=\"bg-[#000747]\"] h2.text-5xl {\n font-size: 3.6rem !important;\n }\n }\n @media (min-width: 1024px) {\n section.bg-\\[#000747\\] h1,\n section[class*=\"bg-[#000747]\"] h1 {\n font-size: 3.024rem !important;\n }\n }\n \/* Ensure h3 titles in features section have consistent sizing *\/\n section.bg-\\[#f3f4fa\\] h3.text-3xl,\n section[class*=\"bg-[#f3f4fa]\"] h3.text-3xl {\n font-size: 1.875rem !important;\n }\n @media (min-width: 768px) {\n section.bg-\\[#f3f4fa\\] h3.text-4xl,\n section[class*=\"bg-[#f3f4fa]\"] h3.text-4xl {\n font-size: 2.25rem !important;\n }\n }\n .code-block span.text-xs {\n color: #ffffff !important;\n opacity: 0.9 !important;\n }\n \/* Responsive font sizes for h2 in dark blue sections *\/\n @media (min-width: 768px) {\n section.bg-\\[#000747\\] h2[style*=\"font-size: 2.7rem\"],\n section[class*=\"bg-[#000747]\"] h2[style*=\"font-size: 2.7rem\"] {\n font-size: 3.6rem !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-[#f3f4fa] antialiased\">\n \n \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] 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]\/60 hover: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\n\n \n <section class=\"min-h-screen flex items-center bg-[#000747] text-white pt-16\">\n <div class=\"w-full px-6 lg:px-12 xl:px-16\">\n <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-center w-full mx-auto\">\n \n <div class=\"lg:col-span-5 xl:col-span-4 lg:ml-12 xl:ml-16\">\n <div class=\"mb-8\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/LogoSyncWhiteTransparent.png\" alt=\"Sync Logo\" class=\"h-24 md:h-32 w-auto\">\n <\/div>\n <h1 class=\"text-3xl md:text-4xl lg:text-5xl font-semibold tracking-tight mb-6 text-white leading-tight\" style=\"color: #ffffff !important;\">\n Escal\u00e1 tus aplicaciones de monitoreo y control\n <\/h1>\n <p class=\"text-base md:text-lg text-white\/60 mb-8 leading-relaxed\">\n Sync ofrece a ingenieros y desarrolladores herramientas para construir aplicaciones de monitoreo y control. Con una infraestrucura de datos abierta y un modelo de procesamiento flexible.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"mailto:jvarela@autentio.com.ar?subject=Solicitud de Demo\" 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 Demo en Vivo\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"relative lg:col-span-7 xl:col-span-8 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/sync_actions_transparent-scaled.png\" alt=\"Syncloud Dashboard\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n \n <\/section>\n\n\n \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=\"mb-16 text-center\">\n <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-4 text-[#000747]\">Explor\u00e1 las capacidades de Sync<\/h1>\n <p class=\"text-lg text-[#000747]\/70 max-w-3xl mx-auto mb-12\">\n <\/p>\n\n <\/div>\n\n \n <div class=\"space-y-24\">\n\n\n\n \n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"lg:order-2\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/10 mb-6\">\n <i data-lucide=\"plug\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">Conectores<\/span>\n <\/div>\n <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-[#000747]\">A\u00f1ad\u00ed o cre\u00e1 tus conectores<\/h3>\n <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n Conect\u00e1 Sync con tu maquinaria y sensores mediante drivers industriales nativos. Luego, integr\u00e1 Sync con tus sistemas de gesti\u00f3n y plataformas en la nube a trav\u00e9s de conectores preconfigurados. <br \/><br \/> \n <\/p>\n <div class=\"mb-6\">\n <h4 class=\"text-sm font-semibold text-[#000747] mb-4\">Drivers Industriales Soportados:<\/h4>\n <div class=\"grid md:grid-cols-2 gap-3\">\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>Modbus TCP<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>OPC UA<\/span>\n <\/div>\n\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>Ethernet\/IP<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>Serial RS485\/RS232<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>MQTT<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-[#000747]\/70\">\n <i data-lucide=\"check\" class=\"w-5 h-5 text-[#0558ee] flex-shrink-0\"><\/i>\n <span>REST API<\/span>\n <\/div>\n\n <\/div>\n <p class=\"text-m text-[#000747]\/60 mt-6\">Si no encontr\u00e1s el conector que necesit\u00e1s, pod\u00e9s crear tu propio conector mediante APIs REST o MQTT.<\/p>\n <\/div>\n <\/div>\n <div class=\"lg:order-1 relative\">\n <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/connectors_page.png\" alt=\"Gesti\u00f3n de M\u00e1quinas\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div>\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-3\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">An\u00e1lisis<\/span>\n <\/div>\n <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-[#000747]\">Transparencia y Control<\/h3>\n <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n Usalo como una herramienta para obtener visibilidad total de tus proyectos de monitoreo y control, contando con todos los eventos transmitidos. Analiz\u00e1 cada transici\u00f3n, cada comando y cada estado para entender exactamente qu\u00e9 est\u00e1 pasando en tu sistema. <\/p>\n\n <a href=\"\/index.php\/sync\" class=\"inline-flex items-center gap-2 text-[#0558ee] text-sm font-medium hover:text-[#0558ee]\/80 transition\">\n Explorar An\u00e1lisis\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <div class=\"relative\">\n <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/admin_dashboard.png\" alt=\"An\u00e1lisis de Datos\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"lg:order-2\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/10 mb-6\">\n <i data-lucide=\"router\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-[#0558ee] uppercase tracking-wide\">Redes<\/span>\n <\/div>\n <h3 class=\"text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-[#000747]\">Gesti\u00f3na tus redes IoT<\/h3>\n <p class=\"text-lg text-[#000747]\/70 mb-6 leading-relaxed\">\n Gestiona centralmente dispositivos y aplicaciones desde un \u00fanico punto de control. Configur\u00e1 conectores y actualiz\u00e1 tus nodos de forma remota.\n <\/p>\n \n <\/div>\n <div class=\"lg:order-1 relative\">\n <div class=\"bg-white rounded-xl border border-black\/10 overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/edge_management.png\" alt=\"Gesti\u00f3n de M\u00e1quinas\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n \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=\"w-full max-w-6xl mx-auto text-center mb-16\">\n <h1 class=\"font-semibold tracking-tight mb-6 leading-tight text-[#000747]\" style=\"font-size: 2.1rem;\">\n Casos de Uso \n <\/h1>\n <style>\n @media (min-width: 768px) {\n h1.font-semibold { font-size: 2.625rem !important; }\n }\n @media (min-width: 1024px) {\n h1.font-semibold { font-size: 3.15rem !important; }\n }\n <\/style>\n\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12\">\n \n <a href=\"\/index.php\/robosync\" class=\"group bg-white rounded-2xl border border-black\/10 overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"relative h-64 bg-[#000747] overflow-hidden flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/robot_cell_perspective.jpg\" alt=\"Celda Robot CNC\" class=\"w-full h-full object-cover object-center opacity-80 group-hover:opacity-100 transition-opacity duration-300\" style=\"object-position: center center;\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#000747] to-transparent\"><\/div>\n <div class=\"absolute bottom-6 left-6 right-6\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/20 mb-4 backdrop-blur-sm\">\n <i data-lucide=\"factory\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-white uppercase tracking-wide\">Automatizaci\u00f3n<\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-semibold tracking-tight text-white mb-2\">\n Robosync\n <\/h2>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-semibold mb-4 text-[#000747]\">Celda CNC con Robot Colaborativo<\/h3>\n <p class=\"text-[#000747]\/70 mb-6 leading-relaxed\">\n Una soluci\u00f3n completa para lograr que un CNC trabaje de manera aut\u00f3noma, sin la necesidad de que un operario est\u00e9 frente a la m\u00e1quina, permitiendo operaci\u00f3n continua y monitoreo remoto.\n <\/p>\n <div class=\"flex items-center gap-2 text-[#0558ee] font-medium group-hover:gap-4 transition-all\">\n <span>Ver caso de uso completo<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"\/index.php\/cnc-oee\" class=\"group bg-white rounded-2xl border border-black\/10 overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"relative h-64 bg-[#000747] overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/autentio.com.ar\/wp-content\/uploads\/2025\/12\/cnc_factory_dashboard.jpeg\" alt=\"Dashboard de Monitoreo CNC\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 transition-opacity duration-300\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#000747] to-transparent\"><\/div>\n <div class=\"absolute bottom-6 left-6 right-6\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#0558ee]\/20 mb-4 backdrop-blur-sm\">\n <i data-lucide=\"bar-chart\" class=\"w-5 h-5 text-[#0558ee]\"><\/i>\n <span class=\"text-sm font-medium text-white uppercase tracking-wide\">Monitoreo<\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-semibold tracking-tight text-white mb-2\">\n M\u00e9tricas de Producci\u00f3n\n <\/h2>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-semibold mb-4 text-[#000747]\">Monitoreo de Eficiencia Operativa<\/h3>\n <p class=\"text-[#000747]\/70 mb-6 leading-relaxed\">\n Optimiz\u00e1 la eficiencia operativa de tus m\u00e1quinas CNC con monitoreo en tiempo real de disponibilidad, rendimiento y calidad.\n <\/p>\n <div class=\"flex items-center gap-2 text-[#0558ee] font-medium group-hover:gap-4 transition-all\">\n <span>Ver caso de uso completo<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n \n <section id=\"docs\" class=\"py-24 md:py-32 bg-[#f3f4fa]\">\n <div class=\"max-w-4xl mx-auto px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-5xl font-semibold tracking-tight mb-6 text-[#000747]\">\n Comenz\u00e1 a Construir con <span class=\"text-[#0558ee]\">Sync<\/span>\n <\/h1>\n <p class=\"text-lg text-[#000747]\/70 mb-8 max-w-2xl mx-auto\">\n Registrate para acceder a la beta de sync. Explor\u00e1 la documentaci\u00f3n completa, tutoriales paso a paso y ejemplos de c\u00f3digo\n <\/p>\n \n \n <div class=\"mb-16 max-w-md mx-auto\">\n <div class=\"bg-white rounded-xl border border-black\/10 p-8 shadow-lg\">\n <h2 class=\"text-xl font-semibold text-[#000747] mb-4 text-center\">Registrate para acceder a la Beta<\/h2>\n <form id=\"beta-registration-form\" class=\"space-y-4\">\n <div>\n <input \n type=\"email\" \n id=\"beta-email\"\n name=\"email\" \n placeholder=\"tu@email.com\" \n required\n class=\"w-full px-4 py-3 border border-black\/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#0558ee] focus:border-[#0558ee] transition text-[#000747]\"\n >\n <\/div>\n <button \n type=\"submit\"\n class=\"w-full px-6 py-3 bg-[#0558ee] text-white text-sm font-medium rounded-lg hover:bg-[#0558ee]\/90 transition\"\n >\n Solicitar Acceso\n <\/button>\n <\/form>\n <p class=\"text-xs text-[#000747]\/60 text-center mt-4\">\n Te notificaremos cuando tu acceso est\u00e9 listo\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-16\">\n <a href=\"mailto:jvarela@autentio.com.ar?subject=Solicitud de Demo\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-white border border-black\/20 text-[#000747] text-sm font-medium rounded-lg hover:bg-black\/5 transition\">\n Explorar la Plataforma\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \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\">© <span id=\"year\"><\/span> Autentio. Todos los derechos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n lucide.createIcons();\n document.getElementById('year').textContent = new Date().getFullYear();\n \n \/\/ Handle Beta Registration Form\n document.getElementById('beta-registration-form').addEventListener('submit', function(e) {\n e.preventDefault();\n const email = document.getElementById('beta-email').value;\n const subject = encodeURIComponent('Registro Beta Sync');\n const body = encodeURIComponent(`Hola,\\n\\nMe gustar\u00eda registrarme para acceder a la beta de Sync.\\n\\nEmail: ${email}\\n\\nGracias.`);\n const mailtoLink = `mailto:jvarela@autentio.com.ar?subject=${subject}&body=${body}`;\n window.location.href = mailtoLink;\n \n \/\/ Show success message\n const form = document.getElementById('beta-registration-form');\n form.innerHTML = '<div class=\"text-center\"><div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-4\"><i data-lucide=\"check\" class=\"w-8 h-8 text-green-600\"><\/i><\/div><p class=\"text-[#000747] font-medium\">\u00a1Solicitud enviada!<\/p><p class=\"text-sm text-[#000747]\/60 mt-2\">Revisa tu cliente de correo para completar el env\u00edo.<\/p><\/div>';\n lucide.createIcons();\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>Sync – Conectando M\u00e1quinas con Aplicaciones Digitales Sync AutentioNode Casos de Uso Nosotros Ver Demo Escal\u00e1 tus aplicaciones de monitoreo […]<\/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-1443","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1443","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=1443"}],"version-history":[{"count":74,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1443\/revisions"}],"predecessor-version":[{"id":1757,"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/1443\/revisions\/1757"}],"wp:attachment":[{"href":"https:\/\/autentio.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=1443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}