Quem Somos \u00b7 TM Engineering<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;\r\n background: #0b1a2f;\r\n color: #fff;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== SE\u00c7\u00c3O SOBRE N\u00d3S ===== *\/\r\n .about-section {\r\n position: relative;\r\n padding: 5rem 2rem;\r\n background: linear-gradient(135deg, #0b1a2f 0%, #1a3050 100%);\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n \/* Efeito de fundo decorativo *\/\r\n .about-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(74, 109, 140, 0.06) 0%, transparent 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n }\r\n\r\n .about-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -30%;\r\n left: -10%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(74, 109, 140, 0.04) 0%, transparent 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n }\r\n\r\n .about-container {\r\n max-width: 1300px;\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== LADO ESQUERDO - CONTE\u00daDO ===== *\/\r\n .about-content {\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n animation: slideInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n }\r\n\r\n @keyframes slideInLeft {\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .about-badge {\r\n display: inline-block;\r\n background: rgba(74, 109, 140, 0.12);\r\n color: #4A6D8C;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(74, 109, 140, 0.15);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .about-badge i {\r\n margin-right: 8px;\r\n }\r\n\r\n .about-content h1 {\r\n font-size: 3.8rem;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 0.5rem;\r\n background: linear-gradient(135deg, #4A6D8C, #0A2B4E);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .about-content h1 .highlight {\r\n color: #fff;\r\n -webkit-text-fill-color: #fff;\r\n background: none;\r\n }\r\n\r\n .about-content .subtitle {\r\n font-size: 1.4rem;\r\n font-weight: 300;\r\n color: #b0c8e0;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: 1px;\r\n border-left: 4px solid #4A6D8C;\r\n padding-left: 1.2rem;\r\n }\r\n\r\n .about-content .description {\r\n font-size: 1.05rem;\r\n color: #c8dcee;\r\n line-height: 1.8;\r\n margin-bottom: 2rem;\r\n max-width: 600px;\r\n }\r\n\r\n .about-content .description strong {\r\n color: #4A6D8C;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CARACTER\u00cdSTICAS ===== *\/\r\n .about-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n padding: 0.8rem 1.2rem;\r\n border-radius: 16px;\r\n border: 1px solid rgba(74, 109, 140, 0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(74, 109, 140, 0.15);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .feature-item .icon {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(74, 109, 140, 0.12);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #4A6D8C;\r\n font-size: 1.1rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feature-item .text {\r\n font-size: 0.9rem;\r\n color: #dce8f2;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== BOT\u00c3O ===== *\/\r\n .about-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #4A6D8C;\r\n color: #ffffff;\r\n font-weight: 700;\r\n padding: 0.9rem 2.5rem;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n font-size: 1.05rem;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 10px 30px rgba(74, 109, 140, 0.2);\r\n }\r\n\r\n .about-btn:hover {\r\n background: #0A2B4E;\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(74, 109, 140, 0.3);\r\n }\r\n\r\n .about-btn i {\r\n font-size: 1rem;\r\n }\r\n\r\n \/* ===== LADO DIREITO - IMAGEM ===== *\/\r\n .about-image {\r\n opacity: 0;\r\n transform: translateX(40px);\r\n animation: slideInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n animation-delay: 0.3s;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @keyframes slideInRight {\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .about-image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 500px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);\r\n border: 2px solid rgba(74, 109, 140, 0.1);\r\n }\r\n\r\n .about-image-wrapper img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .about-image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .about-image-wrapper .floating-badge {\r\n position: absolute;\r\n bottom: -20px;\r\n right: -20px;\r\n background: #ffffff;\r\n color: #0b1a2f;\r\n padding: 1rem 1.5rem;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n animation: float 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n\r\n .floating-badge .number {\r\n font-size: 1.8rem;\r\n font-weight: 900;\r\n color: #4A6D8C;\r\n line-height: 1;\r\n }\r\n\r\n .floating-badge .label {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #0b1a2f;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .floating-badge i {\r\n color: #4A6D8C !important;\r\n }\r\n\r\n \/* ===== RESPONSIVIDADE ===== *\/\r\n @media (max-width: 1024px) {\r\n .about-container {\r\n gap: 3rem;\r\n }\r\n .about-content h1 {\r\n font-size: 3rem;\r\n }\r\n .about-content .subtitle {\r\n font-size: 1.2rem;\r\n }\r\n .about-image-wrapper {\r\n max-width: 420px;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .about-section {\r\n padding: 3rem 1.5rem;\r\n }\r\n .about-container {\r\n grid-template-columns: 1fr;\r\n gap: 2.5rem;\r\n text-align: center;\r\n }\r\n .about-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .about-content h1 {\r\n font-size: 2.6rem;\r\n text-align: center;\r\n }\r\n .about-content .subtitle {\r\n border-left: none;\r\n padding-left: 0;\r\n border-top: 3px solid #4A6D8C;\r\n padding-top: 0.8rem;\r\n text-align: center;\r\n }\r\n .about-content .description {\r\n text-align: center;\r\n max-width: 100%;\r\n }\r\n .about-features {\r\n grid-template-columns: 1fr 1fr;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n .feature-item {\r\n justify-content: center;\r\n }\r\n .about-image-wrapper {\r\n max-width: 380px;\r\n margin: 0 auto;\r\n }\r\n .about-image-wrapper .floating-badge {\r\n bottom: -15px;\r\n right: -10px;\r\n padding: 0.8rem 1.2rem;\r\n }\r\n .floating-badge .number {\r\n font-size: 1.4rem;\r\n }\r\n .floating-badge .label {\r\n font-size: 0.65rem;\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n .about-section {\r\n padding: 2rem 1rem;\r\n }\r\n .about-content h1 {\r\n font-size: 2rem;\r\n }\r\n .about-content .subtitle {\r\n font-size: 1rem;\r\n }\r\n .about-content .description {\r\n font-size: 0.95rem;\r\n }\r\n .about-features {\r\n grid-template-columns: 1fr;\r\n max-width: 100%;\r\n }\r\n .feature-item {\r\n padding: 0.6rem 1rem;\r\n }\r\n .feature-item .text {\r\n font-size: 0.85rem;\r\n }\r\n .about-image-wrapper {\r\n max-width: 300px;\r\n }\r\n .about-image-wrapper .floating-badge {\r\n bottom: -10px;\r\n right: -5px;\r\n padding: 0.6rem 1rem;\r\n border-radius: 14px;\r\n }\r\n .floating-badge .number {\r\n font-size: 1.2rem;\r\n }\r\n .floating-badge .label {\r\n font-size: 0.55rem;\r\n }\r\n .about-btn {\r\n padding: 0.7rem 1.8rem;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .about-content h1 {\r\n font-size: 1.6rem;\r\n }\r\n .about-content .subtitle {\r\n font-size: 0.9rem;\r\n }\r\n .about-content .description {\r\n font-size: 0.85rem;\r\n }\r\n .about-image-wrapper {\r\n max-width: 250px;\r\n }\r\n .feature-item .text {\r\n font-size: 0.8rem;\r\n }\r\n .floating-badge .number {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n \/* ===== ANIMA\u00c7\u00d5ES DE SCROLL ===== *\/\r\n .about-content,\r\n .about-image {\r\n opacity: 0;\r\n }\r\n\r\n .about-content.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .about-image.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n transition-delay: 0.3s;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"about-section\" id=\"aboutSection\">\r\n <div class=\"about-container\">\r\n\r\n \r\n <div class=\"about-content\" id=\"aboutContent\">\r\n <div class=\"about-badge\">\r\n <i class=\"fas fa-building\"><\/i> About Us\r\n <\/div>\r\n\r\n <h1>\r\n Quem <span class=\"highlight\">Somos<\/span>\r\n <\/h1>\r\n\r\n <div class=\"subtitle\">\r\n <i class=\"fas fa-arrow-right\" style=\"color:#4A6D8C; margin-right:8px;\"><\/i> \r\n Engenharia e Log\u00edstica que movem a ind\u00fastria mo\u00e7ambicana\r\n <\/div>\r\n\r\n <p class=\"description\">\r\n <strong>TM Engineering & Services<\/strong> \u00e9 uma empresa mo\u00e7ambicana especializada em \r\n solu\u00e7\u00f5es integradas de engenharia, manuten\u00e7\u00e3o industrial, fornecimento de pe\u00e7as \r\n sobressalentes e log\u00edstica. Com <strong>mais de 5 anos de experi\u00eancia<\/strong>, \r\n oferecemos servi\u00e7os de excel\u00eancia para os sectores mineiro, transporte, sa\u00fade, \r\n seguro, manufactura, constru\u00e7\u00e3o, alimentar, hoteleiro e turismo.\r\n <\/p>\r\n\r\n \r\n <div class=\"about-features\">\r\n <div class=\"feature-item\">\r\n <div class=\"icon\"><i class=\"fas fa-award\"><\/i><\/div>\r\n <span class=\"text\">Qualidade e Certifica\u00e7\u00e3o<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <span class=\"text\">Equipa Especializada<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n <span class=\"text\">Suporte 24\/7<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"icon\"><i class=\"fas fa-globe-africa\"><\/i><\/div>\r\n <span class=\"text\">Presen\u00e7a Nacional<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"about-btn\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Fale Connosco\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-image\" id=\"aboutImage\">\r\n <div class=\"about-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/tm.engebrait.com\/wp-content\/uploads\/2026\/06\/foto4-300x300.jpg\" alt=\"TM Engineering - Sobre N\u00f3s\" loading=\"lazy\" \/>\r\n <div class=\"floating-badge\">\r\n <div>\r\n <div class=\"number\">5+<\/div>\r\n <div class=\"label\">Anos de Experi\u00eancia<\/div>\r\n <\/div>\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ ===== REVELA\u00c7\u00c3O AO SCROLL =====\r\n (function() {\r\n const content = document.getElementById('aboutContent');\r\n const image = document.getElementById('aboutImage');\r\n const section = document.getElementById('aboutSection');\r\n\r\n function isElementInViewport(el) {\r\n const rect = el.getBoundingClientRect();\r\n const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top < windowHeight - 80 && rect.bottom > 80;\r\n }\r\n\r\n function checkVisibility() {\r\n if (isElementInViewport(section)) {\r\n if (content) content.classList.add('visible');\r\n if (image) image.classList.add('visible');\r\n }\r\n }\r\n\r\n window.addEventListener('load', function() {\r\n setTimeout(checkVisibility, 300);\r\n });\r\n\r\n let ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n\r\n window.addEventListener('resize', function() {\r\n setTimeout(checkVisibility, 200);\r\n }, { passive: true });\r\n\r\n setTimeout(checkVisibility, 1000);\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-120b2ff wpr-fancy-text-rotate-1 wpr-advanced-text-style-animated wpr-animated-text-infinite-yes elementor-widget elementor-widget-wpr-advanced-text\" data-id=\"120b2ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"anim_loop":"yes"}\" data-widget_type=\"wpr-advanced-text.default\">\n\t\t\t\t\t\n\t\t<h3 class=\"wpr-advanced-text\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"wpr-advanced-text-preffix\">NOSSOS<\/span>\n\t\t\t\n\t\t<span class=\"wpr-anim-text wpr-anim-text-type-rotate-1\" data-anim-duration=\"1000,1500\" data-anim-loop=\"yes\">\n\t\t\t<span class=\"wpr-anim-text-inner\">\n\t\t\t\t\t\t\t\t\t<b>PILARES<\/b>\n\t\t\t\t\t\t\t\t\t<b>ALICERCES<\/b>\n\t\t\t\t\t\t\t\t\t<b>MOTORES<\/b>\n\t\t\t\t\t\t\t\t\t<b>PRINC\u00cdPIOS<\/b>\n\t\t\t\t\t\t\t\t\t<b>FUNDAMENTOS<\/b>\n\t\t\t\t\t\t\t\t\t<b>COMPROMISSOS<\/b>\n\t\t\t\t\t\t\t\t\t<b>HORIZONTES<\/b>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\n\t\t<\/h3>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42bf500 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"42bf500\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b9f74d\" data-id=\"9b9f74d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7fe5bab elementor-widget elementor-widget-html\" data-id=\"7fe5bab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-MZ\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes\" \/>\r\n <title>Miss\u00e3o, Vis\u00e3o e Valores \u00b7 TM Engineering<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;\r\n background: #0b1a2f;\r\n color: #fff;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== SE\u00c7\u00c3O MISS\u00c3O, VIS\u00c3O E VALORES ===== *\/\r\n .mvv-section {\r\n padding: 5rem 2rem;\r\n background: linear-gradient(180deg, #0b1a2f 0%, #1a3050 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .mvv-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -40%;\r\n right: -10%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(74, 109, 140, 0.04) 0%, transparent 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n }\r\n\r\n .mvv-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -30%;\r\n left: -5%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(74, 109, 140, 0.03) 0%, transparent 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n }\r\n\r\n .mvv-container {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .mvv-header {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .mvv-header .badge {\r\n display: inline-block;\r\n background: rgba(74, 109, 140, 0.12);\r\n color: #4A6D8C;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.5rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(74, 109, 140, 0.1);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .mvv-header .badge i {\r\n margin-right: 8px;\r\n }\r\n\r\n .mvv-header h2 {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, #4A6D8C, #0A2B4E);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n line-height: 1.1;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .mvv-header p {\r\n font-size: 1.15rem;\r\n color: #b0c8e0;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n font-weight: 300;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .mvv-header p i {\r\n color: #4A6D8C;\r\n margin: 0 6px;\r\n }\r\n\r\n \/* ===== GRID MISS\u00c3O E VIS\u00c3O ===== *\/\r\n .mv-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2rem;\r\n margin-bottom: 3.5rem;\r\n }\r\n\r\n .mv-card {\r\n background: rgba(255, 255, 255, 0.04);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-radius: 28px;\r\n padding: 2.5rem 2.5rem 2.8rem;\r\n border: 1px solid rgba(74, 109, 140, 0.06);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n animation: fadeInUp 0.8s ease forwards;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .mv-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #4A6D8C, #0A2B4E);\r\n opacity: 0.6;\r\n }\r\n\r\n .mv-card:nth-child(1) { animation-delay: 0.1s; }\r\n .mv-card:nth-child(2) { animation-delay: 0.2s; }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .mv-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(74, 109, 140, 0.15);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .mv-card .icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(74, 109, 140, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.2rem;\r\n border: 1px solid rgba(74, 109, 140, 0.08);\r\n }\r\n\r\n .mv-card .icon-wrapper i {\r\n font-size: 1.8rem;\r\n color: #4A6D8C;\r\n }\r\n\r\n .mv-card h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 0.8rem;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .mv-card .mv-text {\r\n font-size: 1.02rem;\r\n color: #c8dcee;\r\n line-height: 1.8;\r\n }\r\n\r\n .mv-card .mv-text strong {\r\n color: #4A6D8C;\r\n font-weight: 600;\r\n }\r\n\r\n .mv-card .mv-highlight {\r\n display: inline-block;\r\n background: rgba(74, 109, 140, 0.06);\r\n color: #4A6D8C;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n margin-top: 0.8rem;\r\n border: 1px solid rgba(74, 109, 140, 0.05);\r\n }\r\n\r\n \/* ===== VALORES ===== *\/\r\n .values-section {\r\n margin-top: 1rem;\r\n }\r\n\r\n .values-section .section-subtitle {\r\n text-align: center;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 2.5rem;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n }\r\n\r\n .values-section .section-subtitle::before,\r\n .values-section .section-subtitle::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n max-width: 100px;\r\n background: rgba(74, 109, 140, 0.15);\r\n }\r\n\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n }\r\n\r\n .value-card {\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border-radius: 24px;\r\n padding: 2rem 1.8rem;\r\n border: 1px solid rgba(74, 109, 140, 0.04);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n transition: all 0.4s ease;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 0.8s ease forwards;\r\n }\r\n\r\n .value-card:nth-child(1) { animation-delay: 0.3s; }\r\n .value-card:nth-child(2) { animation-delay: 0.4s; }\r\n .value-card:nth-child(3) { animation-delay: 0.5s; }\r\n .value-card:nth-child(4) { animation-delay: 0.6s; }\r\n .value-card:nth-child(5) { animation-delay: 0.7s; }\r\n\r\n .value-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(74, 109, 140, 0.12);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .value-card .value-icon {\r\n width: 55px;\r\n height: 55px;\r\n margin: 0 auto 1rem;\r\n background: rgba(74, 109, 140, 0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid rgba(74, 109, 140, 0.05);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .value-card:hover .value-icon {\r\n background: rgba(74, 109, 140, 0.15);\r\n transform: scale(1.05);\r\n }\r\n\r\n .value-card .value-icon i {\r\n font-size: 1.4rem;\r\n color: #4A6D8C;\r\n }\r\n\r\n .value-card h4 {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 0.4rem;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .value-card .value-description {\r\n font-size: 0.9rem;\r\n color: #b0c8e0;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== RESPONSIVIDADE ===== *\/\r\n @media (max-width: 1024px) {\r\n .mvv-header h2 {\r\n font-size: 2.6rem;\r\n }\r\n .mv-grid {\r\n gap: 1.5rem;\r\n }\r\n .mv-card {\r\n padding: 2rem 2rem 2.2rem;\r\n }\r\n .values-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .mvv-section {\r\n padding: 3rem 1.5rem;\r\n }\r\n .mvv-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n .mvv-header p {\r\n font-size: 1rem;\r\n }\r\n .mv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.2rem;\r\n }\r\n .mv-card {\r\n padding: 1.8rem 1.8rem 2rem;\r\n }\r\n .mv-card h3 {\r\n font-size: 1.5rem;\r\n }\r\n .mv-card .mv-text {\r\n font-size: 0.95rem;\r\n }\r\n .values-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.2rem;\r\n }\r\n .value-card {\r\n padding: 1.5rem 1.2rem;\r\n }\r\n .values-section .section-subtitle {\r\n font-size: 1.5rem;\r\n gap: 1rem;\r\n }\r\n .values-section .section-subtitle::before,\r\n .values-section .section-subtitle::after {\r\n max-width: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n .mvv-section {\r\n padding: 2rem 1rem;\r\n }\r\n .mvv-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n .mvv-header p {\r\n font-size: 0.9rem;\r\n }\r\n .mv-card {\r\n padding: 1.5rem 1.2rem 1.8rem;\r\n border-radius: 20px;\r\n }\r\n .mv-card h3 {\r\n font-size: 1.3rem;\r\n }\r\n .mv-card .mv-text {\r\n font-size: 0.88rem;\r\n }\r\n .mv-card .icon-wrapper {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n .mv-card .icon-wrapper i {\r\n font-size: 1.4rem;\r\n }\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 380px;\r\n margin: 0 auto;\r\n }\r\n .value-card {\r\n padding: 1.2rem 1rem;\r\n }\r\n .value-card h4 {\r\n font-size: 1rem;\r\n }\r\n .value-card .value-description {\r\n font-size: 0.82rem;\r\n }\r\n .values-section .section-subtitle {\r\n font-size: 1.2rem;\r\n gap: 0.8rem;\r\n }\r\n .values-section .section-subtitle::before,\r\n .values-section .section-subtitle::after {\r\n max-width: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .mvv-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n .mv-card h3 {\r\n font-size: 1.1rem;\r\n }\r\n .mv-card .mv-text {\r\n font-size: 0.82rem;\r\n }\r\n .value-card h4 {\r\n font-size: 0.9rem;\r\n }\r\n .value-card .value-description {\r\n font-size: 0.78rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"mvv-section\">\r\n <div class=\"mvv-container\">\r\n\r\n \r\n <div class=\"mvv-header\">\r\n <div class=\"badge\"><i class=\"fas fa-compass\"><\/i> Nossa Ess\u00eancia<\/div>\r\n <h2>Miss\u00e3o, Vis\u00e3o e Valores<\/h2>\r\n <p><i class=\"fas fa-arrow-right\"><\/i> O que nos move, para onde vamos e os princ\u00edpios que nos guiam <i class=\"fas fa-arrow-left\"><\/i><\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mv-grid\">\r\n\r\n \r\n <div class=\"mv-card\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n <h3>Nossa Miss\u00e3o<\/h3>\r\n <div class=\"mv-text\">\r\n Garantir a m\u00e1xima efici\u00eancia e a continuidade operacional da ind\u00fastria atrav\u00e9s de <strong>solu\u00e7\u00f5es integradas em engenharia de manuten\u00e7\u00e3o<\/strong>, fornecimento \u00e1gil de componentes de alta qualidade e uma <strong>log\u00edstica segura e precisa<\/strong>.\r\n <\/div>\r\n <div class=\"mv-highlight\">\r\n <i class=\"fas fa-check-circle\"><\/i> Confian\u00e7a que a sua ind\u00fastria n\u00e3o vai parar\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mv-card\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <\/div>\r\n <h3>Nossa Vis\u00e3o<\/h3>\r\n <div class=\"mv-text\">\r\n Ser a <strong>parceira estrat\u00e9gica l\u00edder e de refer\u00eancia<\/strong> no mercado industrial, reconhecida pela excel\u00eancia t\u00e9cnica, inova\u00e7\u00e3o em manuten\u00e7\u00e3o preditiva, preventiva, corretiva e pela capacidade de <strong>conectar suprimentos e log\u00edstica com total confiabilidade e abrang\u00eancia<\/strong>.\r\n <\/div>\r\n <div class=\"mv-highlight\">\r\n <i class=\"fas fa-star\"><\/i> Parceira indispens\u00e1vel para o crescimento dos clientes\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"values-section\">\r\n <div class=\"section-subtitle\">\r\n Nossos Valores\r\n <\/div>\r\n\r\n <div class=\"values-grid\">\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <h4>Confiabilidade e Precis\u00e3o<\/h4>\r\n <div class=\"value-description\">\r\n Compromisso com prazos, conformidade t\u00e9cnica e a entrega exata do que foi prometido, tanto na engenharia quanto no transporte.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h4>Seguran\u00e7a em Primeiro Lugar<\/h4>\r\n <div class=\"value-description\">\r\n Rigor t\u00e9cnico na manuten\u00e7\u00e3o e nas opera\u00e7\u00f5es log\u00edsticas, priorizando a integridade das pessoas, dos ativos e a efici\u00eancia dos processos.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-bolt\"><\/i>\r\n <\/div>\r\n <h4>Agilidade e Prontid\u00e3o<\/h4>\r\n <div class=\"value-description\">\r\n Resposta r\u00e1pida e flex\u00edvel para solucionar os desafios da ind\u00fastria, minimizando impactos e paragens n\u00e3o planejadas.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-gem\"><\/i>\r\n <\/div>\r\n <h4>Integridade e Transpar\u00eancia<\/h4>\r\n <div class=\"value-description\">\r\n Atuar com \u00e9tica em todas as rela\u00e7\u00f5es \u2014 do fornecimento de pe\u00e7as \u00e0 execu\u00e7\u00e3o de grandes contratos de manuten\u00e7\u00e3o.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-link\"><\/i>\r\n <\/div>\r\n <h4>Sinergia e Integra\u00e7\u00e3o<\/h4>\r\n <div class=\"value-description\">\r\n Valorizar a conex\u00e3o perfeita entre os tr\u00eas ramos (engenharia, pe\u00e7as e log\u00edstica) para entregar o m\u00e1ximo valor ao cliente final.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ ===== REVELA\u00c7\u00c3O AO SCROLL =====\r\n (function() {\r\n const cards = document.querySelectorAll('.mv-card, .value-card');\r\n\r\n function isElementInViewport(el) {\r\n const rect = el.getBoundingClientRect();\r\n const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n const threshold = 0.15;\r\n const visibleHeight = Math.min(rect.bottom, windowHeight) - Math.max(rect.top, 0);\r\n const elementHeight = rect.height;\r\n return visibleHeight > elementHeight * threshold;\r\n }\r\n\r\n function checkVisibility() {\r\n cards.forEach(card => {\r\n if (isElementInViewport(card)) {\r\n card.style.opacity = '1';\r\n card.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Inicializa com opacidade 0 para os cards que ainda n\u00e3o foram animados\r\n cards.forEach(card => {\r\n if (!card.style.opacity || card.style.opacity === '') {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(40px)';\r\n card.style.transition = 'all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n }\r\n });\r\n\r\n window.addEventListener('load', function() {\r\n setTimeout(checkVisibility, 300);\r\n });\r\n\r\n let ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n\r\n window.addEventListener('resize', function() {\r\n setTimeout(checkVisibility, 200);\r\n }, { passive: true });\r\n\r\n setTimeout(checkVisibility, 1000);\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e6faf9a elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e6faf9a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-532215d\" data-id=\"532215d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c8c6b6 wpr-button-icon-style-inline wpr-button-icon-position-right elementor-widget elementor-widget-wpr-button\" data-id=\"2c8c6b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-button.default\">\n\t\t\t\t\t\t\n\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button wpr-button-effect wpr-button-radial-out\" data-text=\"\" href=\"https:\/\/tm.engebrait.com\/en\/servicos\/\" target=\"_blank\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text\">Descubra os Nossos Servi\u00e7os<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-icon\"><svg class=\"e-font-icon-svg e-fas-angle-double-down\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 256.3L7 120.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0L313 86.3c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.4 9.5-24.6 9.5-34 .1zm34 192l136-136c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0L160 352.1l-96.4-96.4c-9.4-9.4-24.6-9.4-33.9 0L7 278.3c-9.4 9.4-9.4 24.6 0 33.9l136 136c9.4 9.5 24.6 9.5 34 .1z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\n\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-253ed7d elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"253ed7d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c44bfe\" data-id=\"1c44bfe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4df742c elementor-widget elementor-widget-heading\" data-id=\"4df742c\" 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\">Nossa Linha de Tempo <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b8becb elementor-widget elementor-widget-html\" data-id=\"0b8becb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-MZ\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes\" \/>\r\n <title>Nossa Trajet\u00f3ria \u00b7 TM Engineering<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;\r\n background: #0b1a2f;\r\n color: #fff;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== SE\u00c7\u00c3O TIMELINE ===== *\/\r\n .timeline-section {\r\n padding: 5rem 2rem;\r\n background: linear-gradient(180deg, #0b1a2f 0%, #1a3050 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Efeitos de fundo *\/\r\n .timeline-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -15%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(74, 109, 140, 0.05) 0%, transparent 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n }\r\n\r\n .timeline-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -20%;\r\n left: -10%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(74, 109, 140, 0.03) 0%, transparent 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n }\r\n\r\n .timeline-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .timeline-header {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .timeline-header .badge {\r\n display: inline-block;\r\n background: rgba(74, 109, 140, 0.12);\r\n color: #4A6D8C;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.5rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(74, 109, 140, 0.1);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .timeline-header .badge i {\r\n margin-right: 8px;\r\n }\r\n\r\n .timeline-header h2 {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, #4A6D8C, #0A2B4E);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n line-height: 1.1;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .timeline-header p {\r\n font-size: 1.2rem;\r\n color: #b0c8e0;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n font-weight: 300;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .timeline-header p i {\r\n color: #4A6D8C;\r\n margin: 0 6px;\r\n }\r\n\r\n \/* ===== LINHA DO TEMPO ===== *\/\r\n .timeline {\r\n position: relative;\r\n padding: 2rem 0;\r\n }\r\n\r\n \/* Linha central com anima\u00e7\u00e3o de crescimento *\/\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 4px;\r\n background: rgba(74, 109, 140, 0.15);\r\n transform: translateX(-50%);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n }\r\n\r\n .timeline::after {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(to bottom, #4A6D8C, #0A2B4E);\r\n transform: translateX(-50%);\r\n border-radius: 4px;\r\n animation: growLine 3s ease forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n @keyframes growLine {\r\n 0% { height: 0; }\r\n 100% { height: 100%; }\r\n }\r\n\r\n \/* ===== ITEMS ===== *\/\r\n .timeline-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 4rem;\r\n position: relative;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .timeline-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Alternar lados *\/\r\n .timeline-item:nth-child(odd) {\r\n flex-direction: row;\r\n padding-right: calc(50% + 3rem);\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n flex-direction: row-reverse;\r\n padding-left: calc(50% + 3rem);\r\n }\r\n\r\n \/* ===== PONTO NA LINHA ===== *\/\r\n .timeline-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 10px;\r\n width: 18px;\r\n height: 18px;\r\n background: #4A6D8C;\r\n border-radius: 50%;\r\n transform: translateX(-50%);\r\n border: 4px solid #0b1a2f;\r\n box-shadow: 0 0 0 4px #4A6D8C, 0 0 30px rgba(74, 109, 140, 0.15);\r\n z-index: 2;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .timeline-item:nth-child(even)::before {\r\n background: #0A2B4E;\r\n box-shadow: 0 0 0 4px #0A2B4E, 0 0 30px rgba(10, 43, 78, 0.15);\r\n }\r\n\r\n .timeline-item:hover::before {\r\n transform: translateX(-50%) scale(1.3);\r\n box-shadow: 0 0 0 6px #4A6D8C, 0 0 50px rgba(74, 109, 140, 0.3);\r\n }\r\n\r\n .timeline-item:nth-child(even):hover::before {\r\n box-shadow: 0 0 0 6px #0A2B4E, 0 0 50px rgba(10, 43, 78, 0.3);\r\n }\r\n\r\n \/* ===== CARD ===== *\/\r\n .timeline-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-radius: 24px;\r\n padding: 1.8rem 2rem;\r\n border: 1px solid rgba(74, 109, 140, 0.08);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n transition: all 0.4s ease;\r\n width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .timeline-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, #4A6D8C, #0A2B4E);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .timeline-item:hover .timeline-card::before {\r\n opacity: 1;\r\n }\r\n\r\n .timeline-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(74, 109, 140, 0.2);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-card {\r\n border-right: 3px solid rgba(74, 109, 140, 0.15);\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-card {\r\n border-left: 3px solid rgba(10, 43, 78, 0.15);\r\n }\r\n\r\n \/* ===== CONTE\u00daDO DO CARD ===== *\/\r\n .card-year {\r\n font-size: 1.8rem;\r\n font-weight: 900;\r\n color: #4A6D8C;\r\n line-height: 1;\r\n margin-bottom: 0.3rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .card-year .year-line {\r\n flex: 1;\r\n height: 2px;\r\n background: rgba(74, 109, 140, 0.1);\r\n max-width: 60px;\r\n }\r\n\r\n .card-icon {\r\n font-size: 2rem;\r\n color: #4A6D8C;\r\n margin-bottom: 0.5rem;\r\n display: inline-block;\r\n background: rgba(74, 109, 140, 0.08);\r\n padding: 0.6rem;\r\n border-radius: 16px;\r\n border: 1px solid rgba(74, 109, 140, 0.05);\r\n }\r\n\r\n .card-title {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 0.3rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .card-description {\r\n font-size: 0.95rem;\r\n color: #b0c8e0;\r\n line-height: 1.7;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .card-tag {\r\n display: inline-block;\r\n background: rgba(74, 109, 140, 0.08);\r\n color: #4A6D8C;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n border: 1px solid rgba(74, 109, 140, 0.05);\r\n }\r\n\r\n .card-tag i {\r\n margin-right: 4px;\r\n }\r\n\r\n \/* ===== ANIMA\u00c7\u00c3O DOS CARDS ===== *\/\r\n .timeline-item {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .timeline-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .timeline-item:nth-child(1).visible { transition-delay: 0.1s; }\r\n .timeline-item:nth-child(2).visible { transition-delay: 0.2s; }\r\n .timeline-item:nth-child(3).visible { transition-delay: 0.3s; }\r\n .timeline-item:nth-child(4).visible { transition-delay: 0.4s; }\r\n .timeline-item:nth-child(5).visible { transition-delay: 0.5s; }\r\n .timeline-item:nth-child(6).visible { transition-delay: 0.6s; }\r\n .timeline-item:nth-child(7).visible { transition-delay: 0.7s; }\r\n .timeline-item:nth-child(8).visible { transition-delay: 0.8s; }\r\n .timeline-item:nth-child(9).visible { transition-delay: 0.9s; }\r\n .timeline-item:nth-child(10).visible { transition-delay: 1.0s; }\r\n .timeline-item:nth-child(11).visible { transition-delay: 1.1s; }\r\n .timeline-item:nth-child(12).visible { transition-delay: 1.2s; }\r\n\r\n \/* ===== RESPONSIVIDADE ===== *\/\r\n @media (max-width: 1024px) {\r\n .timeline-header h2 {\r\n font-size: 2.8rem;\r\n }\r\n .timeline-item:nth-child(odd) {\r\n padding-right: calc(50% + 2rem);\r\n }\r\n .timeline-item:nth-child(even) {\r\n padding-left: calc(50% + 2rem);\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .timeline-section {\r\n padding: 3rem 1.5rem;\r\n }\r\n .timeline-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n .timeline-header p {\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Linha \u00e0 esquerda *\/\r\n .timeline::before,\r\n .timeline::after {\r\n left: 20px;\r\n }\r\n\r\n .timeline-item {\r\n flex-direction: column !important;\r\n padding: 0 0 0 3.5rem !important;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .timeline-item::before {\r\n left: 20px;\r\n top: 8px;\r\n width: 16px;\r\n height: 16px;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-card {\r\n border-right: none;\r\n border-left: 3px solid rgba(74, 109, 140, 0.15);\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-card {\r\n border-left: 3px solid rgba(10, 43, 78, 0.15);\r\n }\r\n\r\n .timeline-card {\r\n padding: 1.5rem;\r\n }\r\n .card-year {\r\n font-size: 1.4rem;\r\n }\r\n .card-title {\r\n font-size: 1.1rem;\r\n }\r\n .card-description {\r\n font-size: 0.88rem;\r\n }\r\n .card-icon {\r\n font-size: 1.5rem;\r\n padding: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n .timeline-section {\r\n padding: 2rem 1rem;\r\n }\r\n .timeline-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n .timeline-header p {\r\n font-size: 0.9rem;\r\n }\r\n .timeline-item {\r\n padding: 0 0 0 2.8rem !important;\r\n margin-bottom: 2rem;\r\n }\r\n .timeline::before,\r\n .timeline::after {\r\n left: 14px;\r\n }\r\n .timeline-item::before {\r\n left: 14px;\r\n width: 14px;\r\n height: 14px;\r\n }\r\n .timeline-card {\r\n padding: 1.2rem;\r\n border-radius: 18px;\r\n }\r\n .card-year {\r\n font-size: 1.2rem;\r\n }\r\n .card-title {\r\n font-size: 1rem;\r\n }\r\n .card-description {\r\n font-size: 0.82rem;\r\n }\r\n .card-icon {\r\n font-size: 1.2rem;\r\n padding: 0.4rem;\r\n border-radius: 12px;\r\n }\r\n .card-tag {\r\n font-size: 0.55rem;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .timeline-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n .timeline-item {\r\n padding: 0 0 0 2.2rem !important;\r\n }\r\n .timeline::before,\r\n .timeline::after {\r\n left: 10px;\r\n }\r\n .timeline-item::before {\r\n left: 10px;\r\n width: 12px;\r\n height: 12px;\r\n }\r\n .timeline-card {\r\n padding: 1rem;\r\n }\r\n .card-year {\r\n font-size: 1rem;\r\n }\r\n .card-title {\r\n font-size: 0.9rem;\r\n }\r\n .card-description {\r\n font-size: 0.78rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"timeline-section\">\r\n <div class=\"timeline-container\">\r\n\r\n \r\n <div class=\"timeline-header\">\r\n <div class=\"badge\"><i class=\"fas fa-clock\"><\/i> Nossa Hist\u00f3ria<\/div>\r\n <h2>Trajet\u00f3ria de Excel\u00eancia<\/h2>\r\n <p><i class=\"fas fa-arrow-right\"><\/i> De 2022 at\u00e9 hoje, construindo o futuro da ind\u00fastria mo\u00e7ambicana <i class=\"fas fa-arrow-left\"><\/i><\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2022\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n <div class=\"card-title\">Funda\u00e7\u00e3o da TM<\/div>\r\n <div class=\"card-description\">A empresa nasce com a miss\u00e3o de oferecer solu\u00e7\u00f5es integradas de engenharia industrial, manuten\u00e7\u00e3o e fornecimento de pe\u00e7as sobressalentes para Mo\u00e7ambique.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-flag\"><\/i> In\u00edcio da jornada<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2022\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n <div class=\"card-title\">Primeiros Projectos El\u00e9ctricos<\/div>\r\n <div class=\"card-description\">Iniciamos com projectos de instala\u00e7\u00e3o e manuten\u00e7\u00e3o de sistemas el\u00e9ctricos industriais, conquistando a confian\u00e7a dos primeiros clientes.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-check-circle\"><\/i> Primeiros contratos<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2023\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-cogs\"><\/i><\/div>\r\n <div class=\"card-title\">Expans\u00e3o Mec\u00e2nica<\/div>\r\n <div class=\"card-description\">Incorporamos servi\u00e7os de manuten\u00e7\u00e3o mec\u00e2nica em bombas, compressores, redutores e sistemas de transporte industrial.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-plus-circle\"><\/i> Novos servi\u00e7os<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2023\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-microchip\"><\/i><\/div>\r\n <div class=\"card-title\">Automa\u00e7\u00e3o Industrial<\/div>\r\n <div class=\"card-description\">Lan\u00e7amos a divis\u00e3o de automa\u00e7\u00e3o com CLPs, IHM, sensores e sistemas supervis\u00f3rios para optimizar processos produtivos.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-robot\"><\/i> Tecnologia avan\u00e7ada<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2024\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-cubes\"><\/i><\/div>\r\n <div class=\"card-title\">Parts Supply<\/div>\r\n <div class=\"card-description\">Estabelecemos parcerias estrat\u00e9gicas para garantir pe\u00e7as originais e certificadas com stock dispon\u00edvel em Mo\u00e7ambique.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-warehouse\"><\/i> Stock garantido<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2024\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <div class=\"card-title\">Inspection and Diagnosis<\/div>\r\n <div class=\"card-description\">Introduzimos servi\u00e7os avan\u00e7ados com termografia, an\u00e1lise de vibra\u00e7\u00f5es e ensaios el\u00e9ctricos preditivos.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-chart-line\"><\/i> Diagn\u00f3stico preciso<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2024\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-truck-fast\"><\/i><\/div>\r\n <div class=\"card-title\">Industrial Logistics<\/div>\r\n <div class=\"card-description\">Implementamos plataforma log\u00edstica com gest\u00e3o de stocks, armazenagem e distribui\u00e7\u00e3o nacional com rastreio em tempo real.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-map-pin\"><\/i> National distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2025\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\r\n <div class=\"card-title\">Moderniza\u00e7\u00e3o Industrial<\/div>\r\n <div class=\"card-description\">Iniciamos projectos completos de moderniza\u00e7\u00e3o e optimiza\u00e7\u00e3o de plantas industriais, da concep\u00e7\u00e3o \u00e0 execu\u00e7\u00e3o.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-drafting-compass\"><\/i> Projectos chave-na-m\u00e3o<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2025\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-globe-africa\"><\/i><\/div>\r\n <div class=\"card-title\">Expans\u00e3o Territorial<\/div>\r\n <div class=\"card-description\">Expandimos nossa presen\u00e7a para Maputo, Beira, Nampula e Pemba, atendendo ind\u00fastrias em todo o pa\u00eds.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-map-marker-alt\"><\/i> 4 prov\u00edncias<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2025\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\r\n <div class=\"card-title\">Certifica\u00e7\u00e3o e Qualidade<\/div>\r\n <div class=\"card-description\">Alcan\u00e7amos certifica\u00e7\u00f5es internacionais que atestam a qualidade e seguran\u00e7a dos nossos servi\u00e7os.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-award\"><\/i> Excel\u00eancia comprovada<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2026\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n <div class=\"card-title\">Alian\u00e7as Estrat\u00e9gicas<\/div>\r\n <div class=\"card-description\">Estabelecemos parcerias com grandes grupos industriais, consolidando a TM como refer\u00eancia em Mo\u00e7ambique.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-users\"><\/i> Parcerias s\u00f3lidas<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-card\">\r\n <div class=\"card-year\">\r\n 2026\r\n <span class=\"year-line\"><\/span>\r\n <\/div>\r\n <div class=\"card-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n <div class=\"card-title\">O Futuro \u00e9 Agora<\/div>\r\n <div class=\"card-description\">Continuamos a investir em inova\u00e7\u00e3o, tecnologia e capacita\u00e7\u00e3o para impulsionar a ind\u00fastria mo\u00e7ambicana.<\/div>\r\n <span class=\"card-tag\"><i class=\"fas fa-forward\"><\/i> Sempre em evolu\u00e7\u00e3o<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ ===== REVELA\u00c7\u00c3O AO SCROLL =====\r\n (function() {\r\n const items = document.querySelectorAll('.timeline-item');\r\n\r\n function isElementInViewport(el) {\r\n const rect = el.getBoundingClientRect();\r\n const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n const threshold = 0.15;\r\n const visibleHeight = Math.min(rect.bottom, windowHeight) - Math.max(rect.top, 0);\r\n const elementHeight = rect.height;\r\n return visibleHeight > elementHeight * threshold;\r\n }\r\n\r\n function checkVisibility() {\r\n items.forEach(item => {\r\n if (isElementInViewport(item)) {\r\n item.classList.add('visible');\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('load', function() {\r\n setTimeout(checkVisibility, 300);\r\n });\r\n\r\n let ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n\r\n window.addEventListener('resize', function() {\r\n setTimeout(checkVisibility, 200);\r\n }, { passive: true });\r\n\r\n setTimeout(checkVisibility, 1000);\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TM ENGINEERING AND SERVICES Quem Somos \u00b7 TM Engineering Sobre N\u00f3s Quem Somos Engenharia e Log\u00edstica que movem a ind\u00fastria mo\u00e7ambicana TM Engineering & Services \u00e9 uma empresa mo\u00e7ambicana especializada em solu\u00e7\u00f5es integradas de engenharia, manuten\u00e7\u00e3o industrial, fornecimento de pe\u00e7as sobressalentes e log\u00edstica. Com mais de 5 anos de experi\u00eancia, oferecemos servi\u00e7os de excel\u00eancia para os sectores mineiro, transporte, sa\u00fade, seguro, manufactura, constru\u00e7\u00e3o, alimentar, hoteleiro e turismo. Qualidade e Certifica\u00e7\u00e3o Equipa Especializada Suporte 24\/7 Presen\u00e7a Nacional Fale Connosco 5+ Anos de Experi\u00eancia NOSSOS PILARES ALICERCES MOTORES PRINC\u00cdPIOS FUNDAMENTOS COMPROMISSOS HORIZONTES Miss\u00e3o, Vis\u00e3o e Valores \u00b7 TM Engineering Nossa Ess\u00eancia Miss\u00e3o, Vis\u00e3o e Valores O que nos move, para onde vamos e os princ\u00edpios que nos guiam Nossa Miss\u00e3o Garantir a m\u00e1xima efici\u00eancia e a continuidade operacional da ind\u00fastria atrav\u00e9s de solu\u00e7\u00f5es integradas em engenharia de manuten\u00e7\u00e3o, fornecimento \u00e1gil de componentes de alta qualidade e uma log\u00edstica segura e precisa. Confian\u00e7a que a sua ind\u00fastria n\u00e3o vai parar Nossa Vis\u00e3o Ser a parceira estrat\u00e9gica l\u00edder e de refer\u00eancia no mercado industrial, reconhecida pela excel\u00eancia t\u00e9cnica, inova\u00e7\u00e3o em manuten\u00e7\u00e3o preditiva, preventiva, corretiva e pela capacidade de conectar suprimentos e log\u00edstica com total confiabilidade e abrang\u00eancia. Parceira indispens\u00e1vel para o crescimento dos clientes Nossos Valores Confiabilidade e Precis\u00e3o Compromisso com prazos, conformidade t\u00e9cnica e a entrega exata do que foi prometido, tanto na engenharia quanto no transporte. Seguran\u00e7a em Primeiro Lugar Rigor t\u00e9cnico na manuten\u00e7\u00e3o e nas opera\u00e7\u00f5es log\u00edsticas, priorizando a integridade das pessoas, dos ativos e a efici\u00eancia dos processos. Agilidade e Prontid\u00e3o Resposta r\u00e1pida e flex\u00edvel para solucionar os desafios da ind\u00fastria, minimizando impactos e paragens n\u00e3o planejadas. Integridade e Transpar\u00eancia Atuar com \u00e9tica em todas as rela\u00e7\u00f5es \u2014 do fornecimento de pe\u00e7as \u00e0 execu\u00e7\u00e3o de grandes contratos de manuten\u00e7\u00e3o. Sinergia e Integra\u00e7\u00e3o Valorizar a conex\u00e3o perfeita entre os tr\u00eas ramos (engenharia, pe\u00e7as e log\u00edstica) para entregar o m\u00e1ximo valor ao cliente final. Descubra os Nossos Servi\u00e7os Nossa Linha de Tempo Nossa Trajet\u00f3ria \u00b7 TM Engineering Nossa Hist\u00f3ria Trajet\u00f3ria de Excel\u00eancia De 2022 at\u00e9 hoje, construindo o futuro da ind\u00fastria mo\u00e7ambicana 2022 Funda\u00e7\u00e3o da TM A empresa nasce com a miss\u00e3o de oferecer solu\u00e7\u00f5es integradas de engenharia industrial, manuten\u00e7\u00e3o e fornecimento de pe\u00e7as sobressalentes para Mo\u00e7ambique. In\u00edcio da jornada 2022 Primeiros Projectos El\u00e9ctricos Iniciamos com projectos de instala\u00e7\u00e3o e manuten\u00e7\u00e3o de sistemas el\u00e9ctricos industriais, conquistando a confian\u00e7a dos primeiros clientes. Primeiros contratos 2023 Expans\u00e3o Mec\u00e2nica Incorporamos servi\u00e7os de manuten\u00e7\u00e3o mec\u00e2nica em bombas, compressores, redutores e sistemas de transporte industrial. Novos servi\u00e7os 2023 Automa\u00e7\u00e3o Industrial Lan\u00e7amos a divis\u00e3o de automa\u00e7\u00e3o com CLPs, IHM, sensores e sistemas supervis\u00f3rios para optimizar processos produtivos. Tecnologia avan\u00e7ada 2024 Fornecimento de Pe\u00e7as Estabelecemos parcerias estrat\u00e9gicas para garantir pe\u00e7as originais e certificadas com stock dispon\u00edvel em Mo\u00e7ambique. Stock garantido 2024 Inspec\u00e7\u00e3o e Diagn\u00f3stico Introduzimos servi\u00e7os avan\u00e7ados com termografia, an\u00e1lise de vibra\u00e7\u00f5es e ensaios el\u00e9ctricos preditivos. Diagn\u00f3stico preciso 2024 Log\u00edstica Industrial Implementamos plataforma log\u00edstica com gest\u00e3o de stocks, armazenagem e distribui\u00e7\u00e3o nacional com rastreio em tempo real. Distribui\u00e7\u00e3o nacional 2025 Moderniza\u00e7\u00e3o Industrial Iniciamos projectos completos de moderniza\u00e7\u00e3o e optimiza\u00e7\u00e3o de plantas industriais, da concep\u00e7\u00e3o \u00e0 execu\u00e7\u00e3o. Projectos chave-na-m\u00e3o 2025 Expans\u00e3o Territorial Expandimos nossa presen\u00e7a para Maputo, Beira, Nampula e Pemba, atendendo ind\u00fastrias em todo o pa\u00eds. 4 prov\u00edncias 2025 Certifica\u00e7\u00e3o e Qualidade Alcan\u00e7amos certifica\u00e7\u00f5es internacionais que atestam a qualidade e seguran\u00e7a dos nossos servi\u00e7os. Excel\u00eancia comprovada 2026 Alian\u00e7as Estrat\u00e9gicas Estabelecemos parcerias com grandes grupos industriais, consolidando a TM como refer\u00eancia em Mo\u00e7ambique. Parcerias s\u00f3lidas 2026 O Futuro \u00e9 Agora Continuamos a investir em inova\u00e7\u00e3o, tecnologia e capacita\u00e7\u00e3o para impulsionar a ind\u00fastria mo\u00e7ambicana. Sempre em evolu\u00e7\u00e3o<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_themeisle_gutenberg_block_has_review":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_joinchat":[],"footnotes":""},"class_list":["post-1390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/pages\/1390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/comments?post=1390"}],"version-history":[{"count":151,"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/pages\/1390\/revisions"}],"predecessor-version":[{"id":5026,"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/pages\/1390\/revisions\/5026"}],"wp:attachment":[{"href":"https:\/\/tm.engebrait.com\/en\/wp-json\/wp\/v2\/media?parent=1390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}