{"id":2304,"date":"2026-08-06T18:59:16","date_gmt":"2026-08-06T18:59:16","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2304"},"modified":"2026-08-23T09:53:55","modified_gmt":"2026-08-23T09:53:55","slug":"opc-ua-mqtt","status":"publish","type":"page","link":"https:\/\/gplg.pt\/pt\/technologies\/opc-ua-mqtt\/","title":{"rendered":"OPC UA &amp; DICION\u00c1RIO DE"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2304\" class=\"elementor elementor-2304\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7082e26 e-con e-atomic-element e-flexbox-base e-a640071\" data-id=\"7082e26\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7082e26\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base\" data-interaction-id=\"cd6711e\" data-e-type=\"widget\" data-id=\"cd6711e\" id=\"4076\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC.jpeg\" width=\"2176\" height=\"480\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC.jpeg 2176w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC-300x66.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC-1024x226.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC-768x169.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC-1536x339.jpeg 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC-2048x452.jpeg 2048w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC-18x4.jpeg 18w\" alt=\"opc\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2c47918 e-con e-atomic-element e-flexbox-base e-5a3239f\" data-id=\"2c47918\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2c47918\">\n    \t\t<div class=\"elementor-element elementor-element-bd54558 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"bd54558\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_bd54558 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bd54558 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_bd54558 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_bd54558 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bd54558 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_bd54558:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_bd54558:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bd54558:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bd54558:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_bd54558\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">Comunica\u00e7\u00e3o industrial OPC UA e MQTT<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"600\" data-end=\"667\"><strong data-start=\"600\" data-end=\"667\">Liga\u00e7\u00e3o de m\u00e1quinas, sistemas de automa\u00e7\u00e3o e software industrial<\/strong><\/p><p data-start=\"669\" data-end=\"827\">A GPLG implementa arquiteturas de comunica\u00e7\u00e3o industrial utilizando tecnologias como <strong data-start=\"751\" data-end=\"770\">OPC UA e MQTT<\/strong> para ligar m\u00e1quinas, PLCs, sensores e sistemas de software.<\/p><p data-start=\"829\" data-end=\"1024\">Concebemos solu\u00e7\u00f5es de comunica\u00e7\u00e3o adaptadas \u00e0s necessidades do ambiente industrial, desde a conectividade ao n\u00edvel das m\u00e1quinas at\u00e9 \u00e0 troca de dados entre sistemas de produ\u00e7\u00e3o e aplica\u00e7\u00f5es de n\u00edvel superior.<\/p><\/div>       \n       \t        <div class=\"ue-btn-wrapper moveFromBottom\">\n           <a class=\"ue-btn\"  href=\"https:\/\/gplg.pt\/pt\/contact\/\" >\n\t\t\t\t<span class=\"uc-link\">Discutir um projeto de integra\u00e7\u00e3o<\/span>\n\t\t   <\/a>\n        <\/div>\n             <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c9ec477 e-con e-atomic-element e-flexbox-base e-f904e10\" data-id=\"c9ec477\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9ec477\">\n    \t\t<div class=\"elementor-element elementor-element-c4821d2 elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"c4821d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Transparent Split Hero -->\n\t\t<link id='uc_ac_assets_file_uc_photography_header_css_0-css' href='https:\/\/gplg.pt\/ia\/wp-content\/uploads\/ac_assets\/uc_photography_header\/uc_photography_header.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor_c4821d2\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/OPC2.png);\n    display:flex;\n    overflow:hidden;\n    \n}\n\n#uc_transparent_split_hero_elementor_c4821d2 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:center;\n}\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\t\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor_c4821d2\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n                        <div class=\"uc_subtitle\">Os sistemas industriais precisam de comunicar entre si<\/div>        <div class=\"uc_text\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83c\udf10<\/span>\n      <h3>Arquiteturas de comunica\u00e7\u00e3o industrial<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Os ambientes de produ\u00e7\u00e3o modernos raramente consistem numa \u00fanica m\u00e1quina ou num \u00fanico sistema de automa\u00e7\u00e3o. Os sistemas precisam de trocar informa\u00e7\u00f5es de forma fi\u00e1vel em todas as camadas operacionais:\n      <\/p>\n\n      <!-- Horizontal System Integration Flow -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">PLCs<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">M\u00e1quinas<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">CNCs<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Rob\u00f4s<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">SCADA<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Software<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Sistemas de Dados<\/div>\n      <\/div>\n\n      <!-- Context Note Box -->\n      <div class=\"iiot-context-text\">\n        O OPC UA e o MQTT oferecem mecanismos diferentes para ligar estes ambientes. A GPLG utiliza-os no \u00e2mbito de arquiteturas de comunica\u00e7\u00e3o industrial mais abrangentes, selecionando a tecnologia adequada de acordo com o equipamento, a aplica\u00e7\u00e3o e o fluxo de dados necess\u00e1rio.\n      <\/div>\n\n      <!-- Plain Footer Text Box (No Highlights) -->\n      <div class=\"iiot-footer-text\">\n        A comunica\u00e7\u00e3o \u00e9 a base que permite que os sistemas industriais funcionem em conjunto.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flowchart Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-arrow-right {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.2rem;\n    line-height: 1;\n    padding: 0 2px;\n  }\n\n  \/* Context Text Box *\/\n  .iiot-context-text {\n    text-align: center;\n    font-size: 0.92rem;\n    line-height: 1.5;\n    color: inherit;\n    opacity: 0.85;\n    margin-bottom: 16px;\n    padding: 0 10px;\n  }\n\n  \/* Plain Footer Text Box (No Highlights) *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 900px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 280px;\n      white-space: normal;\n    }\n\n    .iiot-arrow-right {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n  }\n<\/style><\/div>            <\/div>\n  <\/div>\n<\/div>\n<!-- end Transparent Split Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d9f195b e-con e-atomic-element e-flexbox-base e-d9f195b-4418ef9\" data-id=\"d9f195b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d9f195b\">\n    \t\t<div class=\"elementor-element elementor-element-ec7b245 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"ec7b245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_ec7b245 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_ec7b245 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_ec7b245 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_ec7b245 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_ec7b245 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_ec7b245:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_ec7b245:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ec7b245:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ec7b245:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_ec7b245\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">OPC UA<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n<p style=\"text-align: center;\"><!-- Header Bar --><\/p>\n\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\">\n\n<span class=\"iiot-icon\">\u2699\ufe0f<\/span>\n<h3>OPC UA para a comunica\u00e7\u00e3o industrial<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">O OPC UA (Open Platform Communications Unified Architecture) \u00e9 uma estrutura de comunica\u00e7\u00e3o industrial concebida para a troca fi\u00e1vel e estruturada de informa\u00e7\u00e3o entre sistemas e dispositivos. Proporciona uma forma padronizada para que as aplica\u00e7\u00f5es industriais comuniquem com equipamentos e sistemas de automa\u00e7\u00e3o.<\/p>\n<!-- Architecture Diagram & Use Cases Side-by-Side Grid -->\n<div class=\"iiot-layout-grid\">\n\n<!-- Typical Architecture Flowchart -->\n<div class=\"iiot-arch-box\">\n<div class=\"iiot-arch-title\">Arquitetura t\u00edpica<\/div>\n<div class=\"iiot-vertical-flow\">\n<div class=\"iiot-node\">PLC<\/div>\n<div class=\"iiot-arrow-down\">\u2193<\/div>\n<div class=\"iiot-node\">Servidor OPC UA<\/div>\n<div class=\"iiot-arrow-down\">\u2193<\/div>\n<div class=\"iiot-node\">Cliente OPC UA<\/div>\n<div class=\"iiot-arrow-down\">\u2193<\/div>\n<!-- Split Clients Branch -->\n<div class=\"iiot-branch-row\">\n<div class=\"iiot-node iiot-node-sub\">SCADA<\/div>\n<div class=\"iiot-node iiot-node-sub\">Software<\/div>\n<div class=\"iiot-node iiot-node-sub\">Base de dados<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- OPC UA Use Cases Grid -->\n<div class=\"iiot-usecases-box\">\n<div class=\"iiot-arch-title\">Principais aplica\u00e7\u00f5es<\/div>\n<div class=\"iiot-usecase-grid\">\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd0c<\/i> Comunica\u00e7\u00e3o PLC<\/div>\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcca<\/i> Aquisi\u00e7\u00e3o de dados de m\u00e1quinas<\/div>\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udda5\ufe0f<\/i> Integra\u00e7\u00e3o SCADA<\/div>\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcbb<\/i> Software industrial<\/div>\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd04<\/i> Comunica\u00e7\u00e3o entre m\u00e1quinas e sistemas<\/div>\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcc8<\/i> Interc\u00e2mbio de dados de produ\u00e7\u00e3o<\/div>\n<div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83c\udf10<\/i> Integra\u00e7\u00e3o multissistema<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- Footer Text Box -->\n<div class=\"iiot-footer-text\">O OPC UA garante a modela\u00e7\u00e3o sem\u00e2ntica de dados e a interoperabilidade segura de ponta a ponta entre equipamentos de diversos fornecedores.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\n  \/* Full-Width Container Styling *\/<br \/>  .iiot-card-container {<br \/>    width: 100%;<br \/>    max-width: 100%;<br \/>    margin: 20px 0;<br \/>    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>    border-radius: 10px;<br \/>    background-color: transparent;<br \/>    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>    overflow: hidden;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  \/* Header Bar *\/<br \/>  .iiot-card-header {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    padding: 18px 24px;<br \/>    background-color: rgba(13, 35, 58, 0.85);<br \/>    backdrop-filter: blur(5px);<br \/>    color: #ffffff;<br \/>  }<\/p>\n<p>  .iiot-header-title {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    gap: 12px;<br \/>  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>    margin: 0;<br \/>    font-size: 1.15rem;<br \/>    font-weight: 600;<br \/>    color: #ffffff !important;<br \/>  }<\/p>\n<p>  .iiot-icon {<br \/>    font-size: 1.2rem;<br \/>  }<\/p>\n<p>  \/* Content Area *\/<br \/>  .iiot-card-content {<br \/>    background-color: transparent;<br \/>  }<\/p>\n<p>  .iiot-content-inner {<br \/>    padding: 24px;<br \/>    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>  }<\/p>\n<p>  .iiot-description {<br \/>    color: inherit;<br \/>    opacity: 0.9;<br \/>    line-height: 1.6;<br \/>    margin-bottom: 24px;<br \/>    font-size: 0.98rem;<br \/>    text-align: center;<br \/>  }<\/p>\n<p>  \/* Main Side-by-Side Layout Grid *\/<br \/>  .iiot-layout-grid {<br \/>    display: grid;<br \/>    grid-template-columns: 1fr 1fr;<br \/>    gap: 20px;<br \/>    margin-bottom: 24px;<br \/>    align-items: stretch;<br \/>  }<\/p>\n<p>  .iiot-arch-box,<br \/>  .iiot-usecases-box {<br \/>    background-color: rgba(255, 255, 255, 0.03);<br \/>    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>    border-radius: 8px;<br \/>    padding: 20px;<br \/>    box-sizing: border-box;<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>  }<\/p>\n<p>  .iiot-arch-title {<br \/>    font-size: 0.85rem;<br \/>    font-weight: 700;<br \/>    letter-spacing: 1.2px;<br \/>    text-transform: uppercase;<br \/>    opacity: 0.7;<br \/>    margin-bottom: 16px;<br \/>    text-align: center;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  \/* Vertical Architecture Flow *\/<br \/>  .iiot-vertical-flow {<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>    align-items: center;<br \/>    gap: 8px;<br \/>    justify-content: center;<br \/>    flex: 1;<br \/>  }<\/p>\n<p>  .iiot-node {<br \/>    background-color: rgba(255, 255, 255, 0.05);<br \/>    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>    backdrop-filter: blur(4px);<br \/>    border-radius: 6px;<br \/>    padding: 10px 16px;<br \/>    font-weight: 600;<br \/>    color: inherit;<br \/>    font-size: 0.88rem;<br \/>    text-align: center;<br \/>    box-sizing: border-box;<br \/>    width: 100%;<br \/>    max-width: 220px;<br \/>    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>  }<\/p>\n<p>  .iiot-node-sub {<br \/>    max-width: none;<br \/>    flex: 1;<br \/>    font-size: 0.8rem;<br \/>    padding: 8px 10px;<br \/>  }<\/p>\n<p>  .iiot-node:hover {<br \/>    transform: translateY(-2px);<br \/>    border-color: rgba(255, 255, 255, 0.4);<br \/>    background-color: rgba(255, 255, 255, 0.1);<br \/>  }<\/p>\n<p>  .iiot-arrow-down {<br \/>    color: inherit;<br \/>    opacity: 0.5;<br \/>    font-size: 1.1rem;<br \/>    line-height: 1;<br \/>  }<\/p>\n<p>  .iiot-branch-row {<br \/>    display: flex;<br \/>    flex-direction: row;<br \/>    gap: 8px;<br \/>    width: 100%;<br \/>  }<\/p>\n<p>  \/* Use Cases Grid *\/<br \/>  .iiot-usecase-grid {<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>    gap: 8px;<br \/>    justify-content: center;<br \/>    flex: 1;<br \/>  }<\/p>\n<p>  .iiot-usecase-pill {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    gap: 10px;<br \/>    background-color: rgba(255, 255, 255, 0.05);<br \/>    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>    border-radius: 6px;<br \/>    padding: 10px 14px;<br \/>    font-size: 0.88rem;<br \/>    font-weight: 500;<br \/>    color: inherit;<br \/>    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>  }<\/p>\n<p>  .iiot-usecase-pill:hover {<br \/>    transform: translateX(4px);<br \/>    border-color: rgba(255, 255, 255, 0.4);<br \/>    background-color: rgba(255, 255, 255, 0.1);<br \/>  }<\/p>\n<p>  .iiot-pill-icon {<br \/>    font-style: normal;<br \/>    font-size: 0.95rem;<br \/>    line-height: 1;<br \/>  }<\/p>\n<p>  \/* Footer Text Box *\/<br \/>  .iiot-footer-text {<br \/>    text-align: center;<br \/>    font-weight: 500;<br \/>    font-size: 0.95rem;<br \/>    color: inherit;<br \/>    opacity: 0.9;<br \/>    padding: 14px 20px;<br \/>    border-radius: 6px;<br \/>    background-color: rgba(255, 255, 255, 0.05);<br \/>    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>    max-width: 800px;<br \/>    margin: 0 auto;<br \/>  }<\/p>\n<p>  \/* Responsive Adjustments for Mobile \/ Small Screens *\/<br \/>  @media (max-width: 850px) {<br \/>    .iiot-layout-grid {<br \/>      grid-template-columns: 1fr;<br \/>    }<\/p>\n<p>    .iiot-branch-row {<br \/>      flex-direction: column;<br \/>      align-items: center;<br \/>    }<\/p>\n<p>    .iiot-node-sub {<br \/>      width: 100%;<br \/>      max-width: 220px;<br \/>    }<br \/>  }<br \/><\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eacad2c e-con e-atomic-element e-flexbox-base e-988f483\" data-id=\"eacad2c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eacad2c\">\n    \t\t<div class=\"elementor-element elementor-element-8d93591 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"8d93591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_8d93591 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8d93591 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_8d93591 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_8d93591 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8d93591 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_8d93591:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_8d93591:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8d93591:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8d93591:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_8d93591\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">MQTT<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u26a1<\/span>\n      <h3>MQTT para a troca de dados industriais<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        O MQTT (Message Queuing Telemetry Transport) \u00e9 um protocolo de mensagens leve do tipo \u00abpublicar\/subscrever\u00bb, concebido para a distribui\u00e7\u00e3o eficiente de dados entre dispositivos e software ligados. Ao recorrer a um broker central, elimina a necessidade de manter liga\u00e7\u00f5es diretas ponto a ponto entre todos os componentes do sistema.\n      <\/p>\n\n      <!-- Architecture Diagram & Use Cases Side-by-Side Grid -->\n      <div class=\"iiot-layout-grid\">\n        \n        <!-- Typical Architecture Flowchart -->\n        <div class=\"iiot-arch-box\">\n          <div class=\"iiot-arch-title\">Arquitetura t\u00edpica<\/div>\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-node\">M\u00e1quina \/ PLC<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">Emissor MQTT<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">Broker MQTT<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            \n            <!-- Split Subscribers Branch -->\n            <div class=\"iiot-branch-row\">\n              <div class=\"iiot-node iiot-node-sub\">SCADA<\/div>\n              <div class=\"iiot-node iiot-node-sub\">Aplica\u00e7\u00e3o<\/div>\n              <div class=\"iiot-node iiot-node-sub\">An\u00e1lise<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- MQTT Use Cases Grid -->\n        <div class=\"iiot-usecases-box\">\n          <div class=\"iiot-arch-title\">Principais aplica\u00e7\u00f5es<\/div>\n          <div class=\"iiot-usecase-grid\">\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83c\udf10<\/i> Industrial IoT<\/div>\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> Dados dos sensores<\/div>\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcca<\/i> Telemetria de m\u00e1quinas<\/div>\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd00<\/i> Sistemas distribu\u00eddos<\/div>\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> Aplica\u00e7\u00f5es de ponta<\/div>\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcc8<\/i> Informa\u00e7\u00f5es de produ\u00e7\u00e3o<\/div>\n            <div class=\"iiot-usecase-pill\"><i class=\"iiot-pill-icon\">\u2601\ufe0f<\/i> Distribui\u00e7\u00e3o remota de dados<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Plain Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        O MQTT reduz a sobrecarga na largura de banda da rede e simplifica o dimensionamento em ambientes de telemetria industrial em tempo real e de alta densidade.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Main Side-by-Side Layout Grid *\/\n  .iiot-layout-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n    align-items: stretch;\n  }\n\n  .iiot-arch-box,\n  .iiot-usecases-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .iiot-arch-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Vertical Architecture Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    justify-content: center;\n    flex: 1;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 10px 16px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    text-align: center;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 220px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-sub {\n    max-width: none;\n    flex: 1;\n    font-size: 0.8rem;\n    padding: 8px 10px;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-arrow-down {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-branch-row {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    width: 100%;\n  }\n\n  \/* Use Cases Grid *\/\n  .iiot-usecase-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    justify-content: center;\n    flex: 1;\n  }\n\n  .iiot-usecase-pill {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 14px;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: inherit;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-usecase-pill:hover {\n    transform: translateX(4px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Plain Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile \/ Small Screens *\/\n  @media (max-width: 850px) {\n    .iiot-layout-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-branch-row {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .iiot-node-sub {\n      width: 100%;\n      max-width: 220px;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d2ba5b2 e-con e-atomic-element e-flexbox-base e-f328369\" data-id=\"d2ba5b2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d2ba5b2\">\n    \t\t<div class=\"elementor-element elementor-element-bdb1f9b elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"bdb1f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_bdb1f9b {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_bdb1f9b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bdb1f9b:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_bdb1f9b\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">OPC UA vs MQTT<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u2696\ufe0f<\/span>\n      <h3>Tecnologias diferentes para necessidades diferentes<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Comparison Table -->\n      <div class=\"iiot-table-wrapper\">\n        <table class=\"iiot-comparison-table\">\n          <thead>\n            <tr>\n              <th>Caracter\u00edstica<\/th>\n              <th>OPC UA<\/th>\n              <th>MQTT<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td class=\"iiot-feature-cell\">Objetivo principal<\/td>\n              <td>Comunica\u00e7\u00e3o em sistemas industriais<\/td>\n              <td>Distribui\u00e7\u00e3o de mensagens\/dados<\/td>\n            <\/tr>\n            <tr>\n              <td class=\"iiot-feature-cell\">Modelo de comunica\u00e7\u00e3o<\/td>\n              <td>Cliente \/ Servidor<\/td>\n              <td>Publicar \/ Subscrever<\/td>\n            <\/tr>\n            <tr>\n              <td class=\"iiot-feature-cell\">Ambiente t\u00edpico<\/td>\n              <td>M\u00e1quinas, PLCs, SCADA<\/td>\n              <td>IoT, computa\u00e7\u00e3o na periferia e sistemas distribu\u00eddos<\/td>\n            <\/tr>\n            <tr>\n              <td class=\"iiot-feature-cell\">Estrutura de dados<\/td>\n              <td>Modelo de informa\u00e7\u00e3o industrial abrangente<\/td>\n              <td>Mensagens curtas<\/td>\n            <\/tr>\n            <tr>\n              <td class=\"iiot-feature-cell\">Utiliza\u00e7\u00e3o t\u00edpica<\/td>\n              <td>Integra\u00e7\u00e3o de m\u00e1quinas\/sistemas<\/td>\n              <td>Distribui\u00e7\u00e3o de dados<\/td>\n            <\/tr>\n            <tr>\n              <td class=\"iiot-feature-cell\">Arquitetura<\/td>\n              <td>Comunica\u00e7\u00e3o direta entre sistemas<\/td>\n              <td>Comunica\u00e7\u00e3o baseada em corretores<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        O OPC UA e o MQTT n\u00e3o s\u00e3o, necessariamente, tecnologias concorrentes. Em muitas arquiteturas industriais, podem ser utilizados em conjunto.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Table Styling *\/\n  .iiot-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin-bottom: 24px;\n  }\n\n  .iiot-comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: left;\n    font-size: 0.9rem;\n    color: inherit;\n  }\n\n  .iiot-comparison-table th,\n  .iiot-comparison-table td {\n    padding: 14px 18px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .iiot-comparison-table th {\n    background-color: rgba(255, 255, 255, 0.06);\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    letter-spacing: 0.5px;\n  }\n\n  .iiot-comparison-table th:nth-child(2),\n  .iiot-comparison-table th:nth-child(3) {\n    width: 38%;\n  }\n\n  .iiot-comparison-table tr:hover {\n    background-color: rgba(255, 255, 255, 0.03);\n  }\n\n  .iiot-feature-cell {\n    font-weight: 600;\n    opacity: 0.85;\n    background-color: rgba(255, 255, 255, 0.02);\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Mobile Responsive Adjustments *\/\n  @media (max-width: 768px) {\n    .iiot-comparison-table th,\n    .iiot-comparison-table td {\n      padding: 10px 12px;\n      font-size: 0.85rem;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ccb9413 e-con e-atomic-element e-flexbox-base e-358e617\" data-id=\"ccb9413\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ccb9413\">\n    \t\t<div class=\"elementor-element elementor-element-d2217cc elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d2217cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-34eeb1b e-con e-atomic-element e-flexbox-base e-60bbc64\" data-id=\"34eeb1b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"34eeb1b\">\n    \t\t<div class=\"elementor-element elementor-element-7d3e13d elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"7d3e13d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_7d3e13d {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_7d3e13d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7d3e13d:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_7d3e13d\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">OPC UA + MQTT<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u26a1<\/span>\n      <h3>Combina\u00e7\u00e3o de OPC UA e MQTT<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Combined Architecture Flowchart -->\n      <div class=\"iiot-hybrid-arch\">\n        \n        <!-- Level 1: Factory Floor Equipment -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-level-label\">Piso da f\u00e1brica<\/div>\n          <div class=\"iiot-equip-row\">\n            <div class=\"iiot-node iiot-node-equip\"><i class=\"iiot-pill-icon\">\ud83d\udd0c<\/i> PLC<\/div>\n            <div class=\"iiot-node iiot-node-equip\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> CNC<\/div>\n            <div class=\"iiot-node iiot-node-equip\"><i class=\"iiot-pill-icon\">\ud83e\udd16<\/i> Rob\u00f4<\/div>\n            <div class=\"iiot-node iiot-node-equip\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> Sensor<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Protocol Transition 1: OPC UA -->\n        <div class=\"iiot-protocol-connector\">\n          <div class=\"iiot-arrow-down\">\u2193<\/div>\n          <div class=\"iiot-protocol-badge iiot-badge-opcua\">OPC UA (Comunica\u00e7\u00e3o OT Estruturada)<\/div>\n          <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <\/div>\n\n        <!-- Level 2: Edge Gateway -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-node iiot-node-gateway\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd00<\/span> Gateway de Periferia\n          <\/div>\n        <\/div>\n\n        <!-- Protocol Transition 2: MQTT -->\n        <div class=\"iiot-protocol-connector\">\n          <div class=\"iiot-arrow-down\">\u2193<\/div>\n          <div class=\"iiot-protocol-badge iiot-badge-mqtt\">MQTT (Distribui\u00e7\u00e3o Leve de Dados)<\/div>\n          <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <\/div>\n\n        <!-- Level 3: Broker -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-node iiot-node-broker\">\n            <span class=\"iiot-pill-icon\">\u2601\ufe0f<\/span> Broker MQTT\n          <\/div>\n        <\/div>\n\n        <!-- Connector Arrow to Enterprise Apps -->\n        <div class=\"iiot-protocol-connector\">\n          <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <\/div>\n\n        <!-- Level 4: Enterprise Applications -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-level-label\">Empresas e An\u00e1lise de Dados<\/div>\n          <div class=\"iiot-equip-row\">\n            <div class=\"iiot-node iiot-node-app\"><i class=\"iiot-pill-icon\">\ud83d\udcbb<\/i> Software<\/div>\n            <div class=\"iiot-node iiot-node-app\"><i class=\"iiot-pill-icon\">\ud83d\udcca<\/i> An\u00e1lise<\/div>\n            <div class=\"iiot-node iiot-node-app\"><i class=\"iiot-pill-icon\">\ud83c\udf10<\/i> Nuvem<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Description \/ Text Content -->\n      <div class=\"iiot-context-text\">\n        O OPC UA pode ser utilizado para comunicar com equipamentos industriais e sistemas de automa\u00e7\u00e3o, enquanto o MQTT permite distribuir informa\u00e7\u00f5es selecionadas a outras aplica\u00e7\u00f5es e sistemas.\n      <\/div>\n\n      <!-- Plain Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Esta combina\u00e7\u00e3o pode criar uma arquitetura flex\u00edvel entre o ch\u00e3o de f\u00e1brica e os sistemas de software de n\u00edvel superior.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Combined Hybrid Architecture Box *\/\n  .iiot-hybrid-arch {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 24px 20px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 24px;\n  }\n\n  .iiot-arch-level {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iiot-level-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    opacity: 0.6;\n    margin-bottom: 4px;\n  }\n\n  .iiot-equip-row {\n    display: flex;\n    flex-direction: row;\n    gap: 12px;\n    width: 100%;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 10px 16px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    text-align: center;\n    box-sizing: border-box;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-node-equip {\n    flex: 1;\n    min-width: 100px;\n    max-width: 160px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .iiot-node-gateway {\n    width: 100%;\n    max-width: 320px;\n    padding: 12px 20px;\n    font-size: 0.95rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-node-broker {\n    width: 100%;\n    max-width: 320px;\n    padding: 12px 20px;\n    font-size: 0.95rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-node-app {\n    flex: 1;\n    min-width: 120px;\n    max-width: 200px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  \/* Connectors & Badges *\/\n  .iiot-protocol-connector {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 8px 0;\n    gap: 4px;\n  }\n\n  .iiot-arrow-down {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-protocol-badge {\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    background-color: rgba(255, 255, 255, 0.06);\n    color: inherit;\n    opacity: 0.9;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Context Text Box *\/\n  .iiot-context-text {\n    text-align: center;\n    font-size: 0.95rem;\n    line-height: 1.6;\n    color: inherit;\n    opacity: 0.88;\n    margin-bottom: 16px;\n    padding: 0 10px;\n  }\n\n  \/* Plain Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile \/ Small Screens *\/\n  @media (max-width: 768px) {\n    .iiot-equip-row {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .iiot-node-equip,\n    .iiot-node-app {\n      width: 100%;\n      max-width: 280px;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8816317 e-con e-atomic-element e-flexbox-base e-be9d834\" data-id=\"8816317\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8816317\">\n    \t\t<div class=\"elementor-element elementor-element-7d40e0c elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"7d40e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_7d40e0c {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_7d40e0c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7d40e0c:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_7d40e0c\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">ARQUITETURA DE COMUNICA\u00c7\u00c3O INDUSTRIAL<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udee0\ufe0f<\/span>\n      <h3>Conce\u00e7\u00e3o da camada de comunica\u00e7\u00e3o<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        A GPLG n\u00e3o se limita a instalar um protocolo. Primeiro, avaliamos os principais requisitos arquitet\u00f3nicos antes de conceber a infraestrutura de comunica\u00e7\u00e3o adequada:\n      <\/p>\n\n      <!-- Main Layout Grid: Design Considerations & Architecture Flowchart -->\n      <div class=\"iiot-layout-grid\">\n        \n        <!-- Key Requirements Checklist Grid -->\n        <div class=\"iiot-requirements-box\">\n          <div class=\"iiot-box-title\">Par\u00e2metros de conce\u00e7\u00e3o<\/div>\n          <div class=\"iiot-checklist-grid\">\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd17<\/i> Que sistemas precisam de comunicar entre si?<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udccb<\/i> Que informa\u00e7\u00f5es \u00e9 necess\u00e1rio trocar<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udccd<\/i> De onde prov\u00eam as informa\u00e7\u00f5es<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83c\udfaf<\/i> Para onde tem de ir<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\u26a1<\/i> Velocidade de comunica\u00e7\u00e3o necess\u00e1ria<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83c\udf10<\/i> Arquitetura de rede<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> Requisitos de fiabilidade<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/i> Requisitos de seguran\u00e7a<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcbb<\/i> Processamento local versus processamento remoto<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- System Architecture Vertical Flow -->\n        <div class=\"iiot-arch-box\">\n          <div class=\"iiot-box-title\">Arquitetura do sistema<\/div>\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-node\">M\u00e1quinas<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">PLCs \/ Controladores<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">Rede Industrial<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node iiot-node-highlight\">Camada de Comunica\u00e7\u00e3o<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">Periferia \/ Gateway<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">Software Industrial<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node\">SCADA \/ Dados \/ Aplica\u00e7\u00f5es<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Em seguida, concebemos a arquitetura de comunica\u00e7\u00e3o adequada, adaptada com precis\u00e3o \u00e0s necessidades operacionais.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Main Side-by-Side Layout Grid *\/\n  .iiot-layout-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n    align-items: stretch;\n  }\n\n  .iiot-requirements-box,\n  .iiot-arch-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Design Parameters Checklist *\/\n  .iiot-checklist-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    justify-content: center;\n    flex: 1;\n  }\n\n  .iiot-check-pill {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 9px 12px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: inherit;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-check-pill:hover {\n    transform: translateX(4px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Vertical Architecture Flowchart *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    justify-content: center;\n    flex: 1;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 8px 14px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.85rem;\n    text-align: center;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 240px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.12);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-arrow-down {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-layout-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-453ee98 e-con e-atomic-element e-flexbox-base e-813058e\" data-id=\"453ee98\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"453ee98\">\n    \t\t<div class=\"elementor-element elementor-element-daff090 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"daff090\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_daff090 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_daff090 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_daff090 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_daff090 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_daff090 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_daff090:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_daff090:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_daff090:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_daff090:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_daff090\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">IMPLEMENTA\u00c7\u00c3O DO OPC UA<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd0c<\/span>\n      <h3>Integra\u00e7\u00e3o do OPC UA em sistemas industriais<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        A GPLG implementa a comunica\u00e7\u00e3o OPC UA no \u00e2mbito de projetos de integra\u00e7\u00e3o de m\u00e1quinas e de automa\u00e7\u00e3o. Dependendo do equipamento, a arquitetura de integra\u00e7\u00e3o pode envolver os seguintes componentes-chave e fases de execu\u00e7\u00e3o:\n      <\/p>\n\n      <!-- 5-Card Grid Layout -->\n      <div class=\"iiot-pillar-grid\">\n        \n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udda5\ufe0f<\/span>\n            <div class=\"iiot-pillar-title\">Servidor OPC UA<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Fornece informa\u00e7\u00e3o estruturada proveniente de um sistema industrial.<\/div>\n        <\/div>\n\n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcbb<\/span>\n            <div class=\"iiot-pillar-title\">Cliente OPC UA<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">L\u00ea ou interage com as informa\u00e7\u00f5es fornecidas por um servidor OPC UA.<\/div>\n        <\/div>\n\n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddfa\ufe0f<\/span>\n            <div class=\"iiot-pillar-title\">Mapeamento de dados<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Determina quais as vari\u00e1veis e informa\u00e7\u00f5es que devem ser trocadas.<\/div>\n        <\/div>\n\n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd17<\/span>\n            <div class=\"iiot-pillar-title\">Integra\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Liga as informa\u00e7\u00f5es ao SCADA, a software industrial ou a outros sistemas.<\/div>\n        <\/div>\n\n        <div class=\"iiot-pillar-card iiot-card-span\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\u2705<\/span>\n            <div class=\"iiot-pillar-title\">Valida\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Verifica se os dados s\u00e3o trocados corretamente e se o comportamento \u00e9 o esperado.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Implementa\u00e7\u00e3o de ponta a ponta que garante estruturas de dados fi\u00e1veis e uma conectividade perfeita com o software industrial.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Grid Layout for Integration Components *\/\n  .iiot-pillar-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    width: 100%;\n    margin-bottom: 24px;\n  }\n\n  .iiot-pillar-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 18px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-pillar-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-card-span {\n    grid-column: span 2;\n  }\n\n  .iiot-pillar-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iiot-pillar-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  .iiot-pillar-desc {\n    font-size: 0.88rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Plain Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile \/ Small Screens *\/\n  @media (max-width: 650px) {\n    .iiot-pillar-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-card-span {\n      grid-column: span 1;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-81858bf e-con e-atomic-element e-flexbox-base e-6da2c0e\" data-id=\"81858bf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"81858bf\">\n    \t\t<div class=\"elementor-element elementor-element-131403b ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"131403b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_131403b {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_131403b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_131403b .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_131403b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_131403b .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_131403b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_131403b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_131403b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_131403b:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_131403b\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">IMPLEMENTA\u00c7\u00c3O DO MQTT<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div style=\"line-height: 1.4;\">\n\n    <h2 style=\"margin: 0 0 12px 0;\">Implementa\u00e7\u00e3o do MQTT em ambientes industriais<\/h2>\n\n    <p style=\"margin: 0 0 12px 0;\">\n        As implementa\u00e7\u00f5es do MQTT envolvem normalmente:\n    <\/p>\n\n    <div style=\"        display: grid;        grid-template-columns: repeat(3, 1fr);        gap: 10px;        width: 100%;        margin-bottom: 14px;    \">\n\n        <div style=\"            border: 1px solid #aaa;            border-radius: 8px;            padding: 12px;            box-sizing: border-box;        \">\n            <strong>Editoras<\/strong>\n            <p style=\"margin: 5px 0 0 0;\">\n                Dispositivos ou aplica\u00e7\u00f5es que publicam informa\u00e7\u00f5es.\n            <\/p>\n        <\/div>\n\n        <div style=\"            border: 1px solid #aaa;            border-radius: 8px;            padding: 12px;            box-sizing: border-box;        \">\n            <strong>Corretor<\/strong>\n            <p style=\"margin: 5px 0 0 0;\">\n                O componente central respons\u00e1vel pela rece\u00e7\u00e3o e distribui\u00e7\u00e3o de mensagens.\n            <\/p>\n        <\/div>\n\n        <div style=\"            border: 1px solid #aaa;            border-radius: 8px;            padding: 12px;            box-sizing: border-box;        \">\n            <strong>Assinantes<\/strong>\n            <p style=\"margin: 5px 0 0 0;\">\n                Aplica\u00e7\u00f5es ou sistemas que recebem informa\u00e7\u00f5es espec\u00edficas.\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <p style=\"margin: 0 0 5px 0;\">\n        <strong>T\u00f3picos<\/strong>\n    <\/p>\n\n    <p style=\"margin: 0 0 8px 0;\">\n        Canais l\u00f3gicos utilizados para organizar mensagens industriais.\n    <\/p>\n\n    <div style=\"        background: rgba(0,0,0,0.03);        border: 1px solid #ddd;        border-radius: 6px;        padding: 10px 14px;        font-family: monospace;        font-size: 13px;        line-height: 1.7;        overflow-x: auto;        margin-bottom: 14px;    \">\n        factory\/line01\/machine03\/status<br>\n        factory\/line01\/machine03\/temperature<br>\n        factory\/line01\/machine03\/production<br>\n        factory\/line01\/machine03\/alarm\n    <\/div>\n\n    <p style=\"margin: 0;\">\n        Esta estrutura permite que a informa\u00e7\u00e3o seja distribu\u00edda sem criar liga\u00e7\u00f5es individuais ponto a ponto entre todos os sistemas.\n    <\/p>\n\n<\/div>\n\n<style>\n@media (max-width: 600px) {\n    .mqtt-components {\n        grid-template-columns: 1fr !important;\n    }\n}\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ca70d6f e-con e-atomic-element e-flexbox-base e-bce09fc\" data-id=\"ca70d6f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca70d6f\">\n    \t\t<div class=\"elementor-element elementor-element-9df4f51 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"9df4f51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_9df4f51 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9df4f51 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_9df4f51 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_9df4f51 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9df4f51 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_9df4f51:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_9df4f51:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9df4f51:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9df4f51:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_9df4f51\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">FLUXO DE DADOS INDUSTRIAIS<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd04<\/span>\n      <h3>Do sinal da m\u00e1quina \u00e0 aplica\u00e7\u00e3o de software<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Horizontal Flow Process -->\n      <div class=\"iiot-horizontal-flow\">\n        \n        <!-- Step 1 -->\n        <div class=\"iiot-flow-step\">\n          <div class=\"iiot-step-number\">01<\/div>\n          <div class=\"iiot-step-header\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-step-title\">M\u00e1quina<\/div>\n          <\/div>\n          <div class=\"iiot-step-desc\">Uma m\u00e1quina gera informa\u00e7\u00e3o operacional.<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 2 -->\n        <div class=\"iiot-flow-step\">\n          <div class=\"iiot-step-number\">02<\/div>\n          <div class=\"iiot-step-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span>\n            <div class=\"iiot-step-title\">PLC<\/div>\n          <\/div>\n          <div class=\"iiot-step-desc\">O sistema de controlo gere e disponibiliza as vari\u00e1veis de processo relevantes.<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 3 -->\n        <div class=\"iiot-flow-step\">\n          <div class=\"iiot-step-number\">03<\/div>\n          <div class=\"iiot-step-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <div class=\"iiot-step-title\">OPC UA<\/div>\n          <\/div>\n          <div class=\"iiot-step-desc\">A informa\u00e7\u00e3o industrial estruturada \u00e9 disponibilizada \u00e0 camada de comunica\u00e7\u00e3o.<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 4 -->\n        <div class=\"iiot-flow-step\">\n          <div class=\"iiot-step-number\">04<\/div>\n          <div class=\"iiot-step-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd00<\/span>\n            <div class=\"iiot-step-title\">Periferia \/ Gateway<\/div>\n          <\/div>\n          <div class=\"iiot-step-desc\">A informa\u00e7\u00e3o pode ser processada, filtrada ou transformada.<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 5 -->\n        <div class=\"iiot-flow-step\">\n          <div class=\"iiot-step-number\">05<\/div>\n          <div class=\"iiot-step-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce1<\/span>\n            <div class=\"iiot-step-title\">MQTT<\/div>\n          <\/div>\n          <div class=\"iiot-step-desc\">As informa\u00e7\u00f5es selecionadas s\u00e3o distribu\u00eddas atrav\u00e9s da infraestrutura de mensagens.<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 6 -->\n        <div class=\"iiot-flow-step\">\n          <div class=\"iiot-step-number\">06<\/div>\n          <div class=\"iiot-step-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcbb<\/span>\n            <div class=\"iiot-step-title\">Aplica\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-step-desc\">Os sistemas de software utilizam essa informa\u00e7\u00e3o para fins de monitoriza\u00e7\u00e3o, an\u00e1lise ou outras fun\u00e7\u00f5es industriais.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Um percurso operacional de ponta a ponta que transforma sinais brutos dos equipamentos em informa\u00e7\u00e3o empresarial de alto n\u00edvel.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Horizontal Flow Container *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    align-items: stretch;\n    justify-content: space-between;\n    gap: 8px;\n    overflow-x: auto;\n    padding-bottom: 12px;\n    margin-bottom: 24px;\n  }\n\n  \/* Flow Step Box *\/\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 140px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 14px 12px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    position: relative;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-flow-step:hover {\n    transform: translateY(-3px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-step-number {\n    font-size: 0.75rem;\n    font-weight: 800;\n    opacity: 0.5;\n    letter-spacing: 0.5px;\n  }\n\n  .iiot-step-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .iiot-step-title {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  .iiot-step-desc {\n    font-size: 0.8rem;\n    line-height: 1.35;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Connecting Arrow *\/\n  .iiot-flow-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.1rem;\n    font-weight: 700;\n    opacity: 0.4;\n    color: inherit;\n    padding: 0 2px;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 1024px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .iiot-flow-step {\n      width: 100%;\n      min-width: unset;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      padding: 4px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-88cbf1b e-con e-atomic-element e-flexbox-base e-f4cbbbd\" data-id=\"88cbf1b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"88cbf1b\">\n    \t\t<div class=\"elementor-element elementor-element-d104a0a ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d104a0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_d104a0a {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d104a0a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d104a0a .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_d104a0a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d104a0a .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_d104a0a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d104a0a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d104a0a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d104a0a:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_d104a0a\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">LIGA\u00c7\u00c3O DE EQUIPAMENTO ANTIGO<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83c\udfed<\/span>\n      <h3>Comunica\u00e7\u00e3o industrial para m\u00e1quinas j\u00e1 existentes<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      \n      <p class=\"iiot-description\">\n        Muitos ambientes de produ\u00e7\u00e3o incluem equipamentos de diferentes fabricantes e gera\u00e7\u00f5es.<br> Uma m\u00e1quina n\u00e3o tem necessariamente de ser substitu\u00edda s\u00f3 porque n\u00e3o \u00e9 compat\u00edvel com as tecnologias de comunica\u00e7\u00e3o modernas.<br> A GPLG pode avaliar o equipamento existente e determinar como \u00e9 que a informa\u00e7\u00e3o pode ser extra\u00edda e integrada numa arquitetura de comunica\u00e7\u00e3o moderna.\n      <\/p>\n\n      <!-- Assessment Criteria Section -->\n      <div class=\"iiot-assessment-box\">\n        <div class=\"iiot-box-title\">Fatores de avalia\u00e7\u00e3o para a integra\u00e7\u00e3o de sistemas legados<\/div>\n        <div class=\"iiot-checklist-grid\">\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcbb<\/i> PLC existente<\/div>\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> Controlador da m\u00e1quina<\/div>\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd0c<\/i> Portas de comunica\u00e7\u00e3o dispon\u00edveis<\/div>\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> Protocolos existentes<\/div>\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcca<\/i> Dados dispon\u00edveis<\/div>\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83c\udfaf<\/i> Informa\u00e7\u00f5es obrigat\u00f3rias<\/div>\n          <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd00<\/i> Requisitos do gateway<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Highlighted Footer Statement -->\n      <div class=\"iiot-footer-text\">\n        Muitas vezes, \u00e9 poss\u00edvel implementar a conectividade moderna sem ter de substituir a pr\u00f3pria m\u00e1quina.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Assessment Factors Container *\/\n  .iiot-assessment-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    margin-bottom: 24px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Checklist Grid *\/\n  .iiot-checklist-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 10px;\n  }\n\n  .iiot-check-pill {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 14px;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: inherit;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-check-pill:hover {\n    transform: translateX(4px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Mobile Responsive Adjustments *\/\n  @media (max-width: 650px) {\n    .iiot-checklist-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-940a045 e-con e-atomic-element e-flexbox-base e-fd55c27\" data-id=\"940a045\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"940a045\">\n    \t\t<div class=\"elementor-element elementor-element-09d2f78 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"09d2f78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_09d2f78 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_09d2f78 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_09d2f78 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_09d2f78 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_09d2f78 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_09d2f78:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_09d2f78:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_09d2f78:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_09d2f78:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_09d2f78\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">PLC e OPC UA<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd17<\/span>\n      <h3>Liga\u00e7\u00e3o de sistemas PLC a aplica\u00e7\u00f5es de n\u00edvel superior<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        O OPC UA proporciona uma camada de comunica\u00e7\u00e3o estruturada entre equipamentos controlados por PLC e plataformas de software de n\u00edvel superior.\n      <\/p>\n\n      <!-- Main Layout Grid: PLC Signals & Architecture Flow -->\n      <div class=\"iiot-layout-grid\">\n        \n        <!-- PLC Exposed Signals Box -->\n        <div class=\"iiot-signals-box\">\n          <div class=\"iiot-box-title\">Fontes de dados do PLC<\/div>\n          <div class=\"iiot-signal-list\">\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udcca<\/i> Estado da m\u00e1quina<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd22<\/i> Contagem de produ\u00e7\u00e3o<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\u23f1\ufe0f<\/i> Tempo de ciclo<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83c\udf21\ufe0f<\/i> Temperatura<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\ud83d\udea8<\/i> Alarme<\/div>\n            <div class=\"iiot-check-pill\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> Par\u00e2metros do processo<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Vertical Flow Architecture Box -->\n        <div class=\"iiot-flow-box\">\n          <div class=\"iiot-box-title\">Fluxo de integra\u00e7\u00e3o<\/div>\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-node\">\n              <span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span> PLC\n            <\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-protocol-badge\">Camada OPC UA<\/div>\n            <div class=\"iiot-arrow-down\">\u2193<\/div>\n            <div class=\"iiot-node iiot-node-highlight\">\n              <span class=\"iiot-pill-icon\">\ud83d\udcbb<\/span> SCADA \/ Software\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Isto permite que determinadas informa\u00e7\u00f5es do PLC fiquem dispon\u00edveis para sistemas fora da camada de controlo direto da m\u00e1quina.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Layout Grid *\/\n  .iiot-layout-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n    align-items: stretch;\n  }\n\n  .iiot-signals-box,\n  .iiot-flow-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Signal List Pills *\/\n  .iiot-signal-list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    flex: 1;\n    align-content: center;\n  }\n\n  .iiot-check-pill {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 12px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: inherit;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-check-pill:hover {\n    transform: translateX(3px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Flow Column *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    justify-content: center;\n    flex: 1;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 20px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.9rem;\n    text-align: center;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 240px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-protocol-badge {\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    background-color: rgba(255, 255, 255, 0.08);\n    color: inherit;\n  }\n\n  .iiot-arrow-down {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-layout-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-signal-list {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-359a937 e-con e-atomic-element e-flexbox-base e-37c0c8f\" data-id=\"359a937\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"359a937\">\n    \t\t<div class=\"elementor-element elementor-element-2a69554 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"2a69554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_2a69554 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2a69554 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_2a69554 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_2a69554 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2a69554 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_2a69554:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_2a69554:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2a69554:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2a69554:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_2a69554\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">SCADA e OPC UA<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udda5\ufe0f<\/span>\n      <h3>Supervis\u00e3o industrial e interc\u00e2mbio de dados<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        O OPC UA constitui a espinha dorsal fundamental da comunica\u00e7\u00e3o, ligando diretamente o equipamento industrial ao software de supervis\u00e3o.\n      <\/p>\n\n      <!-- Compact Linear Flow -->\n      <div class=\"iiot-compact-flow\">\n        <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span> PLC<\/div>\n        <div class=\"iiot-arrow\">\u2192<\/div>\n        <div class=\"iiot-protocol-badge\">OPC UA<\/div>\n        <div class=\"iiot-arrow\">\u2192<\/div>\n        <div class=\"iiot-node iiot-node-highlight\"><span class=\"iiot-pill-icon\">\ud83d\udcca<\/span> SCADA<\/div>\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Proporciona \u00e0s aplica\u00e7\u00f5es SCADA acesso direto a informa\u00e7\u00f5es estruturadas provenientes dos equipamentos ligados.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Compact Horizontal Flow *\/\n  .iiot-compact-flow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 16px 20px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 10px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.9rem;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-protocol-badge {\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    background-color: rgba(255, 255, 255, 0.08);\n    color: inherit;\n  }\n\n  .iiot-arrow {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.1rem;\n    font-weight: 700;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Mobile Responsive Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-compact-flow {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-arrow {\n      transform: rotate(90deg);\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-52f94c4 e-con e-atomic-element e-flexbox-base e-5373a2c\" data-id=\"52f94c4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"52f94c4\">\n    \t\t<div class=\"elementor-element elementor-element-3166dc1 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"3166dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_3166dc1 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_3166dc1 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_3166dc1 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_3166dc1 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_3166dc1 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_3166dc1:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_3166dc1:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3166dc1:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3166dc1:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_3166dc1\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">MQTT e IoT industrial<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83c\udf10<\/span>\n      <h3>Ligar os dados industriais \u00e0s arquiteturas da IoT<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        O MQTT \u00e9 particularmente \u00fatil quando \u00e9 necess\u00e1rio distribuir informa\u00e7\u00f5es industriais de forma eficiente por v\u00e1rios componentes de software ou da Internet das Coisas (IoT).\n      <\/p>\n\n      <!-- Horizontal Pipeline Architecture -->\n      <div class=\"iiot-pipeline-box\">\n        <div class=\"iiot-box-title\">Pipeline de arquitetura<\/div>\n        <div class=\"iiot-horizontal-pipeline\">\n          \n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <span>M\u00e1quinas<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span>\n            <span>PLC<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-protocol-badge\">OPC UA<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd00<\/span>\n            <span>Gateway de Periferia<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-protocol-badge\">MQTT<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\u2601\ufe0f<\/span>\n            <span>Plataforma IoT<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node iiot-node-highlight\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcbb<\/span>\n            <span>Aplica\u00e7\u00f5es<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Layer Responsibilities Grid -->\n      <div class=\"iiot-layers-box\">\n        <div class=\"iiot-box-title\">Responsabilidades por camada<\/div>\n        <div class=\"iiot-layers-grid\">\n          \n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n              <div class=\"iiot-pillar-title\">M\u00e1quinas e PLC<\/div>\n            <\/div>\n            <div class=\"iiot-pillar-desc\">Sinais operacionais gerados ao n\u00edvel dos equipamentos e geridos por sistemas de controlo em tempo real.<\/div>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span>\n              <div class=\"iiot-pillar-title\">Camada OPC UA<\/div>\n            <\/div>\n            <div class=\"iiot-pillar-desc\">Organiza os dados da f\u00e1brica em modelos de informa\u00e7\u00e3o padronizados e abrangentes.<\/div>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <span class=\"iiot-pill-icon\">\ud83d\udd00<\/span>\n              <div class=\"iiot-pillar-title\">Gateway de Periferia<\/div>\n            <\/div>\n            <div class=\"iiot-pillar-desc\">Filtra, agrega e transforma dados para uma transmiss\u00e3o leve na nuvem.<\/div>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <span class=\"iiot-pill-icon\">\ud83d\udce1<\/span>\n              <div class=\"iiot-pillar-title\">Plataforma MQTT e IoT<\/div>\n            <\/div>\n            <div class=\"iiot-pillar-desc\">Distribui dados de telemetria de forma integrada atrav\u00e9s de mecanismos de publica\u00e7\u00e3o\/subscri\u00e7\u00e3o para as aplica\u00e7\u00f5es.<\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Footer Text Box -->\n      <div class=\"iiot-footer-text\">\n        Esta arquitetura suporta sistemas industriais distribu\u00eddos, nos quais diferentes aplica\u00e7\u00f5es necessitam de acesso a informa\u00e7\u00f5es selecionadas das m\u00e1quinas.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Pipeline Box & Horizontal Flow *\/\n  .iiot-pipeline-box,\n  .iiot-layers-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    margin-bottom: 24px;\n  }\n\n  .iiot-horizontal-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    overflow-x: auto;\n    padding-bottom: 8px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 10px 14px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.85rem;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    white-space: nowrap;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-protocol-badge {\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    background-color: rgba(255, 255, 255, 0.08);\n    color: inherit;\n    white-space: nowrap;\n  }\n\n  .iiot-arrow {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1rem;\n    font-weight: 700;\n    padding: 0 2px;\n  }\n\n  \/* Layers Grid *\/\n  .iiot-layers-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 12px;\n  }\n\n  .iiot-pillar-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 14px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-pillar-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pillar-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iiot-pillar-title {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  .iiot-pillar-desc {\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-horizontal-pipeline {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-arrow {\n      transform: rotate(90deg);\n    }\n\n    .iiot-layers-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8313c2d e-con e-atomic-element e-flexbox-base e-98d47d5\" data-id=\"8313c2d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8313c2d\">\n    \t\t<div class=\"elementor-element elementor-element-56dd831 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"56dd831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_56dd831 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_56dd831 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_56dd831 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_56dd831 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_56dd831 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_56dd831:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_56dd831:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_56dd831:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_56dd831:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_56dd831\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">SEGURAN\u00c7A DAS COMUNICA\u00c7\u00d5ES<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udee1\ufe0f<\/span>\n      <h3>A comunica\u00e7\u00e3o industrial deve ser concebida de forma segura<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        A conectividade industrial deve ter em conta mais do que apenas a possibilidade de troca de dados. A GPLG analisa fatores-chave de arquitetura e operacionais para garantir uma implementa\u00e7\u00e3o segura:\n      <\/p>\n\n      <!-- Professional Bullet List - 2 Columns -->\n      <div class=\"iiot-bullet-box\">\n        <ul class=\"iiot-professional-bullets\">\n          <li><strong>Segmenta\u00e7\u00e3o de rede<\/strong> \u2014 Isolar as redes de controlo cr\u00edticas dos sistemas da empresa e dos sistemas externos.<\/li>\n          <li><strong>Autentica\u00e7\u00e3o<\/strong> \u2014 Verifica\u00e7\u00e3o das identidades de todos os dispositivos, intermedi\u00e1rios e sistemas de software que comunicam entre si.<\/li>\n          <li><strong>Controlo de Acesso<\/strong> \u2014 Aplicar pol\u00edticas de privil\u00e9gios m\u00ednimos para limitar as capacidades operacionais de cada sistema.<\/li>\n          <li><strong>Encripta\u00e7\u00e3o<\/strong> \u2014 Proteger os dados sens\u00edveis em tr\u00e2nsito e em repouso, sempre que necess\u00e1rio.<\/li>\n          <li><strong>Exposi\u00e7\u00e3o do dispositivo<\/strong> \u2014 Minimizar as superf\u00edcies de ataque e refor\u00e7ar a seguran\u00e7a dos equipamentos perif\u00e9ricos contra o acesso n\u00e3o autorizado.<\/li>\n          <li><strong>Seguran\u00e7a dos corretores<\/strong> \u2014 Refor\u00e7ar os centros de mensagens centrais atrav\u00e9s de pol\u00edticas e monitoriza\u00e7\u00e3o robustas.<\/li>\n          <li><strong>Permiss\u00f5es do utilizador<\/strong> \u2014 Limitar as a\u00e7\u00f5es operacionais e administrativas exclusivamente ao pessoal autorizado.<\/li>\n          <li><strong>Vias de comunica\u00e7\u00e3o<\/strong> \u2014 Auditar e proteger percursos expl\u00edcitos de dados de ponta a ponta.<\/li>\n          <li><strong>Arquitetura de redes industriais<\/strong> \u2014 Conceber uma topologia resiliente adequada a ambientes operacionais.<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- High-Priority Highlight Statement -->\n      <div class=\"iiot-footer-text\">\n        A conectividade nunca deve comprometer a fiabilidade ou a seguran\u00e7a do ambiente de controlo industrial.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n  }\n\n  \/* Professional Bullet List Box *\/\n  .iiot-bullet-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px 24px;\n    box-sizing: border-box;\n    margin-bottom: 24px;\n  }\n\n  \/* Two-Column Grid Layout for Bullets *\/\n  .iiot-professional-bullets {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px 24px;\n  }\n\n  .iiot-professional-bullets li {\n    position: relative;\n    padding-left: 20px;\n    font-size: 0.92rem;\n    line-height: 1.5;\n    color: inherit;\n    opacity: 0.9;\n  }\n\n  .iiot-professional-bullets li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 2px;\n    top: -1px;\n    font-size: 1.2rem;\n    opacity: 0.7;\n    color: inherit;\n  }\n\n  .iiot-professional-bullets li strong {\n    font-weight: 600;\n    opacity: 1;\n    color: inherit;\n  }\n\n  \/* Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments: Single Column on Mobile *\/\n  @media (max-width: 768px) {\n    .iiot-professional-bullets {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d386605 e-con e-atomic-element e-flexbox-base e-115d3c6\" data-id=\"d386605\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d386605\">\n    \t\t<div class=\"elementor-element elementor-element-0c027b4 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"0c027b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_0c027b4 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0c027b4 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_0c027b4 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_0c027b4 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0c027b4 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_0c027b4:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_0c027b4:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0c027b4:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0c027b4:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_0c027b4\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">AVALIA\u00c7\u00c3O DA COMUNICA\u00c7\u00c3O<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd0d<\/span>\n      <h3>Antes de implementarmos o protocolo<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Em primeiro lugar, avaliamos o ambiente existente em v\u00e1rias dimens\u00f5es operacionais fundamentais:\n      <\/p>\n\n      <!-- Professional Bullet List - 2 Columns -->\n      <div class=\"iiot-bullet-box\">\n        <ul class=\"iiot-professional-bullets\">\n          <li><strong>Equipamento existente<\/strong> \u2014 Identifica\u00e7\u00e3o das m\u00e1quinas, PLCs e controladores instalados.<\/li>\n          <li><strong>Meios de comunica\u00e7\u00e3o dispon\u00edveis<\/strong> \u2014 Avaliar os protocolos e interfaces dispon\u00edveis.<\/li>\n          <li><strong>Requisitos relativos aos dados<\/strong> \u2014 Definir as informa\u00e7\u00f5es espec\u00edficas que \u00e9 necess\u00e1rio trocar.<\/li>\n          <li><strong>Destino<\/strong> \u2014 Determinar para onde os dados devem ser transmitidos.<\/li>\n          <li><strong>Desempenho<\/strong> \u2014 Determina\u00e7\u00e3o da velocidade e frequ\u00eancia de troca necess\u00e1rias.<\/li>\n          <li><strong>Arquitetura<\/strong> \u2014 Selecionar modelos diretos, baseados em corretores, baseados em \u00abedge\u00bb ou h\u00edbridos.<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n  }\n\n  \/* Professional Bullet List Box *\/\n  .iiot-bullet-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px 24px;\n    box-sizing: border-box;\n  }\n\n  \/* Two-Column Grid Layout for Bullets *\/\n  .iiot-professional-bullets {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px 24px;\n  }\n\n  .iiot-professional-bullets li {\n    position: relative;\n    padding-left: 20px;\n    font-size: 0.92rem;\n    line-height: 1.5;\n    color: inherit;\n    opacity: 0.9;\n  }\n\n  .iiot-professional-bullets li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 2px;\n    top: -1px;\n    font-size: 1.2rem;\n    opacity: 0.7;\n    color: inherit;\n  }\n\n  .iiot-professional-bullets li strong {\n    font-weight: 600;\n    opacity: 1;\n    color: inherit;\n  }\n\n  \/* Responsive Adjustments: Single Column on Mobile *\/\n  @media (max-width: 768px) {\n    .iiot-professional-bullets {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7444288 e-con e-atomic-element e-flexbox-base e-9b4358c\" data-id=\"7444288\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7444288\">\n    \t\t<div class=\"elementor-element elementor-element-83e9605 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"83e9605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_83e9605 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_83e9605 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_83e9605 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_83e9605 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_83e9605 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_83e9605:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_83e9605:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_83e9605:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_83e9605:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_83e9605\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">TECNOLOGIAS COM AS QUAIS TRABALHAMOS<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u26a1<\/span>\n      <h3>Comunica\u00e7\u00e3o e Integra\u00e7\u00e3o Industrial<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <div class=\"iiot-tech-grid\">\n        \n        <!-- Category 1 -->\n        <div class=\"iiot-tech-category\">\n          <div class=\"iiot-category-label\">Comunica\u00e7\u00e3o Industrial<\/div>\n          <div class=\"iiot-badge-group\">\n            <span class=\"iiot-tech-badge\">OPC UA<\/span>\n            <span class=\"iiot-tech-badge\">MQTT<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 2 -->\n        <div class=\"iiot-tech-category\">\n          <div class=\"iiot-category-label\">APIs<\/div>\n          <div class=\"iiot-badge-group\">\n            <span class=\"iiot-tech-badge\">APIs REST<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 3 -->\n        <div class=\"iiot-tech-category\">\n          <div class=\"iiot-category-label\">Programa\u00e7\u00e3o<\/div>\n          <div class=\"iiot-badge-group\">\n            <span class=\"iiot-tech-badge\">C#<\/span>\n            <span class=\"iiot-tech-badge\">Python<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 4 -->\n        <div class=\"iiot-tech-category\">\n          <div class=\"iiot-category-label\">Automa\u00e7\u00e3o<\/div>\n          <div class=\"iiot-badge-group\">\n            <span class=\"iiot-tech-badge\">PLC<\/span>\n            <span class=\"iiot-tech-badge\">SCADA<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 5 -->\n        <div class=\"iiot-tech-category\">\n          <div class=\"iiot-category-label\">Infraestruturas<\/div>\n          <div class=\"iiot-badge-group\">\n            <span class=\"iiot-tech-badge\">Docker<\/span>\n            <span class=\"iiot-tech-badge\">Linux<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Tech Strip Grid Layout *\/\n  .iiot-tech-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 16px;\n  }\n\n  .iiot-tech-category {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 12px;\n    box-sizing: border-box;\n  }\n\n  .iiot-category-label {\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    opacity: 0.75;\n    color: inherit;\n    text-align: center;\n  }\n\n  .iiot-badge-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .iiot-tech-badge {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 6px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    white-space: nowrap;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-tech-badge:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.45);\n    background-color: rgba(255, 255, 255, 0.15);\n  }\n\n  \/* Mobile Responsive *\/\n  @media (max-width: 600px) {\n    .iiot-tech-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f8aa8f7 e-con e-atomic-element e-flexbox-base e-9f3d251\" data-id=\"f8aa8f7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f8aa8f7\">\n    \t\t<div class=\"elementor-element elementor-element-e7398b5 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"e7398b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_e7398b5 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_e7398b5 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_e7398b5 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_e7398b5 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_e7398b5 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_e7398b5:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_e7398b5:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_e7398b5:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_e7398b5:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_e7398b5\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">APLICA\u00c7\u00d5ES<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udca1<\/span>\n      <h3>Onde utilizamos o OPC UA e o MQTT<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <!-- 6-Card Grid Layout -->\n      <div class=\"iiot-six-cards-grid\">\n        \n        <!-- Card 1 -->\n        <div class=\"iiot-use-card\">\n          <div class=\"iiot-use-header\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-use-title\">Integra\u00e7\u00e3o de m\u00e1quinas<\/div>\n          <\/div>\n          <div class=\"iiot-use-desc\">Ligue m\u00e1quinas e controladores atrav\u00e9s de software industrial.<\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"iiot-use-card\">\n          <div class=\"iiot-use-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span>\n            <div class=\"iiot-use-title\">Aquisi\u00e7\u00e3o de dados do PLC<\/div>\n          <\/div>\n          <div class=\"iiot-use-desc\">Aceder a informa\u00e7\u00f5es relevantes sobre os processos a partir de sistemas PLC.<\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"iiot-use-card\">\n          <div class=\"iiot-use-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udda5\ufe0f<\/span>\n            <div class=\"iiot-use-title\">Integra\u00e7\u00e3o SCADA<\/div>\n          <\/div>\n          <div class=\"iiot-use-desc\">Trocar informa\u00e7\u00f5es industriais com sistemas de supervis\u00e3o.<\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"iiot-use-card\">\n          <div class=\"iiot-use-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <div class=\"iiot-use-title\">Industrial IoT<\/div>\n          <\/div>\n          <div class=\"iiot-use-desc\">Ligar m\u00e1quinas e fontes de dados a arquiteturas de IoT.<\/div>\n        <\/div>\n\n        <!-- Card 5 -->\n        <div class=\"iiot-use-card\">\n          <div class=\"iiot-use-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcca<\/span>\n            <div class=\"iiot-use-title\">Monitoriza\u00e7\u00e3o da produ\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-use-desc\">Disponibilizar as informa\u00e7\u00f5es de produ\u00e7\u00e3o \u00e0s aplica\u00e7\u00f5es de monitoriza\u00e7\u00e3o.<\/div>\n        <\/div>\n\n        <!-- Card 6 -->\n        <div class=\"iiot-use-card\">\n          <div class=\"iiot-use-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcbb<\/span>\n            <div class=\"iiot-use-title\">Software Industrial<\/div>\n          <\/div>\n          <div class=\"iiot-use-desc\">Assegurar a comunica\u00e7\u00e3o entre software personalizado e sistemas industriais.<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* 6-Card Grid Layout *\/\n  .iiot-six-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-use-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-use-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-use-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-use-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-use-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-six-cards-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-six-cards-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-78376d9 e-con e-atomic-element e-flexbox-base e-b62aedc\" data-id=\"78376d9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"78376d9\">\n    \t\t<div class=\"elementor-element elementor-element-18eef01 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"18eef01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_18eef01 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_18eef01 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_18eef01 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_18eef01 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_18eef01 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_18eef01:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_18eef01:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_18eef01:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_18eef01:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_18eef01\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">ABORDAGEM DE ENGENHARIA DA GPLG<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83c\udfaf<\/span>\n      <h3>Comunica\u00e7\u00e3o concebida em fun\u00e7\u00e3o da aplica\u00e7\u00e3o<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        N\u00e3o escolhemos o OPC UA ou o MQTT simplesmente porque s\u00e3o tecnologias amplamente utilizadas. A escolha de cada protocolo \u00e9 determinada pelas necessidades reais do sistema industrial.\n      <\/p>\n\n      <!-- Decision Flow Box -->\n      <div class=\"iiot-pipeline-box\">\n        <div class=\"iiot-box-title\">Hierarquia de avalia\u00e7\u00e3o<\/div>\n        <div class=\"iiot-horizontal-pipeline\">\n          \n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <span>Equipamento<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcca<\/span>\n            <span>Dados<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfd7\ufe0f<\/span>\n            <span>Arquitetura<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcbb<\/span>\n            <span>Aplica\u00e7\u00e3o<\/span>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node iiot-node-highlight\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccb<\/span>\n            <span>Requisitos<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- 3 Fit Scenarios Grid -->\n      <div class=\"iiot-scenarios-grid\">\n        \n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0c<\/span>\n            <div class=\"iiot-pillar-title\">OPC UA Prim\u00e1rio<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Ideal quando s\u00e3o necess\u00e1rios modelos de informa\u00e7\u00e3o complexos e padronizados, bem como um contexto de m\u00e1quinas abrangente, ao n\u00edvel da f\u00e1brica.<\/div>\n        <\/div>\n\n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce1<\/span>\n            <div class=\"iiot-pillar-title\">MQTT Prim\u00e1rio<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Ideal para a distribui\u00e7\u00e3o leve de telemetria do tipo \u00abpublicar\/subscrever\u00bb em software distribu\u00eddo e plataformas de IoT.<\/div>\n        <\/div>\n\n        <div class=\"iiot-pillar-card\">\n          <div class=\"iiot-pillar-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd00<\/span>\n            <div class=\"iiot-pillar-title\">Sinergia H\u00edbrida<\/div>\n          <\/div>\n          <div class=\"iiot-pillar-desc\">Em muitas arquiteturas, ambos os protocolos funcionam em perfeita sintonia \u2014 o OPC UA na \u00e1rea de tecnologia operacional (OT) e o MQTT na nuvem.<\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Pipeline Box & Horizontal Flow *\/\n  .iiot-pipeline-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-horizontal-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    overflow-x: auto;\n    padding-bottom: 4px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 10px 14px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    white-space: nowrap;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-arrow {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1rem;\n    font-weight: 700;\n    padding: 0 2px;\n  }\n\n  \/* Scenarios Grid *\/\n  .iiot-scenarios-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-pillar-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-pillar-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-pillar-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iiot-pillar-title {\n    font-weight: 600;\n    font-size: 0.92rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  .iiot-pillar-desc {\n    font-size: 0.84rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-horizontal-pipeline {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-arrow {\n      transform: rotate(90deg);\n    }\n\n    .iiot-scenarios-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7c40f63 e-con e-atomic-element e-flexbox-base e-910ecf2\" data-id=\"7c40f63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c40f63\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-0c38c2c\" style=\"visibility:hidden; position: absolute; opacity:0;\">\n\t\t\t\t\t<svg preserveaspectratio='none' xmlns='http:\/\/www.w3.org\/2000\/svg' aria-hidden='true' viewbox='0 0 1000 100'><g fill='%23000000'><path opacity='.5' d='M0 51v15l724-43L0 51z'><\/path><path opacity='.3' d='M0 0v51l600-23L0 0z'><\/path><path d='M0 65v38l1000-3V0L0 65z'><\/path><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t<div data-ha-partstyle=\"default\" data-ha-partcolor=\"\" data-ha-partopacity=\"\" data-ha-partdirection=\"bottom\" class=\"elementor-element elementor-element-0c38c2c ha-particle-yes premium-shape-divider-yes premium-shape48 e-flex e-con-boxed ha-particle-adv-no premium-shape-divider__default premium-shape-divider-anime-yes premium-sh-no-stretch-yes e-con e-child\" data-id=\"0c38c2c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-49fb80d e-con-full e-flex e-con e-child\" data-id=\"49fb80d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e80b07c elementor-widget elementor-widget-heading\" data-id=\"e80b07c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ligue os seus sistemas industriais<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f39b37a elementor-widget elementor-widget-text-editor\" data-id=\"f39b37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Quer precise de ligar um PLC a um software, integrar maquinaria existente, criar uma arquitetura de IoT industrial ou trocar dados entre v\u00e1rios sistemas industriais, a GPLG pode conceber e implementar a camada de comunica\u00e7\u00e3o adequada.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Discutir um projeto de integra\u00e7\u00e3o<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4096af1 e-con-full e-flex e-con e-child\" data-id=\"4096af1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8dda0 elementor-widget elementor-widget-button\" data-id=\"fc8dda0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contacte a GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_sliding_content_box skip render: ucaddon_transparent_split_hero skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2199,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2304","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages\/2304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/comments?post=2304"}],"version-history":[{"count":94,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages\/2304\/revisions"}],"predecessor-version":[{"id":5326,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages\/2304\/revisions\/5326"}],"up":[{"embeddable":true,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages\/2199"}],"wp:attachment":[{"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/media?parent=2304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}