{"id":2306,"date":"2026-08-06T18:59:42","date_gmt":"2026-08-06T18:59:42","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2306"},"modified":"2026-08-21T20:27:23","modified_gmt":"2026-08-21T20:27:23","slug":"tecnologias-de-visao-artificial","status":"publish","type":"page","link":"https:\/\/gplg.pt\/pt\/technologies\/machine-vision-technologies\/","title":{"rendered":"Vis\u00e3o De M\u00e1quina Tecnologias"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2306\" class=\"elementor elementor-2306\" 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-259a5e6 e-con e-atomic-element e-flexbox-base e-0009266\" data-id=\"259a5e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"259a5e6\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base\" data-interaction-id=\"1ac7d31\" data-e-type=\"widget\" data-id=\"1ac7d31\" id=\"4163\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw.jpeg\" width=\"2176\" height=\"480\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw.jpeg 2176w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-300x66.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-1024x226.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-768x169.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-1536x339.jpeg 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-2048x452.jpeg 2048w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-18x4.jpeg 18w\" alt=\"Vis\u00e3o artificial1\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-187cc57 e-con e-atomic-element e-flexbox-base e-e5bed00\" data-id=\"187cc57\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"187cc57\">\n    \t\t<div class=\"elementor-element elementor-element-b2d7deb elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b2d7deb\" 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_b2d7deb {\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_b2d7deb .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb .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_b2d7deb .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb .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_b2d7deb:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b2d7deb:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb: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_b2d7deb\">\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 moveFromLeft\">Sistemas de vis\u00e3o industrial para inspe\u00e7\u00e3o, identifica\u00e7\u00e3o e automatiza\u00e7\u00e3o<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udc41\ufe0f<\/span><h3>Sistemas de Vis\u00e3o Artificial e Integra\u00e7\u00e3o Industrial<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">A GPLG concebe e integra sistemas de vis\u00e3o artificial que permitem que o equipamento industrial capte, analise e reaja a informa\u00e7\u00f5es visuais em tempo real.<\/p><p><!-- Core Capabilities Grid --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-box-title\">Aplica\u00e7\u00f5es da Core Vision<\/div><div class=\"iiot-use-grid\"><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span><div class=\"iiot-use-title\">Inspe\u00e7\u00e3o de produtos<\/div><\/div><div class=\"iiot-use-desc\">Verifica\u00e7\u00e3o automatizada da superf\u00edcie, de defeitos e da montagem, para garantir uma produ\u00e7\u00e3o sem defeitos.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span><div class=\"iiot-use-title\">Medi\u00e7\u00e3o e Metrologia<\/div><\/div><div class=\"iiot-use-desc\">Verifica\u00e7\u00f5es dimensionais de alta precis\u00e3o e toler\u00e2ncias geom\u00e9tricas diretamente na linha de produ\u00e7\u00e3o.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span><div class=\"iiot-use-title\">Identifica\u00e7\u00e3o de objetos<\/div><\/div><div class=\"iiot-use-desc\">Leitura de c\u00f3digos 1D\/2D, extra\u00e7\u00e3o de texto por OCR e classifica\u00e7\u00e3o autom\u00e1tica de pe\u00e7as.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span><div class=\"iiot-use-title\">Orienta\u00e7\u00e3o rob\u00f3tica<\/div><\/div><div class=\"iiot-use-desc\">Coordenadas espaciais 2D\/3D que alimentam rob\u00f4s de recolha e coloca\u00e7\u00e3o e rob\u00f4s de montagem flex\u00edveis.<\/div><\/div><\/div><\/div><p><!-- Integrated System Components Strip --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-box-title\">Conjunto de solu\u00e7\u00f5es integradas<\/div><div class=\"iiot-tech-strip\"><span class=\"iiot-tech-badge\">\ud83d\udcf7 C\u00e2maras<\/span><br \/><span class=\"iiot-tech-badge\">\ud83d\udd0d \u00d3tica<\/span><br \/><span class=\"iiot-tech-badge\">\ud83d\udca1 Ilumina\u00e7\u00e3o<\/span><br \/><span class=\"iiot-tech-badge\">\ud83e\udde0 Processamento de imagens<\/span><br \/><span class=\"iiot-tech-badge\">\u26a1 Automa\u00e7\u00e3o Industrial<\/span><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  .iiot-section-box {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 20px;<br \/>\n    box-sizing: border-box;<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .iiot-section-box:last-child {<br \/>\n    margin-bottom: 0;<br \/>\n  }<\/p>\n<p>  .iiot-box-title {<br \/>\n    font-size: 0.85rem;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.2px;<br \/>\n    text-transform: uppercase;<br \/>\n    opacity: 0.7;<br \/>\n    margin-bottom: 16px;<br \/>\n    text-align: center;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Use Card Grid Layout *\/<br \/>\n  .iiot-use-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(2, 1fr);<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .iiot-use-card {<br \/>\n    background-color: rgba(255, 255, 255, 0.04);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 14px 16px;<br \/>\n    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 6px;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-use-card:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.08);<br \/>\n  }<\/p>\n<p>  .iiot-use-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n  }<\/p>\n<p>  .iiot-use-title {<br \/>\n    font-weight: 600;<br \/>\n    font-size: 0.92rem;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-pill-icon {<br \/>\n    font-style: normal;<br \/>\n    font-size: 1rem;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  .iiot-use-desc {<br \/>\n    font-size: 0.84rem;<br \/>\n    line-height: 1.45;<br \/>\n    opacity: 0.85;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Tech Strip Badges *\/<br \/>\n  .iiot-tech-strip {<br \/>\n    display: flex;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n    gap: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-tech-badge {<br \/>\n    background-color: rgba(255, 255, 255, 0.08);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 20px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-tech-badge:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.45);<br \/>\n    background-color: rgba(255, 255, 255, 0.15);<br \/>\n  }<\/p>\n<p>  \/* Responsive Adjustments *\/<br \/>\n  @media (max-width: 768px) {<br \/>\n    .iiot-use-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/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 da Vision<\/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-cc2ccf8 e-con e-atomic-element e-flexbox-base e-9041832\" data-id=\"cc2ccf8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc2ccf8\">\n    \t\t<div class=\"elementor-element elementor-element-39a26d3 elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"39a26d3\" 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_39a26d3\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\/Vision-GPLG.png);\n    display:flex;\n    overflow:hidden;\n    \n}\n\n#uc_transparent_split_hero_elementor_39a26d3 > 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:left;\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_39a26d3\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n                                <div class=\"uc_text\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>ENGENHARIA DE VIS\u00c3O ARTIFICIAL<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Concept & Vision Flow -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTELIG\u00caNCIA \u00d3PTICA<\/span>\n          <span class=\"iiot-card-title\">Dar aos sistemas industriais a capacidade de ver<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          A vis\u00e3o artificial transforma as imagens captadas por c\u00e2maras industriais em informa\u00e7\u00e3o que pode ser utilizada por m\u00e1quinas, software e sistemas de automa\u00e7\u00e3o. Um sistema de vis\u00e3o completo \u00e9 muito mais do que uma c\u00e2mara.\n        <\/p>\n\n        <p class=\"iiot-card-text\" style=\"margin-top: 4px;\">\n          O desempenho da aplica\u00e7\u00e3o depende da combina\u00e7\u00e3o correta de elementos \u00f3ticos, aquisi\u00e7\u00e3o de dados de hardware e tomada de decis\u00f5es automatizada.\n        <\/p>\n\n        <!-- Responsive Flow Diagram Container (Mobile Optimized Stack) -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 6px 0; padding: 12px;\">\n          <div class=\"iiot-arch-tier-label\">ARQUITETURA DO FLUXO DE TRATAMENTO DE IMAGENS<\/div>\n          \n          <div class=\"vision-flow-grid\">\n            <div class=\"iiot-arch-node\">C\u00e2mara<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Lente<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Ilumina\u00e7\u00e3o<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Aquisi\u00e7\u00e3o de imagens<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Processamento<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Decis\u00e3o<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\">Automa\u00e7\u00e3o<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Engineering Focus & Conclusion -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTEGRA\u00c7\u00c3O DE SISTEMAS<\/span>\n          <span class=\"iiot-card-title\">Engenharia \u00d3tica Personalizada<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          A GPLG concebe o sistema completo tendo em conta as caracter\u00edsticas do produto, o ambiente de produ\u00e7\u00e3o e os requisitos de inspe\u00e7\u00e3o. Todas as vari\u00e1veis s\u00e3o tidas em conta para garantir uma repetibilidade absoluta.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">MODELO DE IMPLEMENTA\u00c7\u00c3O<\/div>\n          <div class=\"iiot-arch-node\">C\u00e2maras aut\u00f3nomas padr\u00e3o<\/div>\n          <div class=\"vision-flow-arrow\" style=\"margin: 4px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Ecossistema de vis\u00e3o e controlo totalmente integrado<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">NORMA GPLG<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-weight: 500;\">\n            Um sistema de vis\u00e3o fi\u00e1vel come\u00e7a com a engenharia adequada \u2014 e n\u00e3o apenas com uma c\u00e2mara de alta resolu\u00e7\u00e3o.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-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    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vision Flow Grid: Native Vertical Stack for Mobile Reliability *\/\n  .vision-flow-grid {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    width: 100%;\n  }\n\n  .vision-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n    text-align: center;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 260px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 7px 10px;\n    text-align: center;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #ffffff;\n    box-sizing: border-box;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  \/* Responsive Adjustments for Tablet and Mobile *\/\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\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-2ac1ca4 e-con e-atomic-element e-flexbox-base e-177f57d\" data-id=\"2ac1ca4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2ac1ca4\">\n    \t\t<div class=\"elementor-element elementor-element-d05cb22 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d05cb22\" 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_d05cb22 {\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_d05cb22 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d05cb22 .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_d05cb22 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d05cb22 .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_d05cb22:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d05cb22:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d05cb22:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d05cb22: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_d05cb22\">\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 moveFromRight\">O QUE \u00c9 A VIS\u00c3O ARTIFICIAL?<\/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>Da imagem \u00e0 decis\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        Um sistema de vis\u00e3o artificial capta informa\u00e7\u00e3o visual, processa a imagem e produz um resultado em tempo real que \u00e9 utilizado pela infraestrutura mais ampla de automa\u00e7\u00e3o industrial.\n      <\/p>\n\n      <!-- Architecture Flow Box -->\n      <div class=\"iiot-pipeline-box\">\n        <div class=\"iiot-box-title\">Pipeline de Arquitetura T\u00e9cnica<\/div>\n        \n        <div class=\"iiot-horizontal-pipeline\">\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83c\udfed<\/span> Processo<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udce6<\/span> Produto<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span> C\u00e2mara<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\uddbc\ufe0f<\/span> Aquisi\u00e7\u00e3o<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span> Processamento<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83e\udde0<\/span> An\u00e1lise<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <!-- Decision Branch Container -->\n          <div class=\"iiot-decision-branch\">\n            <div class=\"iiot-branch-label\">DECIS\u00c3O<\/div>\n            <div class=\"iiot-outcomes\">\n              <span class=\"iiot-outcome-badge iiot-pass\">\u2713 APROVADO \/ OK<\/span>\n              <span class=\"iiot-outcome-badge iiot-fail\">\u2717 REPROVADO \/ NOK<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node iiot-node-highlight\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span> Automa\u00e7\u00e3o<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Output Results Grid -->\n      <div class=\"iiot-outputs-box\">\n        <div class=\"iiot-box-title\">Resultados e produtos da aplica\u00e7\u00e3o<\/div>\n        <div class=\"iiot-results-grid\">\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span> Medi\u00e7\u00e3o<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span> Identifica\u00e7\u00e3o<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span> Classifica\u00e7\u00e3o<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\udccd<\/span> Cargo<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\u2b50<\/span> Resultado de qualidade<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span> Decis\u00e3o de aprova\u00e7\u00e3o\/reprova\u00e7\u00e3o<\/div>\n          <div class=\"iiot-result-badge iiot-full-width\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span> Coordenadas do rob\u00f4<\/div>\n        <\/div>\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  \/* Section Title *\/\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 Architecture Box *\/\n  .iiot-pipeline-box,\n  .iiot-outputs-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-outputs-box {\n    margin-bottom: 0;\n  }\n\n  \/* Pipeline Layout *\/\n  .iiot-horizontal-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\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: 8px 12px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.82rem;\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-arrow {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 0.9rem;\n    font-weight: 700;\n    padding: 0 1px;\n  }\n\n  \/* Decision Branch Component *\/\n  .iiot-decision-branch {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px dashed rgba(255, 255, 255, 0.25);\n    border-radius: 6px;\n    padding: 6px 10px;\n  }\n\n  .iiot-branch-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    opacity: 0.8;\n  }\n\n  .iiot-outcomes {\n    display: flex;\n    gap: 6px;\n  }\n\n  .iiot-outcome-badge {\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 3px 8px;\n    border-radius: 4px;\n    white-space: nowrap;\n  }\n\n  .iiot-pass {\n    background-color: rgba(46, 204, 113, 0.15);\n    border: 1px solid rgba(46, 204, 113, 0.4);\n    color: #2ecc71;\n  }\n\n  .iiot-fail {\n    background-color: rgba(231, 76, 60, 0.15);\n    border: 1px solid rgba(231, 76, 60, 0.4);\n    color: #e74c3c;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.9rem;\n    line-height: 1;\n  }\n\n  \/* Results Badges Grid *\/\n  .iiot-results-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-result-badge {\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.85rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-result-badge: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-full-width {\n    grid-column: span 3;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-horizontal-pipeline {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-arrow {\n      transform: rotate(90deg);\n    }\n\n    .iiot-results-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-results-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\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-9328cb9 e-con e-atomic-element e-flexbox-base e-9177042\" data-id=\"9328cb9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9328cb9\">\n    \t\t<div class=\"elementor-element elementor-element-b001814 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b001814\" 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_b001814 {\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_b001814 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b001814 .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_b001814 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b001814 .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_b001814:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b001814:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b001814:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b001814: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_b001814\">\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 moveFromLeft\">COMPONENTES DE VIS\u00c3O ARTIFICIAL<\/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 do sistema de vis\u00e3o completo<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <!-- 2x3 Grid Layout -->\n      <div class=\"iiot-2x3-grid\">\n        \n        <!-- Card 1 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span>\n            <div class=\"iiot-card-title\">C\u00e2maras industriais<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Sele\u00e7\u00e3o de c\u00e2maras adequadas de acordo com a resolu\u00e7\u00e3o, a velocidade, as caracter\u00edsticas do sensor e os requisitos da aplica\u00e7\u00e3o.\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-card-title\">\u00d3tica e Lentes<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            A escolha da lente determina a forma como a c\u00e2mara v\u00ea o objeto. Um campo de vis\u00e3o, uma dist\u00e2ncia de trabalho e caracter\u00edsticas \u00f3ticas adequados s\u00e3o essenciais para uma inspe\u00e7\u00e3o fi\u00e1vel.\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udca1<\/span>\n            <div class=\"iiot-card-title\">Ilumina\u00e7\u00e3o industrial<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            A ilumina\u00e7\u00e3o \u00e9 uma das partes mais importantes de um sistema de vis\u00e3o. Selecionamos a ilumina\u00e7\u00e3o de acordo com a geometria, o material, a superf\u00edcie e os objetivos da inspe\u00e7\u00e3o.\n          <\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddbc\ufe0f<\/span>\n            <div class=\"iiot-card-title\">Aquisi\u00e7\u00e3o de imagens<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Concebemos o processo de aquisi\u00e7\u00e3o de forma a capturar imagens consistentes e de alta qualidade de forma fi\u00e1vel, \u00e0 velocidade exigida pela linha de produ\u00e7\u00e3o.\n          <\/div>\n        <\/div>\n\n        <!-- Card 5 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-card-title\">Processamento de Imagens<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            As imagens s\u00e3o processadas e analisadas atrav\u00e9s de algoritmos para extrair as informa\u00e7\u00f5es precisas necess\u00e1rias \u00e0 aplica\u00e7\u00e3o industrial.\n          <\/div>\n        <\/div>\n\n        <!-- Card 6 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\u26a1<\/span>\n            <div class=\"iiot-card-title\">Integra\u00e7\u00e3o industrial<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            O resultado do sistema de vis\u00e3o est\u00e1 perfeitamente integrado com PLCs, rob\u00f4s, maquinaria ou software industrial de n\u00edvel superior, sempre que necess\u00e1rio.\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  \/* Strict 2x3 Grid (3 columns, 2 rows) Layout *\/\n  .iiot-2x3-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(2, auto);\n    gap: 16px;\n  }\n\n  .iiot-grid-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: 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-grid-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-card-title-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-card-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-card-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Layout Adaptations *\/\n  @media (max-width: 900px) {\n    .iiot-2x3-grid {\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: auto;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-2x3-grid {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\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-8ea8d3c e-con e-atomic-element e-flexbox-base e-ae9ad71\" data-id=\"8ea8d3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ea8d3c\">\n    \t\t<div class=\"elementor-element elementor-element-9c552cc elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"9c552cc\" 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_9c552cc {\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_9c552cc .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_9c552cc .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_9c552cc .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9c552cc .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_9c552cc:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_9c552cc:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9c552cc:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9c552cc: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_9c552cc\">\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 moveFromRight\">TECNOLOGIA DE C\u00c2MARAS<\/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\udcf7<\/span>\n      <h3>Como escolher a c\u00e2mara industrial certa<\/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 existe uma \u00fanica c\u00e2mara que seja ideal para todas as aplica\u00e7\u00f5es. A GPLG avalia as exig\u00eancias espec\u00edficas de cada instala\u00e7\u00e3o para obter a qualidade de imagem necess\u00e1ria \u2014 e n\u00e3o apenas as especifica\u00e7\u00f5es mais elevadas dispon\u00edveis.\n      <\/p>\n\n      <!-- Selection Criteria Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Crit\u00e9rios de avalia\u00e7\u00e3o das c\u00e2maras<\/div>\n        <div class=\"iiot-criteria-grid\">\n          \n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span> Resolu\u00e7\u00e3o necess\u00e1ria<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udccf<\/span> Tamanho do objeto<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u26a1<\/span> Velocidade de inspe\u00e7\u00e3o<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span> Campo de vis\u00e3o<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udd2d<\/span> Dist\u00e2ncia de trabalho<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfa8<\/span> Requisitos relativos \u00e0 cor<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u2b1b<\/span> Requisitos para imagens monocrom\u00e1ticas<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u23f1\ufe0f<\/span> Tempo de exposi\u00e7\u00e3o<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfc3<\/span> Din\u00e2mica do Movimento<\/div>\n          <div class=\"iiot-criteria-badge iiot-full-width\"><span class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/span> Condi\u00e7\u00f5es ambientais<\/div>\n\n        <\/div>\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  .iiot-section-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  }\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  \/* Criteria Grid Layout *\/\n  .iiot-criteria-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-criteria-badge {\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: 12px 14px;\n    font-size: 0.86rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-criteria-badge: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-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-criteria-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-criteria-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\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-a62a1c3 e-con e-atomic-element e-flexbox-base e-606ddf2\" data-id=\"a62a1c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a62a1c3\">\n    \t\t<div class=\"elementor-element elementor-element-195fc72 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"195fc72\" 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_195fc72 {\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_195fc72 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_195fc72 .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_195fc72 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_195fc72 .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_195fc72:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_195fc72:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_195fc72:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_195fc72: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_195fc72\">\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 moveFromLeft\">LENTES E \u00d3PTICA<\/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\udd0d<\/span>\n      <h3>A lente faz parte do sistema de medi\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        Uma c\u00e2mara de alta qualidade n\u00e3o consegue compensar uma lente inadequada. A precis\u00e3o \u00f3tica determina diretamente o desempenho do sistema.\n      <\/p>\n\n      <!-- Key Factors Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Principais fatores \u00f3ticos avaliados<\/div>\n        <div class=\"iiot-factors-grid\">\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-factor-text\">Campo de vis\u00e3o<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd2d<\/span>\n            <span class=\"iiot-factor-text\">Dist\u00e2ncia de trabalho<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <span class=\"iiot-factor-text\">Amplia\u00e7\u00e3o<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <span class=\"iiot-factor-text\">Controlo de distor\u00e7\u00e3o<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\u2195\ufe0f<\/span>\n            <span class=\"iiot-factor-text\">Profundidade de campo<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-factor-text\">Dimens\u00f5es do objeto<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card iiot-full-width\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span>\n            <span class=\"iiot-factor-text\">Caracter\u00edsticas do sensor da c\u00e2mara<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a1<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Princ\u00edpio fundamental de engenharia:<\/strong> A c\u00e2mara e a \u00f3ptica devem ser concebidas como um \u00fanico sistema integrado.\n          <\/div>\n        <\/div>\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  .iiot-section-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: 16px;\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  \/* Grid for Optical Factors *\/\n  .iiot-factors-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-factor-card {\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: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-factor-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-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-factors-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-factors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\n      grid-column: span 1;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-5c3d564 e-con e-atomic-element e-flexbox-base e-7574c17\" data-id=\"5c3d564\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c3d564\">\n    \t\t<div class=\"elementor-element elementor-element-404fc78 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"404fc78\" 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_404fc78 {\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_404fc78 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_404fc78 .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_404fc78 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_404fc78 .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_404fc78:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_404fc78:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_404fc78:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_404fc78: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_404fc78\">\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 moveFromRight\">ILUMINA\u00c7\u00c3O 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\">\ud83d\udca1<\/span>\n      <h3>Controlar a imagem antes de a processar<\/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 ilumina\u00e7\u00e3o determina o que a c\u00e2mara consegue realmente ver. Diferentes materiais, acabamentos de superf\u00edcie e geometrias dos componentes exigem t\u00e9cnicas de ilumina\u00e7\u00e3o espec\u00edficas para real\u00e7ar as caracter\u00edsticas principais e eliminar o ru\u00eddo visual indesejado.\n      <\/p>\n\n      <!-- 6 Lighting Configurations Grid -->\n      <div class=\"iiot-lighting-grid\">\n        \n        <!-- Config 1 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd33<\/span>\n            <div class=\"iiot-light-title\">Retroilumina\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">\u00datil para silhuetas de elevado contraste, medi\u00e7\u00f5es dimensionais precisas e perfis de bordas.<\/div>\n        <\/div>\n\n        <!-- Config 2 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\u2b55<\/span>\n            <div class=\"iiot-light-title\">Ilumina\u00e7\u00e3o em anel<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Adequado para a inspe\u00e7\u00e3o geral de superf\u00edcies e para a ilumina\u00e7\u00e3o multidirecional de componentes.<\/div>\n        <\/div>\n\n        <!-- Config 3 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\u25ac<\/span>\n            <div class=\"iiot-light-title\">Ilumina\u00e7\u00e3o do bar<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">\u00datil para \u00e1reas de inspe\u00e7\u00e3o mais amplas e para produzir uma ilumina\u00e7\u00e3o direcional espec\u00edfica.<\/div>\n        <\/div>\n\n        <!-- Config 4 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <div class=\"iiot-light-title\">Ilumina\u00e7\u00e3o da c\u00fapula<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Proporciona uma ilumina\u00e7\u00e3o difusa que reduz drasticamente os reflexos pontuais em superf\u00edcies curvas ou brilhantes.<\/div>\n        <\/div>\n\n        <!-- Config 5 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udc41\ufe0f<\/span>\n            <div class=\"iiot-light-title\">Ilumina\u00e7\u00e3o coaxial<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Direciona a luz ao longo do eixo \u00f3tico, tornando-a altamente eficaz em superf\u00edcies planas e altamente refletoras.<\/div>\n        <\/div>\n\n        <!-- Config 6 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udee0\ufe0f<\/span>\n            <div class=\"iiot-light-title\">Ilumina\u00e7\u00e3o personalizada<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Sistemas de ilumina\u00e7\u00e3o concebidos especificamente para responder a restri\u00e7\u00f5es de aplica\u00e7\u00e3o \u00fanicas ou complexas.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a1<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Regra fundamental da vis\u00e3o:<\/strong> Uma boa vis\u00e3o come\u00e7a com uma boa ilumina\u00e7\u00e3o.\n          <\/div>\n        <\/div>\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  \/* Lighting Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-lighting-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-light-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: 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-light-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-light-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-light-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-light-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.98rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-lighting-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-lighting-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-33b870d e-con e-atomic-element e-flexbox-base e-9e0fdcc\" data-id=\"33b870d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"33b870d\">\n    \t\t<div class=\"elementor-element elementor-element-da1812a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"da1812a\" 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_da1812a {\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_da1812a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_da1812a .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_da1812a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_da1812a .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_da1812a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_da1812a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_da1812a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_da1812a: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_da1812a\">\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 moveFromLeft\">AQUISI\u00c7\u00c3O DE IMAGENS<\/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\">\u23f1\ufe0f<\/span>\n      <h3>Captar imagens consistentes \u00e0 velocidade de produ\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 inspe\u00e7\u00e3o industrial exige uma aquisi\u00e7\u00e3o de imagens altamente repet\u00edvel. Para evitar variabilidade, a aquisi\u00e7\u00e3o de imagens \u00e9 concebida com precis\u00e3o em fun\u00e7\u00e3o da din\u00e2mica f\u00edsica do ciclo de produ\u00e7\u00e3o real.\n      <\/p>\n\n      <!-- Synchronization Factors Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Fatores de tempo e movimento avaliados<\/div>\n        <div class=\"iiot-factors-grid\">\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\u26a1<\/span>\n            <span class=\"iiot-factor-text\">Acionamento<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf8<\/span>\n            <span class=\"iiot-factor-text\">Exposi\u00e7\u00e3o<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfc3<\/span>\n            <span class=\"iiot-factor-text\">Mo\u00e7\u00e3o<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd04<\/span>\n            <span class=\"iiot-factor-text\">Frequ\u00eancia da imagem<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd17<\/span>\n            <span class=\"iiot-factor-text\">Sincroniza\u00e7\u00e3o da c\u00e2mara<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udede<\/span>\n            <span class=\"iiot-factor-text\">Velocidade do transportador<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <span class=\"iiot-factor-text\">Posi\u00e7\u00e3o do produto<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udca1<\/span>\n            <span class=\"iiot-factor-text\">Tempo de ilumina\u00e7\u00e3o<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a0\ufe0f<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Conclus\u00e3o principal:<\/strong> Um sistema que produz imagens inconsistentes ir\u00e1 produzir resultados de inspe\u00e7\u00e3o inconsistentes.\n          <\/div>\n        <\/div>\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-section-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: 16px;\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  \/* Grid Layout (4 columns on wide screens) *\/\n  .iiot-factors-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-factor-card {\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: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-factor-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-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.98rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-factors-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-factors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-af6e61f e-con e-atomic-element e-flexbox-base e-18e065d\" data-id=\"af6e61f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af6e61f\">\n    \t\t<div class=\"elementor-element elementor-element-fc3095e elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"fc3095e\" 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_fc3095e {\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_fc3095e .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_fc3095e .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_fc3095e .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_fc3095e .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_fc3095e:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_fc3095e:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_fc3095e:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_fc3095e: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_fc3095e\">\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 moveFromRight\">PROCESSAMENTO DE IMAGENS<\/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\">\u2699\ufe0f<\/span>\n      <h3>Extra\u00e7\u00e3o de informa\u00e7\u00e3o a partir de imagens<\/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        Assim que uma imagem \u00e9 capturada, o sistema extrai os dados visuais essenciais. O GPLG seleciona e combina as abordagens algor\u00edtmicas adequadas com base, especificamente, nos objetivos da inspe\u00e7\u00e3o.\n      <\/p>\n\n      <!-- Processing Techniques Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">T\u00e9cnicas de Processamento e An\u00e1lise de Imagens<\/div>\n        <div class=\"iiot-techniques-grid\">\n          \n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83e\uddf9<\/span>\n            <span class=\"iiot-tech-text\">Filtragem<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf9a\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Determina\u00e7\u00e3o do limiar<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83e\udde9<\/span>\n            <span class=\"iiot-tech-text\">Segmenta\u00e7\u00e3o<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-tech-text\">Detec\u00e7\u00e3o de bordas<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd37<\/span>\n            <span class=\"iiot-tech-text\">An\u00e1lise da forma<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\u3030\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">An\u00e1lise de contornos<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span>\n            <span class=\"iiot-tech-text\">Correspond\u00eancia de padr\u00f5es<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-tech-text\">Medi\u00e7\u00e3o<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce6<\/span>\n            <span class=\"iiot-tech-text\">Detec\u00e7\u00e3o de objetos<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card iiot-full-width\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Classifica\u00e7\u00e3o<\/span>\n          <\/div>\n\n        <\/div>\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-section-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  }\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  \/* Techniques Grid Layout (3 Columns) *\/\n  .iiot-techniques-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-tech-card {\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: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-tech-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-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-techniques-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-techniques-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\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-a67b237 e-con e-atomic-element e-flexbox-base e-2f6ddde\" data-id=\"a67b237\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a67b237\">\n    \t\t<div class=\"elementor-element elementor-element-d31611a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d31611a\" 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_d31611a {\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_d31611a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d31611a .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_d31611a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d31611a .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_d31611a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d31611a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d31611a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d31611a: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_d31611a\">\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 moveFromLeft\">IA E VIS\u00c3O ARTIFICIAL<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>ENGENHARIA DE VIS\u00c3O ARTIFICIAL<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Concept & Vision Flow -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTELIG\u00caNCIA \u00d3PTICA<\/span>\n          <span class=\"iiot-card-title\">Dar aos sistemas industriais a capacidade de ver<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          A vis\u00e3o artificial transforma as imagens captadas por c\u00e2maras industriais em informa\u00e7\u00e3o que pode ser utilizada por m\u00e1quinas, software e sistemas de automa\u00e7\u00e3o. Um sistema de vis\u00e3o completo \u00e9 muito mais do que uma c\u00e2mara.\n        <\/p>\n\n        <p class=\"iiot-card-text\" style=\"margin-top: 4px;\">\n          O desempenho da aplica\u00e7\u00e3o depende da combina\u00e7\u00e3o correta de elementos \u00f3ticos, aquisi\u00e7\u00e3o de dados de hardware e tomada de decis\u00f5es automatizada.\n        <\/p>\n\n        <!-- Responsive Flow Diagram Container -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 6px 0; padding: 14px;\">\n          <div class=\"iiot-arch-tier-label\">ARQUITETURA DO FLUXO DE TRATAMENTO DE IMAGENS<\/div>\n          \n          <div class=\"vision-flow-container\">\n            <div class=\"iiot-arch-node\">C\u00e2mara<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Lente<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Ilumina\u00e7\u00e3o<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Aquisi\u00e7\u00e3o<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Processamento<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Decis\u00e3o<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\">Automa\u00e7\u00e3o<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Engineering Focus & Conclusion -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTEGRA\u00c7\u00c3O DE SISTEMAS<\/span>\n          <span class=\"iiot-card-title\">Engenharia \u00d3tica Personalizada<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          A GPLG concebe o sistema completo tendo em conta as caracter\u00edsticas do produto, o ambiente de produ\u00e7\u00e3o e os requisitos de inspe\u00e7\u00e3o. Todas as vari\u00e1veis s\u00e3o tidas em conta para garantir uma repetibilidade absoluta.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0; padding: 14px;\">\n          <div class=\"iiot-arch-tier-label\">MODELO DE IMPLEMENTA\u00c7\u00c3O<\/div>\n          <div style=\"display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; flex-wrap: wrap;\" class=\"deployment-model-flex\">\n            <div class=\"iiot-arch-node\" style=\"flex: 1; min-width: 140px;\">C\u00e2maras aut\u00f3nomas padr\u00e3o<\/div>\n            <div class=\"vision-flow-arrow deployment-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"flex: 1; min-width: 140px;\">Ecossistema totalmente integrado<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">NORMA GPLG<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-weight: 500;\">\n            Um sistema de vis\u00e3o fi\u00e1vel come\u00e7a com a engenharia adequada \u2014 e n\u00e3o apenas com uma c\u00e2mara de alta resolu\u00e7\u00e3o.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout for PC *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-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    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Default PC View: Horizontal Flow with Auto-Wrap *\/\n  .vision-flow-container {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    width: 100%;\n  }\n\n  .vision-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n  }\n\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n    text-align: center;\n  }\n\n  .iiot-arch-node {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    text-align: center;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: #ffffff;\n    box-sizing: border-box;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  \/* Responsive Media Query for Mobile\/Tablet *\/\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .vision-flow-container {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    .vision-flow-arrow {\n      text-align: center;\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n    .iiot-arch-node {\n      width: 100%;\n    }\n    .deployment-model-flex {\n      flex-direction: column !important;\n    }\n    .deployment-arrow {\n      transform: rotate(90deg);\n      text-align: center;\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-e4644fe e-con e-atomic-element e-flexbox-base e-7120a40\" data-id=\"e4644fe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e4644fe\">\n    \t\t<div class=\"elementor-element elementor-element-b9dde69 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b9dde69\" 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_b9dde69 {\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_b9dde69 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b9dde69 .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_b9dde69 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b9dde69 .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_b9dde69:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b9dde69:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b9dde69:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b9dde69: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_b9dde69\">\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 moveFromRight\">INSPE\u00c7\u00c3O DE QUALIDADE<\/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\">\u2705<\/span>\n      <h3>Controlo de Qualidade Visual Automatizado<\/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 vis\u00e3o artificial permite automatizar inspe\u00e7\u00f5es que, de outra forma, exigiriam uma verifica\u00e7\u00e3o visual manual. As aplica\u00e7\u00f5es podem incluir:\n      <\/p>\n\n      <!-- 6 Applications Grid -->\n      <div class=\"iiot-apps-grid\">\n        \n        <!-- App 1 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce6<\/span>\n            <div class=\"iiot-app-title\">Presen\u00e7a e Aus\u00eancia<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Determinar se um componente est\u00e1 presente.<\/div>\n        <\/div>\n\n        <!-- App 2 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Verifica\u00e7\u00e3o da montagem<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Verifique se os componentes foram montados corretamente.<\/div>\n        <\/div>\n\n        <!-- App 3 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-app-title\">Inspe\u00e7\u00e3o de superf\u00edcies<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Identifique defeitos ou irregularidades vis\u00edveis.<\/div>\n        <\/div>\n\n        <!-- App 4 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <div class=\"iiot-app-title\">Verifica\u00e7\u00e3o das dimens\u00f5es<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Avaliar os componentes e compar\u00e1-los com os requisitos definidos.<\/div>\n        <\/div>\n\n        <!-- App 5 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Inspe\u00e7\u00e3o de etiquetas e marca\u00e7\u00f5es<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Verifique as informa\u00e7\u00f5es impressas, os c\u00f3digos ou as marca\u00e7\u00f5es.<\/div>\n        <\/div>\n\n        <!-- App 6 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Classifica\u00e7\u00e3o de produtos<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Classificar os produtos de acordo com as caracter\u00edsticas visuais.<\/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  \/* Applications Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-app-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: 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-app-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-app-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-app-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-app-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-apps-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-apps-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-d883cf6 e-con e-atomic-element e-flexbox-base e-3bea5cf\" data-id=\"d883cf6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d883cf6\">\n    \t\t<div class=\"elementor-element elementor-element-f4b19a0 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f4b19a0\" 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_f4b19a0 {\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_f4b19a0 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0 .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_f4b19a0 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0 .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_f4b19a0:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f4b19a0:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0: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_f4b19a0\">\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 moveFromLeft\">MEDI\u00c7\u00c3O E INSPE\u00c7\u00c3O DIMENSIONAL<\/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\udcd0<\/span>\n      <h3>Medi\u00e7\u00e3o baseada na vis\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 vis\u00e3o artificial realiza medi\u00e7\u00f5es sem contacto quando a aplica\u00e7\u00e3o e a configura\u00e7\u00e3o \u00f3tica s\u00e3o adequadas. A exatid\u00e3o depende do sistema \u00f3tico e de imagem na sua totalidade, da calibra\u00e7\u00e3o precisa e das condi\u00e7\u00f5es de aplica\u00e7\u00e3o controladas.\n      <\/p>\n\n      <!-- 8 Measurement Types Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Medidas sem contacto fi\u00e1veis<\/div>\n        <div class=\"iiot-measurements-grid\">\n          \n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-measure-text\">Comprimento<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2194\ufe0f<\/span>\n            <span class=\"iiot-measure-text\">Largura<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2b55<\/span>\n            <span class=\"iiot-measure-text\">Di\u00e2metro<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <span class=\"iiot-measure-text\">Cargo<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2195\ufe0f<\/span>\n            <span class=\"iiot-measure-text\">Dist\u00e2ncia<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-measure-text\">\u00c2ngulos<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd37<\/span>\n            <span class=\"iiot-measure-text\">Forma<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span>\n            <span class=\"iiot-measure-text\">Alinhamento<\/span>\n          <\/div>\n\n        <\/div>\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-section-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  }\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  \/* Grid Layout for Measurement Badges (4 Columns) *\/\n  .iiot-measurements-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-measure-card {\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: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-measure-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-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-measurements-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-measurements-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-fd664c9 e-con e-atomic-element e-flexbox-base e-c7e55f4\" data-id=\"fd664c9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd664c9\">\n    \t\t<div class=\"elementor-element elementor-element-417b9c5 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"417b9c5\" 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_417b9c5 {\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_417b9c5 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_417b9c5 .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_417b9c5 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_417b9c5 .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_417b9c5:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_417b9c5:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_417b9c5:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_417b9c5: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_417b9c5\">\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 moveFromRight\">DETEC\u00c7\u00c3O E IDENTIFICA\u00c7\u00c3O DE OBJETOS<\/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\udfaf<\/span>\n      <h3>Encontrar e identificar objetos<\/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 sistemas de vis\u00e3o localizam e identificam com fiabilidade objetos dentro de uma \u00e1rea de inspe\u00e7\u00e3o definida. Para aplica\u00e7\u00f5es rob\u00f3ticas, o sistema fornece as coordenadas espaciais precisas necess\u00e1rias para a orienta\u00e7\u00e3o automatizada e a manipula\u00e7\u00e3o do tipo \u00abpick-and-place\u00bb.\n      <\/p>\n\n      <!-- 6 Applications Grid (2x3 Grid) -->\n      <div class=\"iiot-apps-grid\">\n        \n        <!-- App 1 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-app-title\">Detec\u00e7\u00e3o de componentes<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Detetar a presen\u00e7a, a aus\u00eancia ou as caracter\u00edsticas dos componentes no campo de vis\u00e3o.<\/div>\n        <\/div>\n\n        <!-- App 2 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Identifica\u00e7\u00e3o do produto<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Identificar com precis\u00e3o variantes espec\u00edficas de produtos, marca\u00e7\u00f5es ou identificadores visuais.<\/div>\n        <\/div>\n\n        <!-- App 3 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83e\udded<\/span>\n            <div class=\"iiot-app-title\">Detec\u00e7\u00e3o da orienta\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Determine a posi\u00e7\u00e3o angular e o alinhamento rotacional antes de manusear ou montar.<\/div>\n        <\/div>\n\n        <!-- App 4 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <div class=\"iiot-app-title\">Localiza\u00e7\u00e3o de pe\u00e7as<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Determinar coordenadas precisas $(X, Y, \\theta)$ para orientar sistemas rob\u00f3ticos e ferramentas de recolha e coloca\u00e7\u00e3o.<\/div>\n        <\/div>\n\n        <!-- App 5 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd22<\/span>\n            <div class=\"iiot-app-title\">Contagem de objetos<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Conte artigos rapidamente em configura\u00e7\u00f5es de processamento em lote ou em fluxo cont\u00ednuo, com elevada repetibilidade.<\/div>\n        <\/div>\n\n        <!-- App 6 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Classifica\u00e7\u00e3o<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Classificar e categorizar pe\u00e7as automaticamente de acordo com o perfil visual e a geometria.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle \/ Robotics Note Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\ud83e\udd16<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Orienta\u00e7\u00e3o rob\u00f3tica:<\/strong> Para al\u00e9m da inspe\u00e7\u00e3o, o sistema de vis\u00e3o fornece dados precisos sobre a posi\u00e7\u00e3o espacial para acionar e orientar sistemas de movimento automatizados e rob\u00f4s industriais.\n          <\/div>\n        <\/div>\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  \/* Applications Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-app-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: 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-app-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-app-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-app-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-app-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle \/ Robotic Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-apps-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-apps-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-f5fe019 e-con e-atomic-element e-flexbox-base e-9dd78d9\" data-id=\"f5fe019\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f5fe019\">\n    \t\t<div class=\"elementor-element elementor-element-b13f62c elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b13f62c\" 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_b13f62c {\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_b13f62c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b13f62c .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_b13f62c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b13f62c .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_b13f62c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b13f62c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b13f62c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b13f62c: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_b13f62c\">\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 moveFromLeft\">ROB\u00d3TICA ORIENTADA PELA VIS\u00c3O<\/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      <h3>Ligar a vis\u00e3o \u00e0 automa\u00e7\u00e3o rob\u00f3tica<\/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        \u00c9 aqui que a Vis\u00e3o Artificial se liga diretamente ao seu servi\u00e7o de integra\u00e7\u00e3o rob\u00f3tica. A rob\u00f3tica guiada por vis\u00e3o permite que os sistemas automatizados respondam de forma din\u00e2mica a objetos cuja posi\u00e7\u00e3o ou orienta\u00e7\u00e3o possam variar na linha de produ\u00e7\u00e3o.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Pipeline de controlo integrado<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">C\u00e2mara<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Processamento de Imagens<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Detec\u00e7\u00e3o de objetos<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Posi\u00e7\u00e3o \/ Orienta\u00e7\u00e3o<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Controlador de rob\u00f4s<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Rob\u00f4<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Recolha \/ Coloca\u00e7\u00e3o \/ Classifica\u00e7\u00e3o<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Capability Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            O GPLG integra de forma harmoniosa o sistema de vis\u00e3o com o controlador do rob\u00f4 e a arquitetura de automa\u00e7\u00e3o circundante, proporcionando um manuseamento flex\u00edvel e din\u00e2mico.\n          <\/div>\n        <\/div>\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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\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-section-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-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 95px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 12px 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-11c15cd e-con e-atomic-element e-flexbox-base e-66c23ab\" data-id=\"11c15cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"11c15cd\">\n    \t\t<div class=\"elementor-element elementor-element-b86ea6a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b86ea6a\" 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_b86ea6a {\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_b86ea6a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a .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_b86ea6a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a .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_b86ea6a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b86ea6a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a: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_b86ea6a\">\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 moveFromRight\">VIS\u00c3O + PLC<\/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      <h3>Integra\u00e7\u00e3o dos resultados das inspe\u00e7\u00f5es com a automatiza\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        Um sistema de vis\u00e3o artificial precisa frequentemente de comunicar o seu resultado diretamente ao sistema de controlo da m\u00e1quina. O PLC continua a ser respons\u00e1vel pela l\u00f3gica determin\u00edstica de controlo da m\u00e1quina, enquanto o sistema de vis\u00e3o fornece a informa\u00e7\u00e3o visual exigida pela aplica\u00e7\u00e3o.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Pipeline de integra\u00e7\u00e3o<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">C\u00e2mara<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Sistema de Vis\u00e3o<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Resultado da inspe\u00e7\u00e3o<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">PLC<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Decis\u00e3o da m\u00e1quina<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Rejeitar \/ Aceitar \/ Parar \/ Continuar<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            O controlo determin\u00edstico e a an\u00e1lise de imagens a alta velocidade funcionam em conjunto num ambiente sincronizado para executar a\u00e7\u00f5es automatizadas sem reduzir a velocidade da linha de produ\u00e7\u00e3o.\n          <\/div>\n        <\/div>\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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\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-section-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-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 100px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 12px 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-438523e e-con e-atomic-element e-flexbox-base e-d9609d1\" data-id=\"438523e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"438523e\">\n    \t\t<div class=\"elementor-element elementor-element-06167d7 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"06167d7\" 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_06167d7 {\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_06167d7 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_06167d7 .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_06167d7 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_06167d7 .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_06167d7:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_06167d7:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_06167d7:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_06167d7: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_06167d7\">\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 moveFromLeft\">VIS\u00c3O + SOFTWARE 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      <h3>Incorporar informa\u00e7\u00f5es de vis\u00e3o artificial no software<\/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 resultados da vis\u00e3o artificial tamb\u00e9m podem integrar-se em aplica\u00e7\u00f5es industriais mais abrangentes. A integra\u00e7\u00e3o direta dos dados da inspe\u00e7\u00e3o visual em sistemas de gest\u00e3o de n\u00edvel superior transforma capturas de imagem isoladas em informa\u00e7\u00f5es \u00fateis para a produ\u00e7\u00e3o em toda a empresa.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Pipeline de integra\u00e7\u00e3o de software<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Resultado da inspe\u00e7\u00e3o<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Software Industrial<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Registo de Produ\u00e7\u00e3o<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">An\u00e1lise \/ Relat\u00f3rios<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Isto permite que os resultados das inspe\u00e7\u00f5es se tornem uma componente essencial do sistema de informa\u00e7\u00e3o de produ\u00e7\u00e3o mais abrangente, promovendo a rastreabilidade, a garantia de qualidade e a otimiza\u00e7\u00e3o dos processos a longo prazo.\n          <\/div>\n        <\/div>\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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\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-section-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-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 120px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 14px 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-f9fba70 e-con e-atomic-element e-flexbox-base e-0557b95\" data-id=\"f9fba70\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f9fba70\">\n    \t\t<div class=\"elementor-element elementor-element-4be6e6b elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"4be6e6b\" 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_4be6e6b {\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_4be6e6b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b .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_4be6e6b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b .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_4be6e6b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_4be6e6b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b: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_4be6e6b\">\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 moveFromRight\">APLICA\u00c7\u00d5ES DE VIS\u00c3O ARTIFICIAL<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-grid-container\">\n  \n  <!-- Section Title -->\n  <div class=\"iiot-grid-header\">\n    <h3>Onde aplicamos a vis\u00e3o artificial<\/h3>\n  <\/div>\n\n  <!-- 6 Large Application Cards Grid -->\n  <div class=\"iiot-cards-grid\">\n    \n    <!-- Card 1 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Inspe\u00e7\u00e3o De Qualidade<\/div>\n        <p class=\"iiot-card-desc\">\n          Inspe\u00e7\u00e3o visual automatizada de produtos e componentes para detetar defeitos superficiais, falhas no material e erros de montagem \u00e0 velocidade da linha de produ\u00e7\u00e3o.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Identifica\u00e7\u00e3o do produto<\/div>\n        <p class=\"iiot-card-desc\">\n          Reconhecimento e classifica\u00e7\u00e3o de pe\u00e7as e produtos atrav\u00e9s do reconhecimento \u00f3tico de caracteres (OCR), c\u00f3digos de barras 1D\/2D e correspond\u00eancia de caracter\u00edsticas.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Medi\u00e7\u00e3o<\/div>\n        <p class=\"iiot-card-desc\">\n          Medi\u00e7\u00e3o dimensional e posicional sem contacto, garantindo toler\u00e2ncias f\u00edsicas exatas e verifica\u00e7\u00e3o geom\u00e9trica em tempo real, sem contacto com a pe\u00e7a.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 4 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Orienta\u00e7\u00e3o rob\u00f3tica<\/div>\n        <p class=\"iiot-card-desc\">\n          Fornecer aos rob\u00f4s coordenadas de localiza\u00e7\u00e3o e orienta\u00e7\u00e3o de objetos em tempo real para opera\u00e7\u00f5es precisas de recolha e coloca\u00e7\u00e3o, montagem e corre\u00e7\u00e3o de trajet\u00f3ria.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 5 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Classifica\u00e7\u00e3o<\/div>\n        <p class=\"iiot-card-desc\">\n          Classifica\u00e7\u00e3o visual para triagem automatizada, categorizando itens de forma din\u00e2mica com base na cor, forma, tamanho ou crit\u00e9rios visuais espec\u00edficos.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 6 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Verifica\u00e7\u00e3o da produ\u00e7\u00e3o<\/div>\n        <p class=\"iiot-card-desc\">\n          Verifica\u00e7\u00e3o, em tempo real, da integridade da montagem, da presen\u00e7a de componentes, da orienta\u00e7\u00e3o, do posicionamento das etiquetas e das condi\u00e7\u00f5es do processo em curso.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  \/* Main Container *\/\n  .iiot-grid-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    box-sizing: border-box;\n  }\n\n  \/* Header Section *\/\n  .iiot-grid-header {\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px 10px 0 0;\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-grid-header h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n    text-align: center;\n  }\n\n  \/* Grid Layout for 6 Cards *\/\n  .iiot-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    padding: 24px;\n    background-color: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-top: none;\n    border-radius: 0 0 10px 10px;\n  }\n\n  \/* Large Application Card Style *\/\n  .iiot-app-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: 24px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .iiot-card-title {\n    font-size: 1.05rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-card-desc {\n    font-size: 0.92rem;\n    line-height: 1.6;\n    margin: 0;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Behavior for Smaller Screens *\/\n  @media (max-width: 768px) {\n    .iiot-cards-grid {\n      grid-template-columns: 1fr;\n      padding: 16px;\n    }\n\n    .iiot-app-card {\n      padding: 18px;\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-4a05c75 e-con e-atomic-element e-flexbox-base e-7c6af23\" data-id=\"4a05c75\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a05c75\">\n    \t\t<div class=\"elementor-element elementor-element-89f7380 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"89f7380\" 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_89f7380 {\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_89f7380 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_89f7380 .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_89f7380 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_89f7380 .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_89f7380:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_89f7380:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_89f7380:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_89f7380: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_89f7380\">\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 moveFromLeft\">IMPLEMENTA\u00c7\u00c3O DA VIS\u00c3O ARTIFICIAL<\/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      <h3>Dos requisitos de inspe\u00e7\u00e3o ao sistema de produ\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 implementa\u00e7\u00e3o de uma solu\u00e7\u00e3o fi\u00e1vel de vis\u00e3o artificial requer um plano de engenharia estruturado \u2014 avan\u00e7ando sequencialmente desde os testes de viabilidade na fase inicial at\u00e9 ao arranque industrial em grande escala.\n      <\/p>\n\n      <!-- Horizontal Stepped Roadmap (45-degree angle progression) -->\n      <div class=\"iiot-stepped-roadmap\">\n        \n        <!-- Step 01 -->\n        <div class=\"iiot-step-node iiot-step-1\">\n          <div class=\"iiot-node-badge\">01<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Avalia\u00e7\u00e3o da candidatura<\/div>\n            <div class=\"iiot-node-desc\">Compreender o produto, o processo de fabrico e os crit\u00e9rios de inspe\u00e7\u00e3o a aplicar.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 02 -->\n        <div class=\"iiot-step-node iiot-step-2\">\n          <div class=\"iiot-node-badge\">02<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Viabilidade<\/div>\n            <div class=\"iiot-node-desc\">Determinar se a vis\u00e3o artificial \u00e9 adequada e avaliar estrat\u00e9gias t\u00e9cnicas vi\u00e1veis.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 03 -->\n        <div class=\"iiot-step-node iiot-step-3\">\n          <div class=\"iiot-node-badge\">03<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Conce\u00e7\u00e3o \u00d3tica<\/div>\n            <div class=\"iiot-node-desc\">Projete e selecione a c\u00e2mara, a \u00f3tica e a geometria de ilumina\u00e7\u00e3o adequadas.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 04 -->\n        <div class=\"iiot-step-node iiot-step-4\">\n          <div class=\"iiot-node-badge\">04<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Aquisi\u00e7\u00e3o de imagens<\/div>\n            <div class=\"iiot-node-desc\">Desenvolver sistemas determin\u00edsticos de ativa\u00e7\u00e3o por hardware\/software e de captura de imagens a alta velocidade.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 05 -->\n        <div class=\"iiot-step-node iiot-step-5\">\n          <div class=\"iiot-node-badge\">05<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Desenvolvimento da vis\u00e3o<\/div>\n            <div class=\"iiot-node-desc\">Crie e otimize fluxos de trabalho personalizados de processamento de imagens ou algoritmos de inspe\u00e7\u00e3o baseados em IA.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 06 -->\n        <div class=\"iiot-step-node iiot-step-6\">\n          <div class=\"iiot-node-badge\">06<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Integra\u00e7\u00e3o industrial<\/div>\n            <div class=\"iiot-node-desc\">O sistema de interface comunica diretamente com PLCs, rob\u00f3tica industrial, controladores de c\u00e9lulas ou software MES.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 07 -->\n        <div class=\"iiot-step-node iiot-step-7\">\n          <div class=\"iiot-node-badge\">07<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Valida\u00e7\u00e3o<\/div>\n            <div class=\"iiot-node-desc\">Verificar a precis\u00e3o, a repetibilidade e os tempos de ciclo de produ\u00e7\u00e3o em condi\u00e7\u00f5es reais de produ\u00e7\u00e3o.<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* 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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 28px 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: 32px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Stepped Diagonal (Left-to-Right) Layout *\/\n  .iiot-stepped-roadmap {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 10px 0;\n  }\n\n  .iiot-step-node {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    max-width: 600px;\n    position: relative;\n  }\n\n  \/* Left-to-right diagonal offsets for 45-degree angle progression *\/\n  .iiot-step-1 { margin-left: 0%; }\n  .iiot-step-2 { margin-left: 6%; }\n  .iiot-step-3 { margin-left: 12%; }\n  .iiot-step-4 { margin-left: 18%; }\n  .iiot-step-5 { margin-left: 24%; }\n  .iiot-step-6 { margin-left: 30%; }\n  .iiot-step-7 { margin-left: 36%; }\n\n  .iiot-node-badge {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background-color: rgba(13, 35, 58, 0.95);\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #ffffff;\n    flex-shrink: 0;\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);\n  }\n\n  .iiot-node-card {\n    flex: 1;\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: 14px 18px;\n    box-sizing: border-box;\n  }\n\n  .iiot-node-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n    margin-bottom: 4px;\n  }\n\n  .iiot-node-desc {\n    font-size: 0.88rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Mobile Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-step-1,\n    .iiot-step-2,\n    .iiot-step-3,\n    .iiot-step-4,\n    .iiot-step-5,\n    .iiot-step-6,\n    .iiot-step-7 {\n      margin-left: 0;\n      max-width: 100%;\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-acfe2e4 e-con e-atomic-element e-flexbox-base e-59aa96d\" data-id=\"acfe2e4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acfe2e4\">\n    \t\t<div class=\"elementor-element elementor-element-eea9747 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"eea9747\" 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_eea9747 {\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_eea9747 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_eea9747 .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_eea9747 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_eea9747 .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_eea9747:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_eea9747:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eea9747:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eea9747: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_eea9747\">\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 moveFromRight\">DESEMPENHO DO SISTEMA DE VIS\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      <h3>Concebido para condi\u00e7\u00f5es reais de produ\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        Um sistema de vis\u00e3o tem de funcionar de forma consistente \u2014 n\u00e3o apenas quando a ilumina\u00e7\u00e3o e o produto est\u00e3o em condi\u00e7\u00f5es ideais. A GPLG concebe e valida cada sistema tendo em conta o ambiente operacional real, para garantir um desempenho robusto a longo prazo.\n      <\/p>\n\n      <!-- 9 Environmental Variables Grid (3x3 Layout) -->\n      <div class=\"iiot-variables-grid\">\n        \n        <!-- Variable 1 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Varia\u00e7\u00e3o do produto<\/div>\n          <div class=\"iiot-variable-desc\">Lidar com as diferen\u00e7as naturais entre lotes no que diz respeito \u00e0 cor, tamanho, textura da superf\u00edcie e toler\u00e2ncias de forma.<\/div>\n        <\/div>\n\n        <!-- Variable 2 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Velocidade de produ\u00e7\u00e3o<\/div>\n          <div class=\"iiot-variable-desc\">Manter um disparo com precis\u00e3o ao n\u00edvel do microsegundo e um processamento de imagem de alta velocidade, com o m\u00e1ximo rendimento de linhas.<\/div>\n        <\/div>\n\n        <!-- Variable 3 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Ilumina\u00e7\u00e3o ambiente<\/div>\n          <div class=\"iiot-variable-desc\">Eliminar os efeitos da varia\u00e7\u00e3o da luz natural na f\u00e1brica, das lumin\u00e1rias de teto e da interfer\u00eancia da luz exterior.<\/div>\n        <\/div>\n\n        <!-- Variable 4 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Reflex\u00f5es<\/div>\n          <div class=\"iiot-variable-desc\">Mitigar o brilho e os reflexos especulares em superf\u00edcies met\u00e1licas, de vidro ou de pel\u00edcula pl\u00e1stica, recorrendo a \u00f3tica especializada.<\/div>\n        <\/div>\n\n        <!-- Variable 5 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Vibra\u00e7\u00e3o<\/div>\n          <div class=\"iiot-variable-desc\">Estabiliza\u00e7\u00e3o de suportes \u00f3ticos e implementa\u00e7\u00e3o de filtragem algor\u00edtmica contra o ru\u00eddo de transportadores industriais ou de m\u00e1quinas.<\/div>\n        <\/div>\n\n        <!-- Variable 6 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Posi\u00e7\u00e3o da c\u00e2mara<\/div>\n          <div class=\"iiot-variable-desc\">Otimiza\u00e7\u00e3o do espa\u00e7o livre f\u00edsico, da dist\u00e2ncia de trabalho, do campo de vis\u00e3o e da rigidez de montagem em espa\u00e7os reduzidos da m\u00e1quina.<\/div>\n        <\/div>\n\n        <!-- Variable 7 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Movimenta\u00e7\u00e3o de produtos<\/div>\n          <div class=\"iiot-variable-desc\">Tendo em conta o movimento cont\u00ednuo da correia, a inclina\u00e7\u00e3o das pe\u00e7as, a oscila\u00e7\u00e3o ou o espa\u00e7amento irregular durante o deslocamento a alta velocidade.<\/div>\n        <\/div>\n\n        <!-- Variable 8 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Condi\u00e7\u00f5es ambientais<\/div>\n          <div class=\"iiot-variable-desc\">Proteger os componentes \u00f3ticos e os sensores contra varia\u00e7\u00f5es de temperatura na f\u00e1brica, poeira, n\u00e9voa de \u00f3leo, humidade e lavagens.<\/div>\n        <\/div>\n\n        <!-- Variable 9 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Precis\u00e3o de inspe\u00e7\u00e3o exigida<\/div>\n          <div class=\"iiot-variable-desc\">Equilibrar os requisitos de resolu\u00e7\u00e3o da medi\u00e7\u00e3o a n\u00edvel de subp\u00edxeis com a velocidade da linha e os limites de distor\u00e7\u00e3o da lente.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle \/ Summary Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Todos os componentes \u00f3ticos, estrat\u00e9gias de ilumina\u00e7\u00e3o e fluxos de processamento s\u00e3o testados em condi\u00e7\u00f5es reais de produ\u00e7\u00e3o e validados em ambiente de trabalho para garantir uma fiabilidade de n\u00edvel industrial.\n          <\/div>\n        <\/div>\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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\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  \/* 3x3 Grid Layout for Environmental Variables *\/\n  .iiot-variables-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-variable-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  }\n\n  .iiot-variable-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-variable-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-variables-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-variables-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-eb8de42 e-con e-atomic-element e-flexbox-base e-9ddd7f5\" data-id=\"eb8de42\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb8de42\">\n    \t\t<div class=\"elementor-element elementor-element-59b1def elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"59b1def\" 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_59b1def {\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_59b1def .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_59b1def .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_59b1def .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_59b1def .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_59b1def:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_59b1def:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_59b1def:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_59b1def: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_59b1def\">\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 moveFromLeft\">TECNOLOGIAS QUE UTILIZAMOS<\/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      <h3>Pilha tecnol\u00f3gica de vis\u00e3o artificial<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      \n      <!-- Tech Stack Grid -->\n      <div class=\"iiot-stack-grid\">\n        \n        <!-- Category 1: Vision -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Vis\u00e3o<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">OpenCV<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 2: AI \/ Machine Learning -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">IA \/ Aprendizagem Autom\u00e1tica<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">PyTorch<\/span>\n            <span class=\"iiot-tech-pill\">TensorFlow<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 3: Development -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Desenvolvimento<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">Python<\/span>\n            <span class=\"iiot-tech-pill\">C# \/ .NET<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 4: Industrial Integration -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Integra\u00e7\u00e3o industrial<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">PLC<\/span>\n            <span class=\"iiot-tech-pill\">OPC UA<\/span>\n            <span class=\"iiot-tech-pill\">MQTT<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 5: Infrastructure -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Infraestruturas<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">Linux<\/span>\n            <span class=\"iiot-tech-pill\">Docker<\/span>\n          <\/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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\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 Stack Grid Layout *\/\n  .iiot-stack-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n  }\n\n  .iiot-stack-group {\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;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    box-sizing: border-box;\n  }\n\n  .iiot-group-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    color: inherit;\n  }\n\n  .iiot-pill-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .iiot-tech-pill {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 8px 14px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-stack-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-d5bdaf4 e-con e-atomic-element e-flexbox-base e-0fd89e7\" data-id=\"d5bdaf4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5bdaf4\">\n    \t\t<div class=\"elementor-element elementor-element-76bd458 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"76bd458\" 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_76bd458 {\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_76bd458 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_76bd458 .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_76bd458 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_76bd458 .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_76bd458:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_76bd458:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_76bd458:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_76bd458: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_76bd458\">\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 moveFromRight\">ABORDAGEM DE ENGENHARIA<\/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      <h3>Uma c\u00e2mara \u00e9 apenas uma parte da solu\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        O sucesso de um projeto de vis\u00e3o industrial depende do sistema na sua totalidade. A GPLG integra estes componentes de forma coordenada, em vez de tratar a c\u00e2mara como um dispositivo isolado.\n      <\/p>\n\n      <!-- Horizontal System Flow Chain -->\n      <div class=\"iiot-flow-chain\">\n        \n        <!-- Node 1 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Produto<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 2 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Ilumina\u00e7\u00e3o<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 3 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">\u00d3tica<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 4 (Highlighted Camera Centerpiece) -->\n        <div class=\"iiot-flow-node iiot-highlight-node\">\n          <div class=\"iiot-node-box\">C\u00e2mara<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 5 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Processamento de Imagens<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 6 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Decis\u00e3o<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 7 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Automa\u00e7\u00e3o<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Strong Final Statement Footer -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          N\u00e3o nos limitamos a instalar c\u00e2maras. Concebemos sistemas completos de vis\u00e3o artificial.\n        <\/div>\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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\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: 28px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow Chain *\/\n  .iiot-flow-chain {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 28px;\n    overflow-x: auto;\n    padding: 10px 4px;\n  }\n\n  .iiot-flow-node {\n    flex: 1;\n    min-width: 110px;\n  }\n\n  .iiot-node-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: 14px 10px;\n    text-align: center;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    box-sizing: border-box;\n  }\n\n  \/* Highlight Camera Node *\/\n  .iiot-highlight-node .iiot-node-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n    box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 1rem;\n    opacity: 0.5;\n    color: inherit;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\n  \/* Final Statement Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 18px 24px;\n    text-align: center;\n  }\n\n  .iiot-statement-text {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n  }\n\n  \/* Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-flow-chain {\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .iiot-flow-node {\n      width: 100%;\n      max-width: 320px;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      margin: 2px 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-9ab81e1 e-con e-atomic-element e-flexbox-base e-7273dcb\" data-id=\"9ab81e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ab81e1\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-04e35db\" 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-04e35db 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=\"04e35db\" 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-f832bca e-con-full e-flex e-con e-child\" data-id=\"f832bca\" 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-0a9b19f elementor-widget elementor-widget-heading\" data-id=\"0a9b19f\" 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\">D\u00ea ao seu sistema industrial a capacidade de ver<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9d18b elementor-widget elementor-widget-text-editor\" data-id=\"6c9d18b\" 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>Desde a inspe\u00e7\u00e3o e medi\u00e7\u00e3o automatizadas at\u00e9 ao reconhecimento de objetos e \u00e0 orienta\u00e7\u00e3o rob\u00f3tica, a GPLG concebe sistemas de vis\u00e3o artificial em fun\u00e7\u00e3o das necessidades reais de produ\u00e7\u00e3o.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Discutir um projeto da Vision<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bce166 e-con-full e-flex e-con e-child\" data-id=\"5bce166\" 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-cb514f6 elementor-widget elementor-widget-button\" data-id=\"cb514f6\" 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-2306","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\/2306","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=2306"}],"version-history":[{"count":292,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages\/2306\/revisions"}],"predecessor-version":[{"id":4969,"href":"https:\/\/gplg.pt\/pt\/wp-json\/wp\/v2\/pages\/2306\/revisions\/4969"}],"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=2306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}