{"id":3957,"date":"2026-08-10T14:34:48","date_gmt":"2026-08-10T12:34:48","guid":{"rendered":"https:\/\/www.tec.co.mz\/?page_id=3957"},"modified":"2026-08-11T16:39:23","modified_gmt":"2026-08-11T14:39:23","slug":"proposta","status":"publish","type":"page","link":"https:\/\/www.tec.co.mz\/en\/proposta\/","title":{"rendered":"Proposta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3957\" class=\"elementor elementor-3957\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0380565 e-con-full e-flex e-con e-parent\" data-id=\"0380565\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a527d1 elementor-widget elementor-widget-html\" data-id=\"5a527d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     T\u00c9CNICA ENGENHEIROS CONSULTORES\r\n     HEADER + HERO PREMIUM\r\n========================================================= -->\r\n\r\n<section class=\"tec-home\" id=\"home\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ===================================================== -->\r\n\r\n    <header class=\"tec-header\" id=\"tecHeader\">\r\n\r\n        <div class=\"tec-header-inner\">\r\n\r\n            <!-- LOGO -->\r\n            <a href=\"#home\" class=\"tec-logo\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2023\/06\/Logo-actualizado-da-TECNICA-sem-Fundo.png\"\r\n                    alt=\"T\u00c9CNICA Engenheiros Consultores\"\r\n                >\r\n            <\/a>\r\n\r\n\r\n            <!-- NAVIGATION -->\r\n            <nav class=\"tec-nav\">\r\n\r\n                <a href=\"#home\" class=\"active\">\r\n                    Home\r\n                <\/a>\r\n\r\n                <a href=\"#sobre\">\r\n                    Sobre N\u00f3s\r\n                <\/a>\r\n\r\n                <a href=\"#areas\">\r\n                    \u00c1reas de Actua\u00e7\u00e3o\r\n                <\/a>\r\n\r\n                <a href=\"#servicos\">\r\n                    Servi\u00e7os\r\n                <\/a>\r\n\r\n                <a href=\"#noticias\">\r\n                    Not\u00edcias\r\n                <\/a>\r\n\r\n                <a href=\"#portfolio\">\r\n                    Portf\u00f3lio\r\n                <\/a>\r\n\r\n                <a href=\"#contacto\">\r\n                    Contacto\r\n                <\/a>\r\n\r\n            <\/nav>\r\n\r\n\r\n            <!-- CTA -->\r\n            <a\r\n                href=\"#contacto\"\r\n                class=\"tec-header-cta\">\r\n\r\n                <span>\r\n                    Fale Connosco\r\n                <\/span>\r\n\r\n                <i>\u2197<\/i>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- MOBILE -->\r\n            <button\r\n                class=\"tec-menu-button\"\r\n                aria-label=\"Abrir menu\">\r\n\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MOBILE NAV -->\r\n        <div class=\"tec-mobile-nav\">\r\n\r\n            <a href=\"#home\">\r\n                Home\r\n            <\/a>\r\n\r\n            <a href=\"#sobre\">\r\n                Sobre N\u00f3s\r\n            <\/a>\r\n\r\n            <a href=\"#areas\">\r\n                \u00c1reas de Actua\u00e7\u00e3o\r\n            <\/a>\r\n\r\n            <a href=\"#servicos\">\r\n                Servi\u00e7os\r\n            <\/a>\r\n\r\n            <a href=\"#noticias\">\r\n                Not\u00edcias\r\n            <\/a>\r\n\r\n            <a href=\"#portfolio\">\r\n                Portf\u00f3lio\r\n            <\/a>\r\n\r\n            <a href=\"#contacto\">\r\n                Contacto\r\n            <\/a>\r\n\r\n            <a\r\n                href=\"#contacto\"\r\n                class=\"tec-mobile-contact\">\r\n\r\n                Fale Connosco\r\n                <span>\u2197<\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n    ===================================================== -->\r\n\r\n    <section class=\"tec-hero\">\r\n\r\n\r\n        <!-- =================================================\r\n             BACKGROUND SLIDES\r\n        ================================================= -->\r\n\r\n        <div class=\"tec-slides\">\r\n\r\n\r\n            <!-- SLIDE 01 -->\r\n            <div\r\n                class=\"tec-slide active\"\r\n                style=\"\r\n                    background-image:url(\r\n                    'https:\/\/www.tec.co.mz\/wp-content\/uploads\/2023\/09\/1695366369018.jpg'\r\n                    );\r\n                \">\r\n            <\/div>\r\n\r\n\r\n            <!-- SLIDE 02 -->\r\n            <div\r\n                class=\"tec-slide\"\r\n                style=\"\r\n                    background-image:url(\r\n                    'https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/05\/Transporte2.png'\r\n                    );\r\n                \">\r\n            <\/div>\r\n\r\n\r\n            <!-- SLIDE 03 -->\r\n            <div\r\n                class=\"tec-slide\"\r\n                style=\"\r\n                    background-image:url(\r\n                    'https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-02-12-at-11.18.20-AM.jpeg'\r\n                    );\r\n                \">\r\n            <\/div>\r\n\r\n\r\n            <!-- SLIDE 04 -->\r\n            <div\r\n                class=\"tec-slide\"\r\n                style=\"\r\n                    background-image:url(\r\n                    'https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/06\/Reabilitacao-da-Barragem-de-Mavuzi-scaled.jpg'\r\n                    );\r\n                \">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE OVERLAY\r\n        ================================================= -->\r\n\r\n        <div class=\"tec-hero-overlay\"><\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             DECORATIVE GRID\r\n        ================================================= -->\r\n\r\n        <div class=\"tec-grid\"><\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             HERO CONTENT\r\n        ================================================= -->\r\n\r\n        <div class=\"tec-hero-container\">\r\n\r\n\r\n            <div class=\"tec-hero-content\">\r\n\r\n\r\n                <!-- EYEBROW -->\r\n\r\n                <div class=\"tec-eyebrow\">\r\n\r\n                    <span><\/span>\r\n\r\n                    <strong>\r\n                        DESDE 1989\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- TITLE -->\r\n\r\n                <h1>\r\n\r\n                    Engenharia que\r\n\r\n                    <span>\r\n                        transforma\r\n                    <\/span>\r\n\r\n                    desafios em solu\u00e7\u00f5es.\r\n\r\n                <\/h1>\r\n\r\n\r\n                <!-- DESCRIPTION -->\r\n\r\n                <p>\r\n\r\n                    Estudos, projectos e consultoria de engenharia\r\n                    com experi\u00eancia, rigor t\u00e9cnico e compromisso\r\n                    com solu\u00e7\u00f5es que geram impacto.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- BUTTONS -->\r\n\r\n                <div class=\"tec-hero-actions\">\r\n\r\n\r\n                    <a\r\n                        href=\"#portfolio\"\r\n                        class=\"tec-btn tec-btn-primary\">\r\n\r\n                        <span>\r\n                            Explorar projectos\r\n                        <\/span>\r\n\r\n                        <i>\r\n                            \u2197\r\n                        <\/i>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#sobre\"\r\n                        class=\"tec-btn tec-btn-outline\">\r\n\r\n                        Sobre a T\u00c9CNICA\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 VERTICAL INFORMATION\r\n            ================================================= -->\r\n\r\n            <div class=\"tec-vertical-info\">\r\n\r\n                <span>\r\n                    ENGENHARIA\r\n                <\/span>\r\n\r\n                <span>\r\n                    CONSULTORIA\r\n                <\/span>\r\n\r\n                <span>\r\n                    PROJECTOS\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             HERO FOOTER\r\n        ================================================= -->\r\n\r\n        <div class=\"tec-hero-footer\">\r\n\r\n\r\n            <!-- STATS -->\r\n\r\n            <div class=\"tec-stats\">\r\n\r\n\r\n                <div class=\"tec-stat\">\r\n\r\n                    <strong>\r\n                        37<span>+<\/span>\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Anos de experi\u00eancia\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tec-stat\">\r\n\r\n                    <strong>\r\n                        1000<span>+<\/span>\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Projectos realizados\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tec-stat\">\r\n\r\n                    <strong>\r\n                        6<span>+<\/span>\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Delega\u00e7\u00f5es\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tec-stat\">\r\n\r\n                    <strong>\r\n                        50<span>+<\/span>\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Clientes satisfeitos\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- SLIDER NAVIGATION -->\r\n\r\n            <div class=\"tec-slider-nav\">\r\n\r\n\r\n                <div class=\"tec-slide-number\">\r\n\r\n                    <strong id=\"tecCurrent\">\r\n                        01\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        \/\r\n                    <\/span>\r\n\r\n                    <small>\r\n                        04\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tec-progress\">\r\n\r\n                    <span id=\"tecProgress\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    id=\"tecNext\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n\r\n                    <span>\r\n                        PR\u00d3XIMO\r\n                    <\/span>\r\n\r\n                    <i>\r\n                        \u2192\r\n                    <\/i>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SCROLL INDICATOR\r\n        ================================================= -->\r\n\r\n        <div class=\"tec-scroll\">\r\n\r\n            <span>\r\n                SCROLL PARA EXPLORAR\r\n            <\/span>\r\n\r\n            <div><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   FONT\r\n========================================================= *\/\r\n\r\n@import url(\r\n'https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap'\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n.tec-home {\r\n\r\n    --tec-dark:\r\n        #10284A;\r\n\r\n    --tec-dark-2:\r\n        #071B34;\r\n\r\n    --tec-blue:\r\n        #0090F2;\r\n\r\n    --tec-gray:\r\n        #697586;\r\n\r\n    --tec-white:\r\n        #FFFFFF;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.tec-home,\r\n.tec-home * {\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n}\r\n\r\n\r\n.tec-home a {\r\n\r\n    text-decoration:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.tec-home button {\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.tec-header {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        100;\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        94px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(16,40,74,.08);\r\n\r\n}\r\n\r\n\r\n.tec-header-inner {\r\n\r\n    width:\r\n        min(94%,1480px);\r\n\r\n    height:\r\n        100%;\r\n\r\n    margin:\r\n        auto;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.tec-logo {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    flex-shrink:\r\n        0;\r\n\r\n}\r\n\r\n\r\n.tec-logo img {\r\n\r\n    width:\r\n        170px;\r\n\r\n    height:\r\n        auto;\r\n\r\n    display:\r\n        block;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.tec-logo:hover img {\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION\r\n========================================================= *\/\r\n\r\n.tec-nav {\r\n\r\n    margin-left:\r\n        auto;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        34px;\r\n\r\n}\r\n\r\n\r\n.tec-nav a {\r\n\r\n    position:\r\n        relative;\r\n\r\n    padding:\r\n        12px 0;\r\n\r\n    color:\r\n        var(--tec-dark);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        -.1px;\r\n\r\n    white-space:\r\n        nowrap;\r\n\r\n    transition:\r\n        color .3s ease;\r\n\r\n}\r\n\r\n\r\n.tec-nav a::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    left:\r\n        0;\r\n\r\n    bottom:\r\n        3px;\r\n\r\n    width:\r\n        0;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        var(--tec-blue);\r\n\r\n    transition:\r\n        width .3s ease;\r\n\r\n}\r\n\r\n\r\n.tec-nav a:hover,\r\n.tec-nav a.active {\r\n\r\n    color:\r\n        var(--tec-blue);\r\n\r\n}\r\n\r\n\r\n.tec-nav a:hover::after,\r\n.tec-nav a.active::after {\r\n\r\n    width:\r\n        100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER CTA\r\n========================================================= *\/\r\n\r\n.tec-header-cta {\r\n\r\n    height:\r\n        48px;\r\n\r\n    margin-left:\r\n        32px;\r\n\r\n    padding:\r\n        0 22px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        13px;\r\n\r\n    background:\r\n        var(--tec-blue);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        .2px;\r\n\r\n    transition:\r\n        all .35s ease;\r\n\r\n}\r\n\r\n\r\n.tec-header-cta i {\r\n\r\n    font-style:\r\n        normal;\r\n\r\n    font-size:\r\n        17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.tec-header-cta:hover {\r\n\r\n    background:\r\n        var(--tec-dark);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(16,40,74,.20);\r\n\r\n}\r\n\r\n\r\n.tec-header-cta:hover i {\r\n\r\n    transform:\r\n        translate(3px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.tec-hero {\r\n\r\n    position:\r\n        relative;\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        calc(100vh - 94px);\r\n\r\n    min-height:\r\n        690px;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        var(--tec-dark);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDES\r\n========================================================= *\/\r\n\r\n.tec-slides {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n}\r\n\r\n\r\n.tec-slide {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n    opacity:\r\n        0;\r\n\r\n    background-size:\r\n        cover;\r\n\r\n    background-position:\r\n        center;\r\n\r\n    transform:\r\n        scale(1.06);\r\n\r\n    transition:\r\n        opacity 1.3s ease,\r\n        transform 8s cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.tec-slide.active {\r\n\r\n    opacity:\r\n        1;\r\n\r\n    transform:\r\n        scale(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE POSITIONS\r\n========================================================= *\/\r\n\r\n.tec-slide:nth-child(1) {\r\n\r\n    background-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.tec-slide:nth-child(2) {\r\n\r\n    background-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.tec-slide:nth-child(3) {\r\n\r\n    background-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.tec-slide:nth-child(4) {\r\n\r\n    background-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO OVERLAY\r\n========================================================= *\/\r\n\r\n.tec-hero-overlay {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7,27,52,.96) 0%,\r\n            rgba(7,27,52,.86) 28%,\r\n            rgba(7,27,52,.55) 52%,\r\n            rgba(7,27,52,.18) 78%,\r\n            rgba(7,27,52,.30) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(7,27,52,.76) 0%,\r\n            rgba(7,27,52,.04) 45%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE GRID\r\n========================================================= *\/\r\n\r\n.tec-grid {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    z-index:\r\n        3;\r\n\r\n    top:\r\n        0;\r\n\r\n    right:\r\n        8%;\r\n\r\n    width:\r\n        320px;\r\n\r\n    height:\r\n        100%;\r\n\r\n    opacity:\r\n        .08;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.5) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.5) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        80px 80px;\r\n\r\n    pointer-events:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO CONTAINER\r\n========================================================= *\/\r\n\r\n.tec-hero-container {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        5;\r\n\r\n    width:\r\n        min(94%,1480px);\r\n\r\n    height:\r\n        100%;\r\n\r\n    margin:\r\n        auto;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO CONTENT\r\n========================================================= *\/\r\n\r\n.tec-hero-content {\r\n\r\n    max-width:\r\n        780px;\r\n\r\n    padding-bottom:\r\n        85px;\r\n\r\n}\r\n\r\n\r\n.tec-eyebrow {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        13px;\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n}\r\n\r\n\r\n.tec-eyebrow span {\r\n\r\n    width:\r\n        40px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        var(--tec-blue);\r\n\r\n}\r\n\r\n\r\n.tec-eyebrow strong {\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TITLE\r\n========================================================= *\/\r\n\r\n.tec-hero h1 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(50px,5.4vw,82px);\r\n\r\n    line-height:\r\n        1.03;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    letter-spacing:\r\n        -4px;\r\n\r\n}\r\n\r\n\r\n.tec-hero h1 span {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--tec-blue);\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO DESCRIPTION\r\n========================================================= *\/\r\n\r\n.tec-hero-content p {\r\n\r\n    max-width:\r\n        590px;\r\n\r\n    margin:\r\n        28px 0 36px;\r\n\r\n    color:\r\n        rgba(255,255,255,.76);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n    font-weight:\r\n        400;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO BUTTONS\r\n========================================================= *\/\r\n\r\n.tec-hero-actions {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        13px;\r\n\r\n}\r\n\r\n\r\n.tec-btn {\r\n\r\n    min-height:\r\n        53px;\r\n\r\n    padding:\r\n        0 24px;\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    gap:\r\n        15px;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    transition:\r\n        all .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.tec-btn-primary {\r\n\r\n    background:\r\n        var(--tec-blue);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.tec-btn-primary i {\r\n\r\n    font-style:\r\n        normal;\r\n\r\n    font-size:\r\n        17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.tec-btn-primary:hover {\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        var(--tec-dark);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(0,0,0,.20);\r\n\r\n}\r\n\r\n\r\n.tec-btn-primary:hover i {\r\n\r\n    transform:\r\n        translate(4px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.tec-btn-outline {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.42);\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n}\r\n\r\n\r\n.tec-btn-outline:hover {\r\n\r\n    background:\r\n        var(--tec-blue);\r\n\r\n    border-color:\r\n        var(--tec-blue);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(0,144,242,.20);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERTICAL INFO\r\n========================================================= *\/\r\n\r\n.tec-vertical-info {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    right:\r\n        0;\r\n\r\n    top:\r\n        50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    gap:\r\n        28px;\r\n\r\n}\r\n\r\n\r\n.tec-vertical-info span {\r\n\r\n    writing-mode:\r\n        vertical-rl;\r\n\r\n    transform:\r\n        rotate(180deg);\r\n\r\n    color:\r\n        rgba(255,255,255,.35);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO FOOTER\r\n========================================================= *\/\r\n\r\n.tec-hero-footer {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    z-index:\r\n        10;\r\n\r\n    left:\r\n        50%;\r\n\r\n    bottom:\r\n        30px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    width:\r\n        min(94%,1480px);\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-end;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        25px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATS PANEL\r\n========================================================= *\/\r\n\r\n.tec-stats {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        stretch;\r\n\r\n    min-width:\r\n        780px;\r\n\r\n    padding:\r\n        24px 8px;\r\n\r\n    background:\r\n        rgba(7,27,52,.76);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.17);\r\n\r\n    backdrop-filter:\r\n        blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n    box-shadow:\r\n        0 25px 70px\r\n        rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n.tec-stat {\r\n\r\n    flex:\r\n        1;\r\n\r\n    min-width:\r\n        160px;\r\n\r\n    padding:\r\n        4px 28px;\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n}\r\n\r\n\r\n.tec-stat:first-child {\r\n\r\n    border-left:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.tec-stat strong {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        35px;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        -1.8px;\r\n\r\n}\r\n\r\n\r\n.tec-stat strong span {\r\n\r\n    color:\r\n        var(--tec-blue);\r\n\r\n}\r\n\r\n\r\n.tec-stat small {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-top:\r\n        10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.60);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    letter-spacing:\r\n        1.1px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER NAV\r\n========================================================= *\/\r\n\r\n.tec-slider-nav {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        17px;\r\n\r\n    padding-bottom:\r\n        5px;\r\n\r\n}\r\n\r\n\r\n.tec-slide-number {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        5px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.tec-slide-number strong {\r\n\r\n    font-size:\r\n        11px;\r\n\r\n}\r\n\r\n\r\n.tec-slide-number span {\r\n\r\n    color:\r\n        rgba(255,255,255,.28);\r\n\r\n}\r\n\r\n\r\n.tec-slide-number small {\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n}\r\n\r\n\r\n.tec-progress {\r\n\r\n    width:\r\n        85px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.tec-progress span {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        25%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    background:\r\n        var(--tec-blue);\r\n\r\n    transition:\r\n        width .6s ease;\r\n\r\n}\r\n\r\n\r\n.tec-slider-nav button {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    border:\r\n        0;\r\n\r\n    padding:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n}\r\n\r\n\r\n.tec-slider-nav button span {\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        1.5px;\r\n\r\n}\r\n\r\n\r\n.tec-slider-nav button i {\r\n\r\n    font-style:\r\n        normal;\r\n\r\n    font-size:\r\n        18px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.tec-slider-nav button:hover i {\r\n\r\n    transform:\r\n        translateX(5px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL\r\n========================================================= *\/\r\n\r\n.tec-scroll {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    z-index:\r\n        12;\r\n\r\n    right:\r\n        3%;\r\n\r\n    bottom:\r\n        35px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        15px;\r\n\r\n    transform:\r\n        rotate(90deg);\r\n\r\n    transform-origin:\r\n        right center;\r\n\r\n}\r\n\r\n\r\n.tec-scroll span {\r\n\r\n    color:\r\n        rgba(255,255,255,.45);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n}\r\n\r\n\r\n.tec-scroll div {\r\n\r\n    width:\r\n        55px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        rgba(255,255,255,.35);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.tec-menu-button {\r\n\r\n    display:\r\n        none;\r\n\r\n    margin-left:\r\n        auto;\r\n\r\n    width:\r\n        44px;\r\n\r\n    height:\r\n        44px;\r\n\r\n    border:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n}\r\n\r\n\r\n.tec-menu-button span {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        25px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    margin:\r\n        5px auto;\r\n\r\n    background:\r\n        var(--tec-dark);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE NAV\r\n========================================================= *\/\r\n\r\n.tec-mobile-nav {\r\n\r\n    display:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px) {\r\n\r\n    .tec-nav {\r\n\r\n        gap:\r\n            20px;\r\n\r\n    }\r\n\r\n    .tec-nav a {\r\n\r\n        font-size:\r\n            11px;\r\n\r\n    }\r\n\r\n    .tec-header-cta {\r\n\r\n        margin-left:\r\n            20px;\r\n\r\n        padding:\r\n            0 16px;\r\n\r\n    }\r\n\r\n    .tec-stats {\r\n\r\n        min-width:\r\n            690px;\r\n\r\n    }\r\n\r\n    .tec-stat {\r\n\r\n        padding:\r\n            4px 18px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:850px) {\r\n\r\n    .tec-header {\r\n\r\n        height:\r\n            78px;\r\n\r\n    }\r\n\r\n    .tec-header-inner {\r\n\r\n        width:\r\n            90%;\r\n\r\n    }\r\n\r\n    .tec-logo img {\r\n\r\n        width:\r\n            145px;\r\n\r\n    }\r\n\r\n    .tec-nav,\r\n    .tec-header-cta {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n    .tec-menu-button {\r\n\r\n        display:\r\n            block;\r\n\r\n    }\r\n\r\n\r\n    \/* MOBILE NAV *\/\r\n\r\n    .tec-mobile-nav {\r\n\r\n        position:\r\n            absolute;\r\n\r\n        top:\r\n            78px;\r\n\r\n        left:\r\n            0;\r\n\r\n        width:\r\n            100%;\r\n\r\n        padding:\r\n            12px 6% 25px;\r\n\r\n        background:\r\n            #FFFFFF;\r\n\r\n        box-shadow:\r\n            0 20px 50px\r\n            rgba(16,40,74,.12);\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n    }\r\n\r\n    .tec-mobile-nav.open {\r\n\r\n        display:\r\n            flex;\r\n\r\n    }\r\n\r\n    .tec-mobile-nav a {\r\n\r\n        padding:\r\n            15px 0;\r\n\r\n        color:\r\n            var(--tec-dark);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(16,40,74,.08);\r\n\r\n        font-size:\r\n            12px;\r\n\r\n        font-weight:\r\n            600;\r\n\r\n    }\r\n\r\n    .tec-mobile-contact {\r\n\r\n        margin-top:\r\n            15px;\r\n\r\n        padding:\r\n            15px !important;\r\n\r\n        background:\r\n            var(--tec-blue);\r\n\r\n        color:\r\n            #FFFFFF !important;\r\n\r\n        border:\r\n            none !important;\r\n\r\n    }\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    .tec-hero {\r\n\r\n        height:\r\n            calc(100vh - 78px);\r\n\r\n        min-height:\r\n            720px;\r\n\r\n    }\r\n\r\n    .tec-hero-container {\r\n\r\n        width:\r\n            90%;\r\n\r\n    }\r\n\r\n    .tec-hero-content {\r\n\r\n        max-width:\r\n            620px;\r\n\r\n        padding-bottom:\r\n            115px;\r\n\r\n    }\r\n\r\n    .tec-hero h1 {\r\n\r\n        font-size:\r\n            clamp(43px,9vw,62px);\r\n\r\n        letter-spacing:\r\n            -2.5px;\r\n\r\n    }\r\n\r\n    .tec-hero-content p {\r\n\r\n        max-width:\r\n            500px;\r\n\r\n        font-size:\r\n            12px;\r\n\r\n    }\r\n\r\n    .tec-vertical-info {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    \/* STATS *\/\r\n\r\n    .tec-hero-footer {\r\n\r\n        width:\r\n            90%;\r\n\r\n        bottom:\r\n            18px;\r\n\r\n    }\r\n\r\n    .tec-stats {\r\n\r\n        width:\r\n            100%;\r\n\r\n        min-width:\r\n            0;\r\n\r\n        padding:\r\n            18px 4px;\r\n\r\n    }\r\n\r\n    .tec-stat {\r\n\r\n        min-width:\r\n            0;\r\n\r\n        padding:\r\n            3px 9px;\r\n\r\n    }\r\n\r\n    .tec-stat strong {\r\n\r\n        font-size:\r\n            22px;\r\n\r\n    }\r\n\r\n    .tec-stat small {\r\n\r\n        font-size:\r\n            6px;\r\n\r\n        letter-spacing:\r\n            .6px;\r\n\r\n    }\r\n\r\n    .tec-slider-nav {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n    .tec-scroll {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:520px) {\r\n\r\n    .tec-hero {\r\n\r\n        min-height:\r\n            730px;\r\n\r\n    }\r\n\r\n    .tec-hero-content {\r\n\r\n        padding-bottom:\r\n            95px;\r\n\r\n    }\r\n\r\n    .tec-eyebrow {\r\n\r\n        margin-bottom:\r\n            20px;\r\n\r\n    }\r\n\r\n    .tec-eyebrow strong {\r\n\r\n        font-size:\r\n            8px;\r\n\r\n        letter-spacing:\r\n            2.5px;\r\n\r\n    }\r\n\r\n    .tec-hero h1 {\r\n\r\n        font-size:\r\n            40px;\r\n\r\n        line-height:\r\n            1.06;\r\n\r\n    }\r\n\r\n    .tec-hero-content p {\r\n\r\n        margin:\r\n            22px 0 28px;\r\n\r\n        font-size:\r\n            11px;\r\n\r\n        line-height:\r\n            1.75;\r\n\r\n    }\r\n\r\n    .tec-hero-actions {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            stretch;\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n    .tec-btn {\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n    .tec-hero-footer {\r\n\r\n        bottom:\r\n            14px;\r\n\r\n    }\r\n\r\n    .tec-stats {\r\n\r\n        padding:\r\n            15px 2px;\r\n\r\n    }\r\n\r\n    .tec-stat {\r\n\r\n        padding:\r\n            3px 4px;\r\n\r\n    }\r\n\r\n    .tec-stat strong {\r\n\r\n        font-size:\r\n            18px;\r\n\r\n        letter-spacing:\r\n            -1px;\r\n\r\n    }\r\n\r\n    .tec-stat small {\r\n\r\n        max-width:\r\n            78px;\r\n\r\n        font-size:\r\n            5.5px;\r\n\r\n        line-height:\r\n            1.4;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   TEC PREMIUM HERO\r\n========================================================= *\/\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n\r\n        \/* =================================================\r\n           SLIDER\r\n        ================================================= *\/\r\n\r\n        const slides =\r\n            document.querySelectorAll(\r\n                \".tec-slide\"\r\n            );\r\n\r\n        const current =\r\n            document.getElementById(\r\n                \"tecCurrent\"\r\n            );\r\n\r\n        const progress =\r\n            document.getElementById(\r\n                \"tecProgress\"\r\n            );\r\n\r\n        const next =\r\n            document.getElementById(\r\n                \"tecNext\"\r\n            );\r\n\r\n\r\n        let currentSlide = 0;\r\n\r\n        let sliderInterval;\r\n\r\n\r\n        function showSlide(index) {\r\n\r\n            slides.forEach(\r\n                function(slide) {\r\n\r\n                    slide.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            slides[index].classList.add(\r\n                \"active\"\r\n            );\r\n\r\n\r\n            current.textContent =\r\n                String(index + 1)\r\n                .padStart(2, \"0\");\r\n\r\n\r\n            progress.style.width =\r\n                (\r\n                    ((index + 1) \/\r\n                    slides.length) * 100\r\n                ) + \"%\";\r\n\r\n        }\r\n\r\n\r\n        function nextSlide() {\r\n\r\n            currentSlide++;\r\n\r\n            if (\r\n                currentSlide >= slides.length\r\n            ) {\r\n\r\n                currentSlide = 0;\r\n\r\n            }\r\n\r\n            showSlide(\r\n                currentSlide\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function startSlider() {\r\n\r\n            clearInterval(\r\n                sliderInterval\r\n            );\r\n\r\n            sliderInterval =\r\n                setInterval(\r\n                    nextSlide,\r\n                    7000\r\n                );\r\n\r\n        }\r\n\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            function() {\r\n\r\n                nextSlide();\r\n\r\n                startSlider();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        showSlide(0);\r\n\r\n        startSlider();\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MOBILE MENU\r\n        ================================================= *\/\r\n\r\n        const menu =\r\n            document.querySelector(\r\n                \".tec-menu-button\"\r\n            );\r\n\r\n        const mobileNav =\r\n            document.querySelector(\r\n                \".tec-mobile-nav\"\r\n            );\r\n\r\n\r\n        if (\r\n            menu &&\r\n            mobileNav\r\n        ) {\r\n\r\n            menu.addEventListener(\r\n                \"click\",\r\n                function() {\r\n\r\n                    mobileNav.classList.toggle(\r\n                        \"open\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            mobileNav\r\n                .querySelectorAll(\"a\")\r\n                .forEach(\r\n                    function(link) {\r\n\r\n                        link.addEventListener(\r\n                            \"click\",\r\n                            function() {\r\n\r\n                                mobileNav.classList.remove(\r\n                                    \"open\"\r\n                                );\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n        }\r\n\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37a3f35 e-con-full e-flex e-con e-parent\" data-id=\"37a3f35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768e745 elementor-widget elementor-widget-shortcode\" data-id=\"768e745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- =========================================================\n     TEC \u2014 \u00c1REAS DE ACTUA\u00c7\u00c3O\n========================================================= -->\n\n<section class=\"tec-areas\" id=\"areas\">\n\n    <div class=\"tec-areas-container\">\n\n        <!-- HEADER -->\n\n        <div class=\"tec-areas-header\">\n\n            <div class=\"tec-areas-label\">\n                <span><\/span>\n                \u00c1REAS DE ACTUA\u00c7\u00c3O\n            <\/div>\n\n            <div class=\"tec-areas-index\">\n                02 <i>\/<\/i> 06\n            <\/div>\n\n        <\/div>\n\n\n        <!-- INTRO -->\n\n        <div class=\"tec-areas-intro\">\n\n            <h2>\n                Engenharia\n                <span>multidisciplinar.<\/span>\n            <\/h2>\n\n            <p>\n                Conhecimento t\u00e9cnico, experi\u00eancia e\n                capacidade para desenvolver solu\u00e7\u00f5es\n                integradas para diferentes sectores.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- MAIN -->\n\n        <div class=\"tec-areas-main\">\n\n\n            <!-- IMAGE -->\n\n            <div class=\"tec-areas-image\">\n\n                <img decoding=\"async\"\n                    id=\"tecAreaImage\"\n                    src=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/05\/Transporte2.png\"\n                    alt=\"\u00c1reas de actua\u00e7\u00e3o da T\u00c9CNICA\"\n                >\n\n                <div class=\"tec-areas-image-overlay\"><\/div>\n\n\n                <div class=\"tec-area-image-info\">\n\n                    <span id=\"tecAreaNumber\">\n                        01\n                    <\/span>\n\n                    <strong id=\"tecAreaImageTitle\">\n                        Transportes\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- LIST -->\n\n            <div class=\"tec-areas-list\">\n\n\n                <a\n                    href=\"#\"\n                    class=\"tec-area-item active\"\n                    data-image=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/05\/Transporte2.png\"\n                    data-title=\"Transportes\"\n                >\n\n                    <span class=\"tec-area-number\">\n                        01\n                    <\/span>\n\n                    <span class=\"tec-area-name\">\n                        Transportes\n                    <\/span>\n\n                    <span class=\"tec-area-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"#\"\n                    class=\"tec-area-item\"\n                    data-image=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-02-12-at-11.18.20-AM.jpeg\"\n                    data-title=\"Edif\u00edcios e Estruturas\"\n                >\n\n                    <span class=\"tec-area-number\">\n                        02\n                    <\/span>\n\n                    <span class=\"tec-area-name\">\n                        Edif\u00edcios & Estruturas\n                    <\/span>\n\n                    <span class=\"tec-area-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"#\"\n                    class=\"tec-area-item\"\n                    data-image=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2024\/06\/Reabilitacao-da-Barragem-de-Mavuzi-scaled.jpg\"\n                    data-title=\"\u00c1gua e Energia\"\n                >\n\n                    <span class=\"tec-area-number\">\n                        03\n                    <\/span>\n\n                    <span class=\"tec-area-name\">\n                        \u00c1gua & Energia\n                    <\/span>\n\n                    <span class=\"tec-area-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"#\"\n                    class=\"tec-area-item\"\n                    data-image=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2023\/09\/1695366369018.jpg\"\n                    data-title=\"Geotecnia\"\n                >\n\n                    <span class=\"tec-area-number\">\n                        04\n                    <\/span>\n\n                    <span class=\"tec-area-name\">\n                        Geotecnia\n                    <\/span>\n\n                    <span class=\"tec-area-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"#\"\n                    class=\"tec-area-item\"\n                    data-image=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2023\/09\/1695366369018.jpg\"\n                    data-title=\"Petr\u00f3leo e G\u00e1s\"\n                >\n\n                    <span class=\"tec-area-number\">\n                        05\n                    <\/span>\n\n                    <span class=\"tec-area-name\">\n                        Petr\u00f3leo & G\u00e1s\n                    <\/span>\n\n                    <span class=\"tec-area-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"#\"\n                    class=\"tec-area-item\"\n                    data-image=\"https:\/\/www.tec.co.mz\/wp-content\/uploads\/2023\/09\/1695366369018.jpg\"\n                    data-title=\"Ambiente e Consultoria\"\n                >\n\n                    <span class=\"tec-area-number\">\n                        06\n                    <\/span>\n\n                    <span class=\"tec-area-name\">\n                        Ambiente & Consultoria\n                    <\/span>\n\n                    <span class=\"tec-area-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- BOTTOM -->\n\n        <div class=\"tec-areas-bottom\">\n\n            <span>\n                EXPLORAR \u00c1REAS\n            <\/span>\n\n            <div><\/div>\n\n            <span>\n                06 \u00c1REAS\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   TEC \u2014 AREAS\n========================================================= *\/\n\n.tec-areas {\n\n    position: relative;\n\n    width: 100%;\n\n    padding: 130px 0 80px;\n\n    background: #10284A;\n\n    color: #FFFFFF;\n\n    font-family:\n        'Montserrat',\n        sans-serif;\n\n    overflow: hidden;\n\n}\n\n\n.tec-areas-container {\n\n    width:\n        min(90%, 1420px);\n\n    margin:\n        auto;\n\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.tec-areas-header {\n\n    display:\n        flex;\n\n    justify-content:\n        space-between;\n\n    align-items:\n        center;\n\n    margin-bottom:\n        70px;\n\n}\n\n\n.tec-areas-label {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        14px;\n\n    color:\n        rgba(255,255,255,.75);\n\n    font-size:\n        9px;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        2.5px;\n\n}\n\n\n.tec-areas-label span {\n\n    width:\n        38px;\n\n    height:\n        2px;\n\n    background:\n        #0090F2;\n\n}\n\n\n.tec-areas-index {\n\n    color:\n        rgba(255,255,255,.55);\n\n    font-size:\n        9px;\n\n    font-weight:\n        600;\n\n}\n\n\n.tec-areas-index i {\n\n    margin:\n        0 7px;\n\n    color:\n        rgba(255,255,255,.2);\n\n    font-style:\n        normal;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.tec-areas-intro {\n\n    display:\n        flex;\n\n    align-items:\n        flex-end;\n\n    justify-content:\n        space-between;\n\n    gap:\n        60px;\n\n    margin-bottom:\n        70px;\n\n}\n\n\n.tec-areas-intro h2 {\n\n    max-width:\n        750px;\n\n    margin:\n        0;\n\n    font-size:\n        clamp(45px,5.5vw,76px);\n\n    line-height:\n        1;\n\n    font-weight:\n        500;\n\n    letter-spacing:\n        -4px;\n\n}\n\n\n.tec-areas-intro h2 span {\n\n    display:\n        block;\n\n    color:\n        #0090F2;\n\n    font-weight:\n        700;\n\n}\n\n\n.tec-areas-intro p {\n\n    max-width:\n        330px;\n\n    margin:\n        0 0 5px;\n\n    color:\n        rgba(255,255,255,.58);\n\n    font-size:\n        12px;\n\n    line-height:\n        1.8;\n\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.tec-areas-main {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    min-height:\n        590px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.12);\n\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.tec-areas-image {\n\n    position:\n        relative;\n\n    min-height:\n        590px;\n\n    overflow:\n        hidden;\n\n    background:\n        #071B34;\n\n}\n\n\n.tec-areas-image img {\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    object-fit:\n        cover;\n\n    display:\n        block;\n\n    transition:\n        opacity .35s ease,\n        transform 1s ease;\n\n}\n\n\n.tec-areas-image-overlay {\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(7,27,52,.85),\n            transparent 65%\n        );\n\n}\n\n\n.tec-area-image-info {\n\n    position:\n        absolute;\n\n    left:\n        35px;\n\n    bottom:\n        32px;\n\n}\n\n\n.tec-area-image-info span {\n\n    display:\n        block;\n\n    margin-bottom:\n        8px;\n\n    color:\n        #0090F2;\n\n    font-size:\n        9px;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        2px;\n\n}\n\n\n.tec-area-image-info strong {\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        23px;\n\n    font-weight:\n        500;\n\n}\n\n\n\/* =========================================================\n   LIST\n========================================================= *\/\n\n.tec-areas-list {\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    background:\n        #0C2340;\n\n}\n\n\n.tec-area-item {\n\n    position:\n        relative;\n\n    flex:\n        1;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        50px 1fr 35px;\n\n    align-items:\n        center;\n\n    gap:\n        20px;\n\n    padding:\n        0 35px;\n\n    border-bottom:\n        1px solid\n        rgba(255,255,255,.09);\n\n    color:\n        rgba(255,255,255,.55);\n\n    text-decoration:\n        none;\n\n    transition:\n        all .35s ease;\n\n}\n\n\n.tec-area-item:last-child {\n\n    border-bottom:\n        none;\n\n}\n\n\n.tec-area-number {\n\n    font-size:\n        9px;\n\n    font-weight:\n        600;\n\n    color:\n        rgba(255,255,255,.28);\n\n}\n\n\n.tec-area-name {\n\n    font-size:\n        17px;\n\n    font-weight:\n        500;\n\n    transition:\n        all .35s ease;\n\n}\n\n\n.tec-area-arrow {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        30px;\n\n    height:\n        30px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.15);\n\n    border-radius:\n        50%;\n\n    font-size:\n        13px;\n\n    opacity:\n        0;\n\n    transform:\n        translateX(-10px);\n\n    transition:\n        all .35s ease;\n\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.tec-area-item::before {\n\n    content:\n        '';\n\n    position:\n        absolute;\n\n    left:\n        0;\n\n    top:\n        0;\n\n    bottom:\n        0;\n\n    width:\n        3px;\n\n    background:\n        #0090F2;\n\n    transform:\n        scaleY(0);\n\n    transition:\n        transform .35s ease;\n\n}\n\n\n.tec-area-item:hover,\n.tec-area-item.active {\n\n    background:\n        #10284A;\n\n    color:\n        #FFFFFF;\n\n}\n\n\n.tec-area-item:hover::before,\n.tec-area-item.active::before {\n\n    transform:\n        scaleY(1);\n\n}\n\n\n.tec-area-item:hover .tec-area-number,\n.tec-area-item.active .tec-area-number {\n\n    color:\n        #0090F2;\n\n}\n\n\n.tec-area-item:hover .tec-area-name,\n.tec-area-item.active .tec-area-name {\n\n    transform:\n        translateX(8px);\n\n}\n\n\n.tec-area-item:hover .tec-area-arrow,\n.tec-area-item.active .tec-area-arrow {\n\n    opacity:\n        1;\n\n    transform:\n        translateX(0);\n\n    border-color:\n        #0090F2;\n\n    color:\n        #0090F2;\n\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.tec-areas-bottom {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        auto 1fr auto;\n\n    align-items:\n        center;\n\n    gap:\n        20px;\n\n    margin-top:\n        22px;\n\n    color:\n        rgba(255,255,255,.35);\n\n    font-size:\n        7px;\n\n    font-weight:\n        600;\n\n    letter-spacing:\n        2px;\n\n}\n\n\n.tec-areas-bottom div {\n\n    height:\n        1px;\n\n    background:\n        rgba(255,255,255,.12);\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:800px) {\n\n    .tec-areas {\n\n        padding:\n            90px 0 60px;\n\n    }\n\n    .tec-areas-intro {\n\n        flex-direction:\n            column;\n\n        align-items:\n            flex-start;\n\n        gap:\n            25px;\n\n    }\n\n    .tec-areas-intro h2 {\n\n        font-size:\n            48px;\n\n        letter-spacing:\n            -2.5px;\n\n    }\n\n    .tec-areas-main {\n\n        grid-template-columns:\n            1fr;\n\n    }\n\n    .tec-areas-image {\n\n        min-height:\n            400px;\n\n    }\n\n    .tec-area-item {\n\n        min-height:\n            82px;\n\n        padding:\n            0 22px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:500px) {\n\n    .tec-areas-intro h2 {\n\n        font-size:\n            40px;\n\n    }\n\n    .tec-area-name {\n\n        font-size:\n            14px;\n\n    }\n\n    .tec-area-item {\n\n        grid-template-columns:\n            35px 1fr 30px;\n\n        gap:\n            12px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* =========================================================\n   TEC \u2014 AREA IMAGE SWITCHER\n========================================================= *\/\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function() {\n\n        const items =\n            document.querySelectorAll(\n                \".tec-area-item\"\n            );\n\n        const image =\n            document.getElementById(\n                \"tecAreaImage\"\n            );\n\n        const title =\n            document.getElementById(\n                \"tecAreaImageTitle\"\n            );\n\n        const number =\n            document.getElementById(\n                \"tecAreaNumber\"\n            );\n\n\n        items.forEach(\n            function(item) {\n\n                item.addEventListener(\n                    \"mouseenter\",\n                    function() {\n\n                        const newImage =\n                            this.dataset.image;\n\n                        const newTitle =\n                            this.dataset.title;\n\n                        const newNumber =\n                            this.querySelector(\n                                \".tec-area-number\"\n                            ).textContent;\n\n\n                        items.forEach(\n                            function(el) {\n\n                                el.classList.remove(\n                                    \"active\"\n                                );\n\n                            }\n                        );\n\n\n                        this.classList.add(\n                            \"active\"\n                        );\n\n\n                        image.style.opacity = \"0\";\n\n\n                        setTimeout(\n                            function() {\n\n                                image.src =\n                                    newImage;\n\n                                title.textContent =\n                                    newTitle;\n\n                                number.textContent =\n                                    newNumber;\n\n                                image.style.opacity =\n                                    \"1\";\n\n                            },\n                            180\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n    }\n);\n\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Sobre N\u00f3s \u00c1reas de Actua\u00e7\u00e3o Servi\u00e7os Not\u00edcias Portf\u00f3lio Contacto Fale Connosco \u2197 Home Sobre N\u00f3s \u00c1reas de Actua\u00e7\u00e3o Servi\u00e7os Not\u00edcias Portf\u00f3lio Contacto Fale Connosco \u2197 DESDE 1989 Engenharia que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3957","page","type-page","status-publish","hentry","rishi-post","no-post-thumbnail"],"rishi__cb_customizer_meta":"","_links":{"self":[{"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/pages\/3957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/comments?post=3957"}],"version-history":[{"count":22,"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/pages\/3957\/revisions"}],"predecessor-version":[{"id":3984,"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/pages\/3957\/revisions\/3984"}],"wp:attachment":[{"href":"https:\/\/www.tec.co.mz\/en\/wp-json\/wp\/v2\/media?parent=3957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}