<!DOCTYPE html>
<html lang="pt-BR" class="no-js">

<head><style>img.lazy{min-height:1px}</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WHNLS6RB');</script>
<!-- End Google Tag Manager -->
    <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="theme-color" content="#d23226" />
    
        <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
        <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
    
        <title>Engemix - Concreto Usinado de Qualidade | 56 Anos de Experiência</title>
        <meta name="description" content="Procurando Concreto rápido e fácil? Na Engemix tem!">
        <link rel="canonical" href="/">
        <meta property="og:locale" content="pt_BR">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Engemix - Concreto Usinado de Qualidade">
        <meta property="og:description" content="Fundada em 1968, a Engemix, firmou-se como referência em qualidade de concreto. Com mais de 40 centrais de concreto estrategicamente posicionadas em todo o território brasileiro, ao longo de sua trajetória, sua marca foi deixada nas principais obras do Brasil, como o Aeroporto de Guarulhos e a Ponte Estaiada, ambas na cidade de São Paulo [&]">
        <meta property="og:url" content="/quem-somos/">
        <meta property="og:site_name" content="Engemix">
        <meta property="article:modified_time" content="2025-08-14T18:07:42+00:00">
        <meta name="twitter:card" content="summary_large_image">
        <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"/quem-somos/","url":"/quem-somos/","name":"Quem somos - Engemix","isPartOf":{"@id":"/#website"},"datePublished":"2018-10-27T19:55:50+00:00","dateModified":"2024-11-21T20:48:25+00:00","breadcrumb":{"@id":"/quem-somos/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["/quem-somos/"]}]},{"@type":"BreadcrumbList","@id":"/quem-somos/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"/"},{"@type":"ListItem","position":2,"name":"Quem somos"}]},{"@type":"WebSite","@id":"/#website","url":"/","name":"Engemix","description":"Referência em qualidade de concreto","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}</script>
    
    <style id="classic-theme-styles-inline-css">
    /*! This file is auto-generated */
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
    </style>
    <style id="global-styles-inline-css">
    :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
    :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
    :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
    :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
    </style>
    <link rel="stylesheet" id="wp-components-css" href="css/style.min.css" media="all">
    <link rel="stylesheet" id="godaddy-styles-css" href="css/latest.css" media="all">
    <link rel="stylesheet" id="tailwind-css" href="css/tailwind-styles.css" media="screen">
    <link rel="stylesheet" id="splide-css-css" href="css/splide.min.css" media="screen">
    <link rel="stylesheet" id="elementor-icons-css" href="css/elementor-icons.min.css" media="all">
    <link rel="stylesheet" id="elementor-frontend-css" href="css/frontend.min.css" media="all">
    <link rel="stylesheet" id="elementor-post-2701-css" href="css/post-2701.css" media="all">
    <link rel="stylesheet" id="font-awesome-5-all-css" href="css/all.min.css" media="all">
    <link rel="stylesheet" id="font-awesome-4-shim-css" href="css/v4-shims.min.css" media="all">
    <link rel="stylesheet" id="google-fonts-1-css" href="#" media="all">
    <link rel="preconnect" href="#" crossorigin=""><script src="js/jquery.min.js" id="jquery-core-js"></script>
    <script src="js/jquery-migrate.min.js" id="jquery-migrate-js"></script>
    <script src="js/v4-shims.min.js" id="font-awesome-4-shim-js"></script>
    <meta name="generator" content="Elementor 3.26.3; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
                <style>
                    .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
                    .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
                        background-image: none !important;
                    }
                    @media screen and (max-height: 1024px) {
                        .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
                        .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
                            background-image: none !important;
                        }
                    }
                    @media screen and (max-height: 640px) {
                        .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
                        .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
                            background-image: none !important;
                        }
                    }
                </style>
                <style id="custom-background-css">
    body.custom-background { background-image: url("images/bg-site.jpg"); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; }
    </style>
        <link rel="icon" href="images/cropped-wp-favicon-32x32.png" sizes="32x32">
    <link rel="icon" href="images/cropped-wp-favicon-192x192.png" sizes="192x192">
    <link rel="apple-touch-icon" href="images/cropped-wp-favicon-180x180.png">
    <meta name="msapplication-TileImage" content="images/cropped-wp-favicon-270x270.png">
            <style id="wp-custom-css">
                .pb-5, .py-5 {
        padding-bottom: 0rem!important;
    }
    
    @media (min-width: 992px){
    
        #menu-menu-cabecalho li .dropdown-menu li:first-child, .offset-lg-4 {
        margin-left: 0!important;
    }
    }
            </style>
    
        
</head>
    
    
    <body class="page-template page-template-templates custom-background wp-embed-responsive elementor-default elementor-kit-2701">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHNLS6RB"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->



    <header class="bg-primary w-full fixed z-20">
      <nav class="container mx-auto px-6 py-4 h-20 flex justify-center items-center">
        <div class="w-full flex items-center justify-between">
          <div class="text-xl font-bold text-white">
                      <a id="link-header-engemix" class="engemix" href="index.html">
                <span class="sr-only">Engemix</span>
                <img class="w-40 h-10 lg:w-56 lg:h-14 lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="images/LOGO-ENGEMIX-1.png" alt="Engemix" title="Engemix">
              </a>
                  </div>
    
          <!-- Header Desktop -->
          <div class="menu-desktop hidden lg:block">
            <ul id="menu-menu-engemix-header" class="flex items-baseline justify-center gap-3 h-20  menu-engemix-header"><li class="navBar-menuItem navBar-menuItem--hasChildren"><a href="#">Produtos</a><input type="checkbox" id="sortbox1" class="hidden group absolute"><label for="sortbox1" class="cursor-pointer flex items-center justify-between"><span>Produtos</span><svg id="menu-item-arrowIcon" class="fill-current h-6 w-6 transform group-checked:rotate-180 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></label>
    <div id="sortboxmenu" class="mt-1 min-w-max group-checked:animate-expand animate-collapse transition ease-in-out z-10"><ul class=""><li class="navBar-menuItem"><a href="residenciais-reformas-e-obras-de-pequeno-porte-concreto.html">Pequenas Obras</a></li>
    <li class="navBar-menuItem"><a href="edificacoes-e-obras-e-especiais.html">Grandes Obras</a></li>
    <li class="navBar-menuItem"><a href="calculadora-de-concreto.html">Calculadora de Concreto</a></li>
    </ul></div>
    </li>
    <li class="navBar-menuItem"><a href="quem-somos.html">Quem somos</a></li>
    <li class="navBar-menuItem"><a href="contato.html">Contatos</a></li>
    <li class="navBar-menuItem"><a href="app-engemix.html">Nosso App</a></li>
    <li class="navBar-menuItem"><a href="faq.html">FAQ</a></li>
    </ul>      </div>
    
          <!-- Header Mobile -->
          <div class="lg:hidden menu-mobile">
            <input type="checkbox" class="hidden" id="menu-checkbox">
            <label for="menu-checkbox" class="cursor-pointer relative z-20">
              <svg class="w-6 h-6 text-white block " id="hamburger-icon" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
                <path d="M4 6h16M4 12h16M4 18h16"></path>
              </svg>
              <svg class="w-6 h-6 text-gray-500 hidden relative -top-3" id="close-icon" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
                <path d="M6 18L18 6M6 6l12 12"></path>
              </svg>
            </label>
            <div id="overlay-mobile-menu" class="overlay fixed inset-0 z-10 h-screen w-full bg-black bg-opacity-25 opacity-0"></div>
            <div class="mobile-menu w-3/4 h-4/5 py-12 bg-white fixed shadow-bold z-10 right-0 top-0 p-4 rounded-bl-3xl overflow-auto" id="mobile-menu">
              <ul id="menu-menu-engemix-header-1" class="menu-mobile space-y-4 menu-engemix-header"><li class="navBar-menuItem navBar-menuItem--hasChildren"><a href="#">Produtos</a><input type="checkbox" id="sortbox1" class="hidden group absolute"><label for="sortbox1" class="cursor-pointer flex items-center justify-between"><span>Produtos</span><svg id="menu-item-arrowIcon" class="fill-current h-6 w-6 transform group-checked:rotate-180 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></label>
    <div id="sortboxmenu" class="mt-1 min-w-max group-checked:animate-expand animate-collapse transition ease-in-out z-10"><ul class=""><li class="navBar-menuItem"><a href="residenciais-reformas-e-obras-de-pequeno-porte-concreto.html">Pequenas Obras</a></li>
    <li class="navBar-menuItem"><a href="edificacoes-e-obras-e-especiais.html">Grandes Obras</a></li>
    <li class="navBar-menuItem"><a href="calculadora-de-concreto.html">Calculadora de Concreto</a></li>
    </ul></div>
    </li>
    <li class="navBar-menuItem"><a href="quem-somos.html">Quem somos</a></li>
    <li class="navBar-menuItem"><a href="contato.html">Contatos</a></li>
    <li class="navBar-menuItem"><a href="app-engemix.html">Nosso App</a></li>
    <li class="navBar-menuItem"><a href="faq.html">FAQ</a></li>
    </ul>        </div>
          </div>
    
          <script>
            function showHeader() {
              // Verifica se é mobile (menor que 1024px)
              const isMobile = window.innerWidth < 1024;
              
              // Seleciona os menus
              const menuDesktop = document.querySelector('.menu-desktop');
              const menuMobile = document.querySelector('.menu-mobile');

              // Só executa se os menus existirem (evita erros)
              if (menuDesktop && menuMobile) {
                  if (isMobile) {
                    // Mostra mobile, esconde desktop (sem deletar o código)
                    menuMobile.style.display = 'block';
                    menuDesktop.style.display = 'none';
                  } else {
                    // Mostra desktop, esconde mobile (sem deletar o código)
                    menuMobile.style.display = 'none';
                    menuDesktop.style.display = 'block';
                  }
              }
            }
   
            document.addEventListener("DOMContentLoaded", function() {
              showHeader();
            });
   
            window.addEventListener("resize", function() {
              showHeader();
            });
          </script>
        </div>
      </nav>
    </header>
<span class="header-spacer-fallback h-20 block"></span>
	<section id="home-hero-carrossel" class="splide splide-hero-home" aria-label="Carrossel Hero Engemix">
		
    <div class="splide__track">
        <ul class="splide__list">
                                <li class="splide__slide">
                        <a href="https://api.whatsapp.com/send?phone=5511921182953" id="hero-banner-0" rel="noopener nofollow">
                            <picture>
                                <source srcset="images/ha-56-anos-engemix-mob.avif" media="(max-width: 1024px)">
                                <img src="images/ha-56-anos-engemix-desk.avif" alt="engemix 56 anos produzindo o melhor concreto no brasil" class="w-full" loading="eager" decoding="sync">
                            </picture>
                        </a>
                    </li>
                                <li class="splide__slide">
                        <a href="https://api.whatsapp.com/send?phone=5511921182953" id="hero-banner-2" rel="noopener nofollow">
                            <picture>
                                <source srcset="images/cartaodecredito-engemix-mob.avif" media="(max-width: 1024px)">
                                <img src="images/1440-x-600-DESK-v2_.avif" alt="um funcionário engemix com capacete de proteção na cor azul, segurando um cartão de crédito" class="w-full" decoding="async">
                            </picture>
                        </a>
                    </li>
                                <li class="splide__slide">
                        <a href="https://api.whatsapp.com/send?phone=5511921182953" id="hero-banner-3" rel="noopener nofollow">
                            <picture>
                                <source srcset="images/430-x-600-MOBILE-v1.avif" media="(max-width: 1024px)">
                                <img src="images/1440-x-600-DESK-v1.avif" alt="cantor sertanejo leonardo apoiado em uma betoneira da engemix" class="w-full" decoding="async">
                            </picture>
                        </a>
                    </li>
                                
                                <li class="splide__slide">
                        <a href="https://api.whatsapp.com/send?phone=5511921182953" id="hero-banner-5" rel="noopener nofollow">
                            <picture>
                                <source srcset="images/tecnologia-engemix-mobile.avif" media="(max-width: 1024px)">
                                <img src="images/tecnologia-engemix-desktop.avif" alt="engemix usando tecnologia avançada na produção de concreto" class="w-full" decoding="async">
                            </picture>
                        </a>
                    </li>
                    </ul>
    </div>
    <ul class="splide__pagination"></ul>
<!-- this component use splide js carrossel, use the lib for component work correctly -->
	</section>
	<main class="bg-white">
		<section id="quem-somos" class="relative">
			<div class="w-full px-10 py-12 lg:px-24 lg:py-14 flex flex-col lg:flex-row lg:gap-24">
								<figure class="pb-9 lg:pb-0 max-w-screen-sm w-full z-10">
					<img class="w-full shadow-bold rounded-2xl" width="346" height="222" src="images/funcionário-na-usina.avif" alt="funcionário na usina" decoding="async">
				</figure>
				<div class="w-full text-center lg:text-left max-w-3xl lg:w-3/4 z-10">
					<h2 class="text-2xl lg:text-3xl font-semibold text-black pb-4 ">A Engemix</h2>
					<div class="text-xl font-light text-black pb-8 lg:pb-16"><div class="name-box-enabled formula-bar-with-name-box-wrapper">
<div class="formula-bar formulabar-disabled">
<div>
<div>
<div>
<div>Com mais de 50 anos de expertise, a Engemix, empresa do grupo Votorantim Cimentos, tornou-se <strong>referência no mercado de concreto,</strong> deixando sua marca em <strong>grandes empreendimentos no Brasil.</strong> Com mais de 30 centrais de concreto, a Engemix está presente em todo território nacional.</div>
</div>
</div>
</div>
</div>
</div>
</div>

					<a href="quem-somos.html" class="lg:!m-0 btn-primary" target="_self" rel="nofollow">Saiba mais</a>				</div>

				<picture class="absolute top-0 left-0 h-full w-full z-0">
					<source srcset="images/details-home-mob.jpg" media="(max-width: 1024px)">
					<img class="h-full w-full" src="images/details-home-desktop.png" alt="imagens de fundo" decoding="async">
				</picture>
			</div>
		</section>
		<script>
			const lista = document.getElementById('home-hero-carrossel-list');
			if (lista) {
			const itens = lista.querySelectorAll('li');

			itens.forEach((li) => {
			const link = li.querySelector('a');
			
			if (link && link.href.startsWith('https://api.whatsapp.com')) {
				link.addEventListener('click', function(event) {
				
					});
				}
			});
		}
		</script>
		<section id="beneficios-do-site" class="flex flex-col justify-center items-center gap-y-10 lg:gap-y-12 bg-primary px-2 py-10 lg:px-4 lg:py-16">
            <header class="text-center m-auto w-3/5 lg:w-full">
            <h2 class="text-white font-semibold text-2xl lg:text-3xl">
                Por que comprar  com a Engemix?            </h2>
        </header>
                <ul class="flex flex-wrap justify-center items-center gap-10 lg:gap-12">
                                <li class="w-full bg-white px-2 lg:px-4 py-3 lg:py-5 flex flex-col justify-start items-center text-center gap-2 max-w-[169px] lg:max-w-52 h-[181px] lg:h-60 rounded-2xl lg:rounded-3xl hover:shadow-luminous-primary">
                                            <div class="lg:h-20"><svg class="w-full max-h-10 lg:min-h-16 lg:max-w-none" width="49" height="45" viewBox="0 0 49 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.584 1.384a4.75 4.75 0 0 1 5.502-.235l.33.237 19.912 15.485c1.713 1.333.88 4.019-1.185 4.24l-.275.014H43.5v19a4.75 4.75 0 0 1-4.394 4.738l-.356.012h-28.5a4.75 4.75 0 0 1-4.736-4.394l-.014-.356v-19H3.132c-2.168 0-3.163-2.631-1.67-4.073l.21-.18L21.583 1.383zm2.916 3.75L9.36 16.91c.543.44.89 1.112.89 1.865v21.351h7.125V28.25a7.125 7.125 0 1 1 14.25 0v11.875h7.125V18.774c0-.753.347-1.425.89-1.865L24.5 5.134zm0 20.741a2.375 2.375 0 0 0-2.375 2.375v11.875h4.75V28.25a2.375 2.375 0 0 0-2.375-2.375z" fill="#790800"></path></svg></div>
                        <h3 class="text-lg lg:text-xl font-semibold text-secundary">
                            Pequenas obras                        </h3>
                        <p class="text-base overflow-auto">
                            Atendimento para obras de pequeno porte                        </p>
                     
                </li>
                <li class="w-full bg-white px-2 lg:px-4 py-3 lg:py-5 flex flex-col justify-start items-center text-center gap-2 max-w-[169px] lg:max-w-52 h-[181px] lg:h-60 rounded-2xl lg:rounded-3xl hover:shadow-luminous-primary">
                                            <div class="lg:h-20"><svg class="w-full max-h-10 lg:min-h-16 lg:max-w-none" width="63" height="50" viewBox="0 0 63 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M50.16-.685a3.167 3.167 0 0 1 3.145 2.797l.023.37V7.44l.367.32.877.731c.159.133.33.266.5.4 1.689 1.314 3.728 2.634 5.59 3.255a3.167 3.167 0 1 1-2.001 6.011 21.738 21.738 0 0 1-4.529-2.198l-.804-.519v15.547h9.5a3.167 3.167 0 0 1 .371 6.312l-.37.023h-9.502v9.501a3.167 3.167 0 0 1-6.311.37l-.023-.37v-9.501h-31.67v9.501a3.167 3.167 0 0 1-6.313.37l-.022-.37v-9.501H-.514a3.167 3.167 0 0 1-.37-6.312l.37-.023h9.502v-15.55c-1.571 1.048-3.414 2.08-5.334 2.72a3.169 3.169 0 0 1-2.001-6.01c1.862-.622 3.902-1.942 5.59-3.257l.5-.399.877-.731.368-.32V2.482a3.167 3.167 0 0 1 6.312-.37l.022.37v5.454a15.068 15.068 0 0 0 2.968 3.158c2.448 1.96 6.511 4.057 12.868 4.057 6.356 0 10.42-2.097 12.868-4.054a15.024 15.024 0 0 0 2.635-2.695l.332-.466V2.482A3.167 3.167 0 0 1 50.16-.685zm-3.167 17.473a23.923 23.923 0 0 1-5.276 2.835l-1.058.383v10.98h6.334V16.788zm-12.668 4.548c-1.766.17-3.542.197-5.312.083l-1.022-.083v9.65h6.334v-9.65zm-19.003-4.548v14.198h6.334v-10.98l-1.057-.38a24.084 24.084 0 0 1-4.523-2.322l-.754-.516z" fill="#790800"></path></svg></div>
                        <h3 class="text-lg lg:text-xl font-semibold text-secundary">
                            Grandes obras                        </h3>
                        <p class="text-base overflow-auto">
                            Atendimento para obras de grande porte                        </p>
                     
                </li>
                <li class="w-full bg-white px-2 lg:px-4 py-3 lg:py-5 flex flex-col justify-start items-center text-center gap-2 max-w-[169px] lg:max-w-52 h-[181px] lg:h-60 rounded-2xl lg:rounded-3xl hover:shadow-luminous-primary">
                                            <div class="lg:h-20"><svg class="w-full max-h-10 lg:min-h-16 lg:max-w-none" width="49" height="46" viewBox="0 0 49 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.875 17.375a16.625 16.625 0 0 1 33.25 0v2.458a8.317 8.317 0 0 1 7.125 8.23v.593c0 4.216-3.636 7.911-7.913 7.714-1.758 5.035-6.228 8.43-11.051 9.289-1.117.408-2.437.216-3.599.216a3.563 3.563 0 1 1 0-7.125c1.884 0 3.97-.273 5.242 1.446 3.078-1.465 5.446-4.56 5.446-8.571v-14.25a11.875 11.875 0 0 0-23.75 0v14.844a4.156 4.156 0 0 1-4.156 4.156A7.719 7.719 0 0 1 .75 28.656v-.593a8.312 8.312 0 0 1 7.125-8.23v-2.458z" fill="#790800"></path></svg></div>
                        <h3 class="text-lg lg:text-xl font-semibold text-secundary">
                            Atendimento                        </h3>
                        <p class="text-base overflow-auto">
                            Equipe altamente qualificada para te atender                        </p>
                     
                </li>
                <li class="w-full bg-white px-2 lg:px-4 py-3 lg:py-5 flex flex-col justify-start items-center text-center gap-2 max-w-[169px] lg:max-w-52 h-[181px] lg:h-60 rounded-2xl lg:rounded-3xl hover:shadow-luminous-primary">
                                            <div class="lg:h-20"><svg class="w-full max-h-10 lg:min-h-16 lg:max-w-none" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.875 48.396V32.14a16.217 16.217 0 0 1-3.104-5.05c-.736-1.894-1.104-3.91-1.104-6.05 0-4.699 1.63-8.679 4.892-11.94C16.82 5.839 20.8 4.208 25.5 4.208c4.7 0 8.68 1.631 11.941 4.893 3.262 3.261 4.892 7.241 4.892 11.94 0 2.14-.368 4.156-1.104 6.05a16.22 16.22 0 0 1-3.104 5.05v16.255L25.5 44.187l-12.625 4.209zM25.5 33.666c3.507 0 6.488-1.227 8.943-3.682 2.455-2.454 3.682-5.435 3.682-8.942 0-3.507-1.227-6.488-3.682-8.943-2.455-2.455-5.436-3.682-8.943-3.682-3.507 0-6.488 1.227-8.943 3.682-2.455 2.455-3.682 5.436-3.682 8.943 0 3.507 1.227 6.488 3.682 8.942 2.455 2.455 5.436 3.683 8.943 3.683z" fill="#790800"></path><path d="M23.971 18.172c.482-1.481 2.577-1.481 3.058 0 .215.662.832 1.11 1.529 1.11 1.557 0 2.204 1.993.944 2.908-.563.41-.799 1.135-.583 1.797.48 1.482-1.214 2.713-2.474 1.798a1.608 1.608 0 0 0-1.89 0c-1.26.915-2.955-.317-2.473-1.797a1.607 1.607 0 0 0-.584-1.798c-1.26-.915-.613-2.908.944-2.908.697 0 1.314-.448 1.53-1.11z" fill="#790800"></path><path d="m25.5 25.482 3.731 2.258c.36.23.72.221 1.08-.024.36-.245.491-.58.393-1.007l-.982-4.272 3.339-2.896c.327-.295.425-.646.294-1.055-.13-.408-.425-.63-.883-.664l-4.37-.343-1.718-4.026c-.164-.393-.459-.59-.884-.59s-.72.197-.884.59l-1.718 4.026-4.37.343c-.458.033-.753.254-.884.664-.13.41-.032.761.295 1.055l3.339 2.896-.982 4.272c-.098.425.032.761.393 1.007.36.246.72.254 1.08.024l3.731-2.258zm-6.579 10.85h-5.204c-1.08 0-2.005-.384-2.773-1.153-.769-.768-1.154-1.693-1.155-2.775V27.2l-3.78-3.83a4.416 4.416 0 0 1-.835-1.3 3.755 3.755 0 0 1-.295-1.45c0-.49.098-.973.295-1.447.196-.473.474-.907.834-1.302l3.78-3.83V8.838c0-1.08.386-2.004 1.156-2.773.77-.768 1.694-1.153 2.773-1.154h5.204l3.83-3.78c.392-.36.826-.639 1.302-.835A3.76 3.76 0 0 1 25.5 0c.491 0 .974.098 1.45.295a4.38 4.38 0 0 1 1.3.834l3.829 3.78h5.204c1.08 0 2.005.386 2.775 1.155.77.77 1.154 1.695 1.153 2.774v5.204l3.78 3.83c.36.392.639.826.835 1.301.197.476.295.958.295 1.448s-.098.974-.295 1.45a4.384 4.384 0 0 1-.834 1.3l-3.78 3.829v5.204c0 1.08-.385 2.005-1.154 2.775-.768.77-1.693 1.154-2.775 1.153H32.08l-3.83 3.78c-.392.36-.826.639-1.3.835a3.754 3.754 0 0 1-1.449.295 3.75 3.75 0 0 1-1.447-.295 4.44 4.44 0 0 1-1.303-.835l-3.829-3.78zm1.67-3.928 4.909 4.91 4.91-4.91h6.873v-6.873l4.91-4.91-4.91-4.91V8.838H30.41l-4.91-4.91-4.91 4.91h-6.873v6.873l-4.91 4.91 4.91 4.91v6.873h6.873z" fill="#790800"></path></svg></div>
                        <h3 class="text-lg lg:text-xl font-semibold text-secundary">
                            Qualidade                        </h3>
                        <p class="text-base overflow-auto">
                            Qualidade Votorantim Cimentos para a  sua obra                        </p>
                     
                </li>
                <li class="w-full bg-white px-2 lg:px-4 py-3 lg:py-5 flex flex-col justify-start items-center text-center gap-2 max-w-[169px] lg:max-w-52 h-[181px] lg:h-60 rounded-2xl lg:rounded-3xl hover:shadow-luminous-primary">
                                            <div class="lg:h-20"><svg class="w-full max-h-10 lg:min-h-16 lg:max-w-none" width="63" height="71" viewBox="0 0 63 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.5 39.5c1.81 0 3.36-.644 4.651-1.932 1.29-1.288 1.935-2.839 1.932-4.651 0-1.81-.644-3.36-1.932-4.648-1.288-1.288-2.838-1.933-4.651-1.936-1.81 0-3.36.646-4.648 1.936-1.288 1.29-1.933 2.84-1.935 4.648 0 1.81.645 3.36 1.935 4.65 1.29 1.291 2.84 1.935 4.648 1.933zm0-32.917c1.097 0 2.194.07 3.292.208 1.097.138 2.194.343 3.291.615v5.76c0 1.811.645 3.361 1.936 4.652 1.29 1.29 2.84 1.934 4.648 1.932h3.291v3.292c0 1.81.645 3.36 1.936 4.65 1.29 1.291 2.84 1.935 4.648 1.933h3.044c.11.604.18 1.249.208 1.936.028.686.042 1.358.04 2.014 0 3.62-.838 7.214-2.512 10.78a58.145 58.145 0 0 1-6.004 10.04c-2.333 3.127-4.747 5.912-7.242 8.354-2.495 2.443-4.566 4.376-6.215 5.8-.603.549-1.289.96-2.057 1.234a6.812 6.812 0 0 1-2.304.412 6.812 6.812 0 0 1-2.304-.412 6.059 6.059 0 0 1-2.058-1.234c-3.565-3.292-6.72-6.501-9.463-9.628-2.743-3.127-5.033-6.158-6.87-9.092-1.839-2.936-3.238-5.761-4.197-8.476C.65 38.64.168 36.046.167 33.575c0-8.23 2.647-14.785 7.942-19.668C13.405 9.025 19.535 6.583 26.5 6.583zm19.75 9.875h-6.583c-.933 0-1.714-.316-2.344-.948-.63-.632-.946-1.413-.948-2.343 0-.933.316-1.714.948-2.344.632-.63 1.413-.946 2.344-.948h6.583V3.292c0-.933.316-1.714.948-2.344.632-.63 1.413-.946 2.344-.948.932 0 1.715.316 2.347.948.632.632.947 1.413.944 2.344v6.583h6.584c.932 0 1.715.316 2.347.948.632.632.947 1.413.944 2.344 0 .932-.316 1.715-.948 2.347-.632.632-1.413.947-2.343.944h-6.584v6.584c0 .932-.316 1.715-.948 2.347-.632.632-1.413.947-2.343.944-.933 0-1.714-.316-2.344-.948-.63-.632-.946-1.413-.948-2.343v-6.584z" fill="#790800"></path></svg></div>
                        <h3 class="text-lg lg:text-xl font-semibold text-secundary">
                            40 Centrais                        </h3>
                        <p class="text-base overflow-auto">
                            Centrais de concreto em diferentes lugares do Brasil                        </p>
                     
                </li>
            </ul>
</section>		<section class="nossos-produtos-bg" id="seção-nossos-produtos bg-white">
    <div class="container m-auto pb-0 pt-10 lg:py-16">
        <header class="w-full lg:max-w-3xl text-center lg:text-left flex flex-col justify-start items-start gap-3 lg:gap-6 px-4 pb-12 lg:px-10">
            <h2 class="w-full text-2xl lg:text-3xl font-semibold">
                Nossos Produtos            </h2>
            <p class="text-xl font-light">
                Na Engemix, você encontra uma ampla gama de produtos para atender a diferentes necessidades de pequenos a grandes projetos. Clique no tipo de obra e confira as soluções!            </p>
        </header>
        <div class="w-full lg:h-[525px] m-auto flex flex-wrap justify-center items-center gap-7 lg:gap-20 px-4">
                    <article class="group w-11/12 max-w-96 lg:w-90 flex flex-col justify-center items-center gap-5 shadow-natural rounded-3xl border-2 border-gray-300 pb-6 overflow-hidden bg-white">
            <header class="w-full h-20 lg:h-40 flex justify-center items-center relative overflow-y-hidden bg-black">
                <h3 class="text-center px-2 text-3xl lg:text-4xl font-semibold text-white z-10">Pequenas e <br>Médias obras</h3>
                <img class="absolute w-full h-20 lg:h-40 object-cover brightness-50 opacity-50" src="images/bg-pequenas-obras.avif" alt="concreto para pequenas obras" decoding="async" fetchpriority="low">
            </header>
            <div class="px-4 overflow-hidden">
                <p class="text-center text-base lg:text-xl px-3 font-light pb-4">As melhores soluções para a construção de médias e pequenas obras!</p>
                <p class="hidden lg:flex lg:text-center lg:font-medium text-xl lg:pt-4 max-h-0 group-hover:max-h-32 transition-all duration-1000 ease-in-out overflow-hidden group-hover:pb-4 px-3 ">Exemplo: Residenciais, reformas e obras de médio e pequeno porte</p>

                <a href="residenciais-reformas-e-obras-de-pequeno-porte-concreto.html" class="btn-primary">Saiba mais</a>            </div>
        </article>
        <article class="group w-11/12 max-w-96 lg:w-90 flex flex-col justify-center items-center gap-5 shadow-natural rounded-3xl border-2 border-gray-300 pb-6 overflow-hidden bg-white">
            <header class="w-full h-20 lg:h-40 flex justify-center items-center relative overflow-y-hidden bg-black">
                <h3 class="text-center px-2 text-3xl lg:text-4xl font-semibold text-white z-10">Grandes <br>Obras</h3>
                <img class="absolute w-full h-20 lg:h-40 object-cover brightness-50 opacity-50" src="images/bg-grandes-obras.avif" alt="grandes obras concreto" decoding="async" fetchpriority="low">
            </header>
            <div class="px-4 overflow-hidden">
                <p class="text-center text-base lg:text-xl px-3 font-light pb-4">Soluções de excelência para atender às construções de grandes obras!</p>
                <p class="hidden lg:flex lg:text-center lg:font-medium text-xl lg:pt-4 max-h-0 group-hover:max-h-32 transition-all duration-1000 ease-in-out overflow-hidden group-hover:pb-4 px-3 ">Exemplos: Edificações e obras com exigências particulares</p>

                <a href="edificacoes-e-obras-e-especiais.html" class="btn-primary">Saiba mais</a>            </div>
        </article>
        </div>
    <section id="sessao-produto-pavimento-concreto" class="flex justify-center items-center pb-0 pt-24 lg:py-8 ">

    <div class="max-w-7xl flex flex-col-reverse lg:flex-row items-center justify-center lg:rounded-xl bg-zinc-200 p-4 pb-16 lg:p-12 border-b-2 border-b-red-700">
        <div class="flex flex-col gap-4">
            <header>
                <h3 class="w-full text-2xl lg:text-3xl font-semibold sr-only lg:not-sr-only lg:relative">Pavimento de Concreto</h3>
                    <h4 class="text-xl lg:text-2xl sr-only lg:not-sr-only lg:relative">Eficiência e Versatilidade na Infraestrutura Viária
                </h4>
            </header>
            <p class="text-center lg:text-left text-xl font-light max-w-xl px-4 lg:px-0 pb-4">
                O pavimento de concreto, ou pavimento rígido, é uma solução usada para a pavimentação de rodovias e vias urbanas no mundo todo. Esse tipo de pavimento conta com diversas metodologias de dimensionamento e execução, permitindo a escolha da melhor opção técnica e econômica, conforme o tipo de obra executada.
            </p>
            <a href="#" class="btn-primary lg:!m-0" target="_blank" rel="noopener">Saiba mais</a>        </div>
        <img class="max-w-72 lg:max-w-lg" src="images/Logo-Pavimento-de-Concreto.webp" alt="pavimento de concredto engemix" decoding="async" fetchpriority="low" height="78" width="512">
    </div>

</section>    </div>
</section>		<section id="onde-estamos" style="background-repeat: repeat;" data-bg="url('images/PATTERN-white-boilets.png')" class="bg-primary px-4 pt-16 !pb-5 lg:!py-14 lg:px-28">
  <div class="container m-auto flex flex-col lg:flex-row justify-center items-center gap-3 lg:gap-36">
    <div class="max-w-md flex flex-col justify-center items-center lg:items-start text-white text-center lg:text-left gap-3 lg:gap-6">
      <header>
        <h2 class="text-2xl font-semibold lg:text-3xl">Onde Estamos</h2>
      </header>
      <div class="text-xl font-light"><p>Com mais de 50 anos de expertise e produtos  de qualidade, a Engemix conseguiu expandir suas filiais e hoje conta com 40 centrais de concreto estrategicamente distribuídas em todo território brasileiro para atender com agilidade e segurança.</p>
<p></p>
<p><strong>Encontre a filial mais próxima para sua obra!</strong></p>
<p></p>
<p></p>
</div>
      <div class="py-4 lg:flex">
      <a href="#" class="btn-secundary">Conferir unidades</a>    </div>
    </div>
    <figure class="w-full flex justify-center pt-7 pb-3 px-16 lg:p-0">
      <img class="w-11/12 lg:w-full min-w-72 max-w-md lg:max-w-xl lg:min-w-96" width="572" height="572" src="images/onde-estamos-mapa.avif" alt="Mapa mostrando nossa localização" decoding="async">
    </figure>
  </div>
</section>
		<section id="seção proposta de valor 1" class="container m-auto relative flex flex-col justify-center lg:flex-row gap-12 py-10 lg:py-0 lg:px-2 overflow-hidden bg-white">
    <div class="w-full lg:w-5/12 px-4 flex flex-col justify-center items-center lg:items-start gap-2 ">
        <header class="w-full max-w-lg">
            <h2 class="text-2xl lg:text-3xl font-semibold text-center lg:text-left">Engemix é Votorantim Cimentos</h2>
        </header>
        <div class="text-xl font-light text-center lg:text-left max-w-lg">
        <p>A Engemix é uma empresa do grupo Votorantim Cimentos, uma das maiores fabricantes de cimento do Brasil e do mundo. São 88 anos de história e tradição, trazendo confiança e qualidade em seus produtos.</p>
<p>Votorantim Cimentos e Engemix é a mistura perfeita para a sua obra!</p>
        </div>
    </div>
    <div class="lg:relative w-full lg:w-1/2 lg:flex lg:h-sm lg:justify-center">
        <img class="w-full lg:h-full absolute bottom-0 object-cover lg:object-contain rotate-[299deg] lg:rotate-0" width="665" height="494" src="images/Logo-symbol-4.avif" alt="uma ilustração de fundo no formato de aspiral" decoding="async">
        <div class="flex flex-col justify-center items-center gap-3 px-20 pb-8 lg:px-0 " decoding="async" loading="lazy">
            <img class="w-full relative right-9 lg:right-24 max-w-48 lg:max-w-80 contrast-200" width="473" height="526" src="images/logo-engemix-327-73.avif" alt="engemix logo" decoding="async">
            <img class="w-full relative left-6 lg:left-20 max-w-96" width="386" height="104" src="images/votorantim-cimentos-logo.avif" alt="votorantim logo" decoding="async">
        </div>
    </div>
</section>		

<a href="#" class="w-full flex flex-col-reverse lg:flex-row items-center justify-center p-4 pb-16 lg:p-12 bg-primary" id="partnership-banner-0" rel="noopener nofollow">
    <picture>
        <source srcset="images/480x480-1.webp" media="(max-width: 1024px)">
        <img src="images/1.184-x-369.33-1.webp" alt="" class="w-full">
    </picture>
</a>
		<!-- <section id="secao-de-depoimentos" style="background-repeat: repeat;" data-bg="url('images/PATTERN-white-boilets.png')"  class="flex flex-col justify-center items-center bg-primary pt-10 pb-24 lg:py-20">
    <header class="w-full text-center text-2xl pb-12">
        <h2 class="text-3xl font-semibold lg:text-4xl lg:font-bold text-white">Nossos Clientes</h2>
    </header>

    <div id="js-section-depoiments" class="splide flex flex-col justify-center items-center">
                <div class="splide__track w-full ">
            <ul class="splide__list lg:gap-16">
                        <li class="splide__slide">
            <article class="flex w-64 h-80 flex-col items-center justify-start gap-6 rounded-3xl border border-gray-300 bg-white px-5 py-7 shadow-natural">
                <figure>
                    <img width="106" height="74" class="h-16 w-24 rounded-3xl bg-black object-cover" src="images/fallback-user.avif" alt="uma imagem da pessoa que está dando o depoimento" decoding="async" />
                </figure>
                <div class="flex flex-col items-center justify-center gap-3 text-center">
                    <header>
                        <h3 class="text-xl font-semibold">Roberto Oliveira</h3>
                    </header>
                    <blockquote cite="www.engemix.com.br">
                        <p class="max-h-36 overflow-y-auto text-base font-light">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud”</p>
                    </blockquote>
                </div>
            </article>
        </li>
        <li class="splide__slide">
            <article class="flex w-64 h-80 flex-col items-center justify-start gap-6 rounded-3xl border border-gray-300 bg-white px-5 py-7 shadow-natural">
                <figure>
                    <img width="106" height="74" class="h-16 w-24 rounded-3xl bg-black object-cover" src="images/fallback-user.avif" alt="uma imagem da pessoa que está dando o depoimento" decoding="async" />
                </figure>
                <div class="flex flex-col items-center justify-center gap-3 text-center">
                    <header>
                        <h3 class="text-xl font-semibold">Roberto Oliveira</h3>
                    </header>
                    <blockquote cite="www.engemix.com.br">
                        <p class="max-h-36 overflow-y-auto text-base font-light">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud”</p>
                    </blockquote>
                </div>
            </article>
        </li>
        <li class="splide__slide">
            <article class="flex w-64 h-80 flex-col items-center justify-start gap-6 rounded-3xl border border-gray-300 bg-white px-5 py-7 shadow-natural">
                <figure>
                    <img width="106" height="74" class="h-16 w-24 rounded-3xl bg-black object-cover" src="images/fallback-user.avif" alt="uma imagem da pessoa que está dando o depoimento" decoding="async" />
                </figure>
                <div class="flex flex-col items-center justify-center gap-3 text-center">
                    <header>
                        <h3 class="text-xl font-semibold">Roberto Oliveira</h3>
                    </header>
                    <blockquote cite="www.engemix.com.br">
                        <p class="max-h-36 overflow-y-auto text-base font-light">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud”</p>
                    </blockquote>
                </div>
            </article>
        </li>
            </ul>
        </div>
    </div>

    <script defer="true" type="text/javascript">
        const isCarrossel = false;
        document.addEventListener('DOMContentLoaded', () => {
            const splideDepoiments = new Splide('#js-section-depoiments', {
                perPage: 3,
                perMove: 1,
                arrows: isCarrossel,
                width: '100%',
                fixedWidth: '264px',
                rewind: true,
                gap: isCarrossel ? '4rem':'0',
                pagination: false,
                breakpoints: {
                    1024: {
                        perPage: 1,
                        padding: '1rem',
                        gap: '1rem',
                        pagination: true,
                        arrows: false,
                    }
                },
            });

            splideDepoiments.mount();
        })
    </script>
</section> -->
		<!-- <section class="contact-form-bg">
	<div
		class="toast-contact fixed z-50 bottom-32 left-1 lg:left-2 bg-white rounded-3xl shadow-md px-5 lg:px-10 py-3 lg:py-4 overflow-hidden hidden"
	>
		<p></p>
		<div class="toast-time w-full h-2 bg-secundary absolute bottom-0 left-0"></div>
	</div>
	<div class="w-full container m-auto py-10 lg:py-16 lg:flex px-4 lg:px-10">
		<div class="lg:flex-1 lg:pr-10">
			<h3 class="text-2xl text-start font-bold max-w-[382px]">
				</p>
			</h3>
			<div>
				<div class="mt-4">
					<label class="block text-xl font-light text-[#790800]" for="contact-us-name"></label>
					<input
						class="bg-white p-2.5 font-light rounded-2xl shadow-md w-full mt-1 contact-us-input disabled:opacity-50"
						type="text"
						id="contact-us-name"
						placeholder=""
					/>
					<p class="name-error text-[#790800] mt-1 mb-3 hidden"></p>
				</div>
				<div class="mt-4">
					<label class="block text-xl font-light text-[#790800]" for="contact-us-email"></label>
					<input
						class="bg-white p-2.5 font-light rounded-2xl shadow-md w-full mt-1 contact-us-input disabled:opacity-50"
						type="email"
						id="contact-us-email"
						placeholder=""
					/>
					<p class="email-error text-[#790800] mt-1 mb-3 hidden"></p>
				</div>
				<div class="mt-4">
					<label class="block text-xl font-light text-[#790800]" for="contact-us-phone"
						></label
					>
					<input
						class="bg-white p-2.5 font-light rounded-2xl shadow-md w-full mt-1 contact-us-input disabled:opacity-50"
						type="tel"
						id="contact-us-phone"
						placeholder=""
					/>
					<p class="phone-error text-[#790800] mt-1 mb-3 hidden">
											</p>
				</div>
				<div class="relative">
					<select
						class="block bg-[#7D0800] w-full my-6 text-white px-4 py-4 border-none rounded-2xl !appearance-none contact-subject !bg-none"
						name="subject"
						id="contact-us-subject"
					>
						<option class="text-white px-4" value="invalid"></option>
											</select>
					<div class="pointer-events-none absolute inset-y-0 right-4 flex items-center px-2 text-white">
						<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path
								d="M1.14442 0.500002C1.41135 0.499286 1.67003 0.627024 1.87556 0.861044L7.99888 7.89352L14.1336 1.1122C14.2505 0.981809 14.3849 0.884434 14.5293 0.825675C14.6736 0.766918 14.8249 0.747933 14.9746 0.769814C15.1243 0.791695 15.2694 0.854009 15.4015 0.953176C15.5336 1.05234 15.6501 1.18641 15.7444 1.34766C15.8393 1.50823 15.9102 1.69298 15.9529 1.8913C15.9957 2.08962 16.0095 2.2976 15.9936 2.50328C15.9777 2.70897 15.9323 2.9083 15.8601 3.08982C15.788 3.27134 15.6904 3.43147 15.5731 3.56101L8.7186 11.1429C8.51418 11.3738 8.25778 11.5 7.99317 11.5C7.72855 11.5 7.47215 11.3738 7.26774 11.1429L0.413279 3.29416C0.297601 3.16238 0.201978 3.00054 0.131889 2.8179C0.0617998 2.63527 0.0186203 2.43542 0.0048244 2.22982C-0.00897051 2.02422 0.00688909 1.8169 0.0514934 1.61973C0.0960986 1.42257 0.168572 1.23943 0.264765 1.08081C0.371071 0.900739 0.505089 0.755263 0.657185 0.654839C0.809281 0.554414 0.97568 0.501536 1.14442 0.500002Z"
								fill="white"
							/>
						</svg>
					</div>
				</div>
				<p class="subject-error text-[#790800] mt-1 mb-3 hidden">
									</p>
				<button
					class="mx-auto lg:m-0 btn-primary lg:h-12 text-xl text-white mt-4 send-form !w-max px-5 disabled:bg-gray-400 disabled:pointer-events-none outline-none"
				>
					<p class="send-button-text">
						Entrar em contato 
					</p>
					<div role="status" class="contact-form-load hidden">
						<svg aria-hidden="true" class="w-8 h-8 text-gray-200 animate-spin dark:text-gray-400 fill-white" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
							<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
						</svg>
					</div>
				</button>
			</div>
		</div>
		<div class="lg:flex-1 lg:pl-10">
			<hr class="my-10 border-2 lg:hidden" />
			<h3 class="text-2xl text-start font-bold"></h3>
			<p class="text-xl font-light text-start my-3">
							</p>
			
						<div class="socials flex items-center justify-center lg:justify-start gap-2 lg:gap-5 pt-7 lg:pt-24">
							</div>
		</div>
	</div>
</section>

<script>
	const inputs = document.querySelectorAll(".contact-us-input");
	const phoneInput = document.querySelector("#contact-us-phone");

	inputs.forEach((input) => {
		input.addEventListener("input", (e) => {
			if (input.id === "contact-us-name") {
				const error = document.querySelector(".name-error");
				if (error.style.display === "none") return;
				if (input.value.length > 2) return (error.style.display = "none");
			}

			if (input.id === "contact-us-email") {
				const error = document.querySelector(".email-error");
				if (error.style.display === "none") return;
				const regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
				if (regex.test(input.value)) return (error.style.display = "none");
			}

			if (input.id === "contact-us-phone") {
				let input = e.target;
				let value = input.value.replace(/\D/g, ""); // Remove não dígitos
				let formattedValue;

				if (value.length < 3) {
					formattedValue = "(" + value;
				} else if (value.length < 7) {
					formattedValue = "(" + value.slice(0, 2) + ") " + value.slice(2);
				} else if (value.length <= 10) {
					formattedValue = "(" + value.slice(0, 2) + ") " + value.slice(2, 6) + "-" + value.slice(6);
				} else {
					formattedValue = "(" + value.slice(0, 2) + ") " + value.slice(2, 7) + "-" + value.slice(7, 11);
				}

				if (input.selectionStart === input.value.length) {
					input.value = formattedValue;
				} else {
					let cursorPosition = input.selectionStart;
					if (/[\(\)\- ]/.test(input.value[cursorPosition - 1])) {
						cursorPosition--;
					}
					input.value = formattedValue;
					input.setSelectionRange(cursorPosition, cursorPosition);
				}

				if (input.value[input.value.length - 1] === "(") {
					input.value = "";
				}

				const error = document.querySelector(".phone-error");
				if (error.style.display === "none") return;
				const regex = /^\(\d{2}\) \d{4,5}-\d{4}$/;
				if (regex.test(input.value)) return (error.style.display = "none");
			}
		});
	});

	const buttonSendForm = document.querySelector(".send-form");
	const contactFormSubjects = document.querySelector(".contact-subject");

	function sendError(element, status) {
		document.querySelector(`.${element}`).style.display = status;
	}

	contactFormSubjects.addEventListener("change", () => {
		if (contactFormSubjects.value === "invalid") {
			sendError("subject-error", "block");
		} else {
			sendError("subject-error", "none");
		}
	});

	buttonSendForm.addEventListener("click", (e) => {
		e.preventDefault();
		if (contactFormSubjects.value === "invalid") {
			sendError("subject-error", "block");
		} else {
			sendError("subject-error", "none");
		}

		inputs.forEach((input) => {
			const type = input.getAttribute("id");

			switch (type) {
				case "contact-us-name":
					if (input.value.length < 3) {
						sendError("name-error", "block");
						return;
					}
					sendError("name-error", "none");
					break;
				case "contact-us-email":
					const regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
					if (!regex.test(input.value)) {
						sendError("email-error", "block");
						return;
					}

					sendError("email-error", "none");
					break;
				case "contact-us-phone":
					let value = input.value.replace(/\D/g, "");
					if (value.length < 10) {
						sendError("phone-error", "block");
						return;
					}

					sendError("phone-error", "none");

					input.value = value;
					break;
			}
		});

		if (document.querySelector(".subject-error").style.display !== "none") return;

		document.querySelector(".subject-error").style.display = "none";

		const buttonWidth = buttonSendForm.getBoundingClientRect().width;

		buttonSendForm.style.minWidth = `${buttonWidth}px`
		document.querySelector(".send-button-text").style.display = "none"
		document.querySelector(".contact-form-load").style.display = "block"

		const nameInput = document.querySelector("#contact-us-name");
		const mailInput = document.querySelector("#contact-us-email");
		const phoneInput = document.querySelector("#contact-us-phone");
		const subjectInput = document.querySelector("#contact-us-subject");

		const value = phoneInput.value.replace(/\D/g, ""); // Remove não dígitos
		let formattedValue;

		if (value.length < 3) {
			formattedValue = "(" + value;
		} else if (value.length < 7) {
			formattedValue = "(" + value.slice(0, 2) + ") " + value.slice(2);
		} else if (value.length <= 10) {
			formattedValue = "(" + value.slice(0, 2) + ") " + value.slice(2, 6) + "-" + value.slice(6);
		} else {
			formattedValue = "(" + value.slice(0, 2) + ") " + value.slice(2, 7) + "-" + value.slice(7, 11);
		}

		phoneInput.value = formattedValue

		/* WordPress API call removed */,
		})
			.then(
				async (response) => await response.json())
			.then((data) => {
				document.querySelector(".toast-contact").style.display = "block";
				setTimeout(() => {
					document.querySelector(".toast-contact").style.bottom = "-150%";
					buttonSendForm.setAttribute("disabled", true);
					document.querySelector(".send-button-text").style.display = "block"
					document.querySelector(".send-button-text").innerHTML = "Formulário enviado!"
					document.querySelector(".contact-form-load").style.display = "none"
					nameInput.value = "";
					mailInput.value = "";
					phoneInput.value = "";
					subjectInput.value = "invalid";

					nameInput.setAttribute("disabled", true);
					mailInput.setAttribute("disabled", true);
					phoneInput.setAttribute("disabled", true);
				}, 7400);

				setTimeout(() => {
					document.querySelector(".toast-contact").style.display = "none";
				}, 8000);
			});
	});
</script> -->
	</main>
	<aside class="fixed right-0 bottom-24 lg:bottom-1/4 z-10">
    <menu class="flex flex-col justify-end items-end gap-3">
        <li id="shortcut-callphone" class="lg:hidden">
            <a href="tel:5511921182953" target="_blank" rel="noopener" class="w-12 h-12 flex justify-center items-center bg-secundary rounded-l-xl">
                <svg width="35" height="35" class="w-4/12 lg:w-5/12 transition-transform duration-500 hover:scale-110" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M34.9796 26.4389C34.6676 28.8102 33.503 30.9869 31.7034 32.5623C29.9038 34.1378 27.5922 35.0043 25.2004 35C11.3052 35 1.58354e-05 23.6949 1.58354e-05 9.79974C-0.0042717 7.40798 0.862233 5.09643 2.43769 3.29684C4.01315 1.49726 6.18982 0.332686 8.56116 0.0206461C9.16082 -0.052573 9.76807 0.0701049 10.2923 0.370367C10.8165 0.670629 11.2295 1.13237 11.4697 1.68666L15.1658 9.93799V9.95899C15.3497 10.3833 15.4256 10.8465 15.3869 11.3073C15.3481 11.7681 15.1958 12.2122 14.9435 12.5998C14.912 12.647 14.8788 12.6908 14.8438 12.7345L11.2002 17.0536C12.511 19.7171 15.297 22.4786 17.9956 23.7929L22.2551 20.1686C22.297 20.1334 22.3408 20.1007 22.3864 20.0706C22.7737 19.8123 23.2192 19.6546 23.6828 19.6118C24.1463 19.5691 24.6132 19.6425 25.0412 19.8256L25.0639 19.8361L33.3083 23.5304C33.8636 23.7697 34.3265 24.1824 34.6277 24.7067C34.929 25.2309 35.0524 25.8386 34.9796 26.4389Z" fill="white"></path>
                </svg>

            </a>
        </li>
        <li id="shortcut-concret-calculator">
            <a href="calculadora-de-concreto.html" class="w-12 h-12 flex justify-center items-center bg-secundary rounded-l-xl">
                <svg width="29" height="40" class="w-4/12 transition-transform duration-500 hover:scale-110" viewBox="0 0 29 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M4.60985 0H24.3901C25.4393 0 26.4455 0.421427 27.1874 1.17157C27.9293 1.92172 28.3461 2.93913 28.3461 4V36C28.3461 37.0609 27.9293 38.0783 27.1874 38.8284C26.4455 39.5786 25.4393 40 24.3901 40H4.60985C3.56064 40 2.55441 39.5786 1.81251 38.8284C1.0706 38.0783 0.653809 37.0609 0.653809 36V4C0.653809 2.93913 1.0706 1.92172 1.81251 1.17157C2.55441 0.421427 3.56064 0 4.60985 0ZM4.60985 4V12H24.3901V4H4.60985ZM4.60985 16V20H8.5659V16H4.60985ZM12.5219 16V20H16.478V16H12.5219ZM20.434 16V20H24.3901V16H20.434ZM4.60985 24V28H8.5659V24H4.60985ZM12.5219 24V28H16.478V24H12.5219ZM20.434 24V28H24.3901V24H20.434ZM4.60985 32V36H8.5659V32H4.60985ZM12.5219 32V36H16.478V32H12.5219ZM20.434 32V36H24.3901V32H20.434Z" fill="white"></path>
                </svg>
            </a>
        </li>
        <li id="shortcut-whatsapp">
            <a href="https://api.whatsapp.com/send?phone=5511921182953" target="_blank" rel="noopener" class="w-14 h-14 flex justify-end items-end">
                <svg width="77" height="77" class="w-3/4 transition-transform duration-500 hover:scale-110" viewBox="0 0 77 77" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_922_2449)">
                        <path d="M1.92886 38.0392C1.92707 44.5087 3.61749 50.8257 6.83179 56.3936L1.62146 75.4173L21.0899 70.3127C26.4746 73.2441 32.5078 74.7801 38.6388 74.7804H38.6549C58.8942 74.7804 75.3696 58.3111 75.3782 38.0682C75.3821 28.259 71.5655 19.0351 64.6313 12.0956C57.6984 5.15662 48.4778 1.33318 38.6534 1.3287C18.4116 1.3287 1.93752 17.7972 1.92916 38.0392" fill="url(#paint0_linear_922_2449)"></path>
                        <path d="M0.617803 38.0273C0.615714 44.7295 2.36672 51.2724 5.69562 57.0397L0.298462 76.7454L20.465 71.4578C26.0215 74.4874 32.2776 76.0846 38.6436 76.087H38.66C59.6255 76.087 76.6926 59.0253 76.7016 38.0577C76.7051 27.8961 72.7513 18.3406 65.5694 11.1525C58.3866 3.9652 48.8362 0.00417829 38.66 0C17.6909 0 0.62616 17.0594 0.617803 38.0273ZM12.6277 56.0465L11.8747 54.8512C8.70937 49.8181 7.03865 44.0019 7.04103 38.0296C7.0476 20.6017 21.2311 6.42264 38.6719 6.42264C47.118 6.42622 55.0556 9.71871 61.0258 15.6925C66.9957 21.6668 70.2807 29.6086 70.2786 38.0553C70.2709 55.4833 56.087 69.6641 38.66 69.6641H38.6474C32.973 69.6611 27.4078 68.1372 22.5544 65.2575L21.3994 64.5726L9.43221 67.7102L12.6277 56.0465Z" fill="url(#paint1_linear_922_2449)"></path>
                        <path d="M29.1521 22.1295C28.44 20.5468 27.6905 20.5148 27.0134 20.4871C26.4588 20.4632 25.8249 20.465 25.1916 20.465C24.5577 20.465 23.5278 20.7035 22.6572 21.654C21.7857 22.6055 19.3301 24.9047 19.3301 29.5811C19.3301 34.2578 22.7363 38.7773 23.2111 39.4121C23.6865 40.0457 29.7869 49.9494 39.4483 53.7594C47.4778 56.9257 49.1118 56.296 50.8544 56.1372C52.5974 55.979 56.4784 53.8385 57.2702 51.619C58.0626 49.3997 58.0626 47.4974 57.825 47.0998C57.5874 46.7038 56.9535 46.4659 56.003 45.9908C55.0521 45.5154 50.379 43.2158 49.5078 42.8986C48.6363 42.5816 48.0027 42.4234 47.3688 43.3752C46.7349 44.3254 44.9147 46.4659 44.3599 47.0998C43.8056 47.7352 43.2508 47.8143 42.3005 47.3389C41.3494 46.862 38.2882 45.8595 34.6564 42.6216C31.8306 40.1021 29.9229 36.9907 29.3684 36.039C28.8139 35.0887 29.309 34.5736 29.7857 34.1C30.2127 33.6741 30.7365 32.99 31.2123 32.4352C31.6862 31.8801 31.8444 31.4841 32.1613 30.8501C32.4786 30.2156 32.3198 29.6605 32.0825 29.1851C31.8444 28.7097 29.9973 24.0088 29.1521 22.1295Z" fill="white"></path>
                    </g>
                    <defs>
                        <linearGradient id="paint0_linear_922_2449" x1="3689.46" y1="7410.19" x2="3689.46" y2="1.3287" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#1FAF38"></stop>
                            <stop offset="1" stop-color="#60D669"></stop>
                        </linearGradient>
                        <linearGradient id="paint1_linear_922_2449" x1="3820.45" y1="7674.54" x2="3820.45" y2="0" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F9F9F9"></stop>
                            <stop offset="1" stop-color="white"></stop>
                        </linearGradient>
                        <clipPath id="clip0_922_2449">
                            <rect width="77" height="77" fill="white"></rect>
                        </clipPath>
                    </defs>
                </svg>

            </a>
        </li>
    </menu>
</aside>
<aside class="fixed left-1 lg:left-4 bottom-16 z-10">
    <a id="back-to-top-button" href="#" class="w-12 h-12 flex justify-center items-center bg-secundary rounded-xl" style="display: none;">
        <svg width="48" height="60" class="w-4/12 transition-transform duration-500 hover:scale-110" viewBox="0 0 48 60" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2.15597 26.669C1.36859 25.8813 0.926268 24.8132 0.926268 23.6996C0.926268 22.5859 1.36859 21.5178 2.15597 20.7302L21.056 1.83015C21.8436 1.04277 22.9117 0.600451 24.0254 0.600451C25.1391 0.600451 26.2072 1.04277 26.9948 1.83015L45.8948 20.7302C46.6598 21.5223 47.0832 22.5832 47.0736 23.6844C47.064 24.7857 46.6223 25.8391 45.8436 26.6178C45.0649 27.3965 44.0115 27.8382 42.9103 27.8478C41.809 27.8573 40.7481 27.434 39.956 26.669L28.2254 15.2996L28.2254 55.1996C28.2254 56.3135 27.7829 57.3817 26.9952 58.1694C26.2076 58.9571 25.1393 59.3996 24.0254 59.3996C22.9115 59.3996 21.8432 58.9571 21.0555 58.1694C20.2679 57.3817 19.8254 56.3135 19.8254 55.1996L19.8254 15.2996L8.09477 26.669C7.30716 27.4563 6.23906 27.8987 5.12537 27.8987C4.01168 27.8987 2.94359 27.4563 2.15597 26.669Z" fill="white"></path>
        </svg>

    </a>
</aside>
<script nonce="67cd085966389386123da5d4feff40f8" type="text/javascript">
    window.addEventListener('scroll', function scrollFunction() {
  if (document.documentElement.scrollTop > window.innerHeight) {
    document.getElementById("back-to-top-button").style.display = "flex";
  } else {
    document.getElementById("back-to-top-button").style.display = "none";
  }})

var side_whatsapp = document.querySelector("menu #shortcut-whatsapp");
</script><!-- <section class="news-form-bg">
    <div
		class="toast-news fixed z-50 bottom-32 left-1 lg:left-2 bg-white rounded-3xl shadow-md px-5 lg:px-10 py-3 lg:py-4 overflow-hidden hidden"
	>
		<p></p>
		<div class="toast-time w-full h-2 bg-secundary absolute bottom-0 left-0"></div>
	</div>
    <div class="w-full container m-auto py-10 lg:py-16 px-4 lg:px-10">
        <h2 class="text-white my-4 text-2xl "></h2>
        <p class="text-white text-xl font-light lg:mt-5 lg:max-w-[986px] "></p>
        <div class="mt-5 lg:flex lg:items-end lg:justify-start lg:gap-4">
            <div class="my-8 lg:my-0 lg:max-w-[305px] w-full">
                <label class="block text-xl font-light text-white lg:hidden" for="newsletter-name"></label>
                <input class="bg-white p-2.5 font-light rounded-2xl shadow-md w-full mt-1 disabled:opacity-50 newsletter-input" type="text" id="newsletter-name" placeholder="">
                <p class="absolute newsletter-name-error text-white mt-1 mb-3 hidden"></p>
            </div>
            <div class="my-8 lg:my-0 lg:min-w-[305px]">
                <label class="block text-xl font-light text-white lg:hidden" for="newsletter-email"></label>
                <input class="bg-white p-2.5 font-light rounded-2xl shadow-md w-full mt-1 disabled:opacity-50 newsletter-input" type="email" id="newsletter-email" placeholder="" >
                <p class="absolute newsletter-email-error text-white mt-1 mb-3 hidden"></p>
            </div>
            <button class="mx-auto lg:!mx-0 rounded-3xl bg-primary lg:hover:bg-white lg:hover:text-primary lg:duration-1000 lg:ease-in-out  block px-4 py-2 font-bold text-xl text-white mt-4 send-newsletter lg:mt-0 disabled:!bg-gray-400 disabled:pointer-events-none">
                <p class="news-send-button-text"></p>
                <div role="status" class="newsletter-load hidden">
                    <svg aria-hidden="true" class="w-8 h-8 text-gray-200 animate-spin dark:text-gray-400 fill-white" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                </div>
            </button>
        </div>
    </div>
</section>

<script type="text/javascript">
    const newsInputs = document.querySelectorAll(".newsletter-input");
    const buttonSendNewsletter = document.querySelector(".send-newsletter");

    newsInputs.forEach(input => {
        input.addEventListener("input", (e) => {
            if(input.id === "newsletter-name") {
                const error = document.querySelector(".newsletter-name-error")
                if(error.style.display === "none") return;
                if(input.value.length > 2) return error.style.display = "none"
            }

            if(input.id === "newsletter-email") {
                const error = document.querySelector(".newsletter-email-error")
                if(error.style.display === "none") return;
                const regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
                if(regex.test(input.value)) return error.style.display = "none";
            }
        })
    })

    function sendError (element, status) {
        document.querySelector(`.${element}`).style.display = status;
    }

    buttonSendNewsletter.addEventListener("click", (e) => {
        e.preventDefault()
        const errorText = document.querySelector(".newsletter-email-error").innerHTML;
        newsInputs.forEach(input => {
        const type = input.getAttribute("id");
        switch(type) {
            case "newsletter-name":
                    if(input.value.length < 3) {
                        sendError("newsletter-name-error", "block")
                        return;
                    }
                    sendError("newsletter-name-error", "none")
                break;
            case "newsletter-email":
                const regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
                if(document.querySelector(".newsletter-email-error") !== errorText) {
                    document.querySelector(".newsletter-email-error").innerHTML = errorText;
                }
                if(!regex.test(input.value)) {
                    sendError("newsletter-email-error", "block")
                    return;
                }

                sendError("newsletter-email-error", "none")
                break;
        }
    })

        document.querySelector(".news-send-button-text").style.display = "none"
		document.querySelector(".newsletter-load").style.display = "block"

        const buttonWidth = buttonSendNewsletter.getBoundingClientRect().width;

		buttonSendNewsletter.style.minWidth = `${buttonWidth}px`

        const newsNameInput = document.querySelector("#newsletter-name");
        const newsMailInput = document.querySelector("#newsletter-email");

        fetch("/wp-json/form/v1/newsletter/", {
			method: "POST",
			headers: {
				"Content-Type": "application/json",
			},
			body: JSON.stringify({
				name: newsNameInput.value,
				email: newsMailInput.value,
			}),
		})
			.then(
				async (response) => await response.json())
			.then((data) => {
                if(data.message === "Email já cadastrado!") {
                    document.querySelector(".newsletter-email-error").innerHTML = data.message;
                    document.querySelector(".newsletter-load").style.display = "none"
                    document.querySelector(".news-send-button-text").style.display = "block"
                    document.querySelector(".newsletter-email-error").style.display = "block"
                    return;
                }

                if(data.message === "Parâmetro(s) inválido(s): email") {
                    sendError("newsletter-email-error", "block");
                    document.querySelector(".newsletter-load").style.display = "none"
                    document.querySelector(".news-send-button-text").style.display = "block"
                    return;
                }

				document.querySelector(".toast-news").style.display = "block";
				setTimeout(() => {
					document.querySelector(".toast-news").style.bottom = "-150%";
					buttonSendNewsletter.setAttribute("disabled", true);
                    document.querySelector(".news-send-button-text").innerHTML = "Newsletter enviada!"
                    document.querySelector(".news-send-button-text").style.display = "block"
		            document.querySelector(".newsletter-load").style.display = "none"
					newsNameInput.value = "";
					newsMailInput.value = "";

					newsNameInput.setAttribute("disabled", true);
					newsMailInput.setAttribute("disabled", true);
				}, 7400);

				setTimeout(() => {
					document.querySelector(".toast-news").style.display = "none";
				}, 8000);
			})

    })
</script> --><footer class="bg-secundary w-full text-white">
    <nav class="container mx-auto px-4 lg:px-14 py-8 flex justify-center items-center flex-col gap-12 lg:gap-16 lg:flex-row lg:flex-wrap lg:justify-between lg:items-start">
        <div class="w-full text-xl font-bold lg:flex lg:justify-between">
            <a id="link-header-engemix" class="engemix flex justify-center" href="/">
                <img class="lg:w-52 h-12 min-w-52 min-h-12 lazy" width="208" height="48" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20208%2048'%3E%3C/svg%3E" data-src="https://www.engemix.com.br/wp-content/uploads/2024/04/LOGO-ENGEMIX-1.png" alt="Logo Engemix" />
            </a>
            <a id="link-header-vcimentos" class="navbar-brand vcimentos flex justify-center items-center" href="https://www.votorantimcimentos.com.br" target="_blank"><img class="img-fluid lazy loaded" src="https://www.engemix.com.br/wp-content/uploads/2022/10/logo-v-e.png" data-src="https://www.engemix.com.br/wp-content/uploads/2022/10/logo-v-e.png" alt="Logo Votoran" data-was-processed="true"></a>
            <div id="social-networks-desktop" class="hidden lg:flex justify-center lg:justify-end items-center flex-wrap w-1/2 gap-4 lg:items-center">
                <a href="https://api.whatsapp.com/send?phone=5511921182953">
                    <svg id="whatsapp-icon" width="40" height="40" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#a)">
                            <path d="M2.2 34.5c0 5.8 1.5 11.4 4.4 16.4L2 68l17.4-4.5a33 33 0 1 0-17.2-29" fill="url(#b)" />
                            <path d="M1 34.5a34 34 0 0 0 4.6 17L.8 69.2l18-4.8A34.1 34.1 0 1 0 1 34.4Zm10.8 16.1-.7-1a28.2 28.2 0 0 1 24-43.4 28.2 28.2 0 0 1 28.4 28.3 28.3 28.3 0 0 1-42.8 24.4l-1-.6L9 61l2.8-10.5Z" fill="url(#c)" />
                            <path d="M26.6 20.2c-.6-1.4-1.3-1.4-1.9-1.4h-1.6c-.6 0-1.5.2-2.3 1-.8.9-3 3-3 7.1 0 4.2 3 8.3 3.5 8.8.4.6 5.9 9.5 14.5 12.9 7.2 2.8 8.7 2.3 10.3 2.1 1.5-.1 5-2 5.7-4 .7-2 .7-3.7.5-4a142.4 142.4 0 0 0-7.5-3.8c-.7-.3-1.3-.5-1.9.4-.5.8-2.2 2.7-2.6 3.3-.5.6-1 .6-1.9.2-.8-.4-3.6-1.3-6.8-4.2-2.6-2.3-4.3-5-4.8-5.9-.5-.9 0-1.3.4-1.7l1.3-1.5c.4-.5.5-.9.8-1.5.3-.5.2-1 0-1.4l-2.7-6.4Z" fill="#fff" />
                        </g>
                        <defs>
                            <linearGradient id="b" x1="3306.6" y1="6640.7" x2="3306.6" y2="1.6" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#1FAF38" />
                                <stop offset="1" stop-color="#60D669" />
                            </linearGradient>
                            <linearGradient id="c" x1="3424" y1="6877.6" x2="3424" y2=".4" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F9F9F9" />
                                <stop offset="1" stop-color="#fff" />
                            </linearGradient>
                            <clipPath id="a">
                                <path fill="#fff" transform="translate(.5 .4)" d="M0 0h69v69H0z" />
                            </clipPath>
                        </defs>
                    </svg>
                </a>
                <a href="https://youtube.com/@engemix9846?si=5VF59s8KZI1BdoFW" rel="noopener" target="_blank">
                    <svg id="youtube-icon" width="42" height="35" viewBox="0 0 56 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M26 .7c2.2 0 4.5 0 6.7.2l2.6.1 2.4.2 2.4.1 2 .2a9.8 9.8 0 0 1 9.1 8.8l.1 1.1.2 2.4a105.1 105.1 0 0 1 0 15.2l-.2 2.4v1a9.8 9.8 0 0 1-9.1 9H40l-2.4.2-2.4.2-2.6.1a159.2 159.2 0 0 1-13.4 0l-2.6-.1-2.4-.2-2.4-.1-2-.2a9.8 9.8 0 0 1-9.1-8.8l-.1-1.1L.5 29a105 105 0 0 1 0-15.2l.2-2.4v-1a9.8 9.8 0 0 1 9.1-9h2.1l2.3-.2 2.5-.2 2.6-.1L26 .7Zm-5.2 14.4v12.6c0 1.2 1.3 2 2.4 1.3L34 22.7a1.6 1.6 0 0 0 0-2.6l-10.8-6.3a1.6 1.6 0 0 0-2.4 1.3Z" fill="#fff" />
                    </svg>
                </a>
                <a href="https://www.instagram.com/engemixconcreto?igsh=dm5zNGI0c2YzcWl4" rel="noopener" target="_blank">
                    <svg id="instagram-icon" width="40" height="40" viewBox="0 0 56 52" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.86 5.49c2.57 0 3.88.02 5.01.05l.45.02 1.63.06c2.44.12 4.1.5 5.56 1.07 1.51.58 2.79 1.37 4.06 2.64a11.25 11.25 0 0 1 2.64 4.06c.57 1.46.95 3.13 1.07 5.57l.07 1.63.01.44c.04 1.13.05 2.44.05 5.02v4.7c.01 1.68 0 3.35-.05 5.02l-.01.45-.07 1.63a17 17 0 0 1-1.07 5.56 11.2 11.2 0 0 1-2.64 4.06 11.26 11.26 0 0 1-4.06 2.65c-1.46.56-3.12.95-5.56 1.06l-1.63.07-.45.01c-1.13.04-2.44.05-5.01.06h-4.71c-1.68 0-3.35-.01-5.02-.05l-.44-.02-1.64-.07c-2.43-.11-4.1-.5-5.56-1.06a11.2 11.2 0 0 1-4.06-2.65 11.24 11.24 0 0 1-2.64-4.06 16.93 16.93 0 0 1-1.07-5.56l-.07-1.63v-.45c-.05-1.67-.07-3.34-.07-5.01v-4.71c0-1.67.01-3.35.05-5.02l.02-.44.07-1.63c.11-2.44.5-4.1 1.06-5.57a11.18 11.18 0 0 1 2.65-4.06A11.22 11.22 0 0 1 12.5 6.7c1.46-.57 3.12-.95 5.56-1.07l1.64-.06.44-.02c1.67-.04 3.34-.06 5.01-.05h4.72ZM27.5 16.94a11.46 11.46 0 1 0 0 22.92 11.46 11.46 0 0 0 0-22.92Zm0 4.59a6.88 6.88 0 1 1 0 13.75 6.88 6.88 0 0 1 0-13.75m12.03-8.02a2.86 2.86 0 1 0 0 5.73 2.86 2.86 0 0 0 0-5.73Z" fill="#fff" />
                    </svg>
                </a>
                <!-- <a href="#">
                    <svg id="linkedin-icon" width="32" height="32" viewBox="0 0 50 47" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.813.903a6.813 6.813 0 0 0-4.862 2.05 7.065 7.065 0 0 0-2.014 4.95v35c0 1.857.725 3.637 2.014 4.95a6.814 6.814 0 0 0 4.861 2.05h34.376a6.814 6.814 0 0 0 4.86-2.05 7.065 7.065 0 0 0 2.014-4.95v-35a7.065 7.065 0 0 0-2.013-4.95 6.814 6.814 0 0 0-4.861-2.05H7.812Zm3.788 15.04a4.07 4.07 0 0 0 2.904-1.225 4.221 4.221 0 0 0 1.203-2.958c0-1.109-.432-2.173-1.203-2.957a4.071 4.071 0 0 0-2.904-1.225c-1.09 0-2.135.44-2.905 1.225a4.221 4.221 0 0 0-1.203 2.957c0 1.11.433 2.173 1.203 2.958a4.07 4.07 0 0 0 2.905 1.225Zm3.437 26.306V19.222H8.163V42.25h6.875Zm4.565-23.027h6.875v3.084c1.014-1.617 3.242-3.794 7.384-3.794 4.943 0 7.628 3.335 7.628 9.68 0 .305.027 1.695.027 1.695v12.358h-6.875V29.89c0-1.697-.35-5.033-4.056-5.033-3.71 0-4.022 4.193-4.108 6.937v10.451h-6.875V19.222Z" fill="#fff" />
                    </svg>
                </a>
                <a href="#">
                    <svg id="facebook-icon" width="32" height="32" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M45.55 3.55H8.45a5.32 5.32 0 0 0-5.3 5.3v37.1c0 2.92 2.39 5.3 5.3 5.3H27V32.7h-5.3v-6.56H27v-5.43c0-5.73 3.21-9.76 9.98-9.76h4.78v6.9h-3.17c-2.64 0-3.64 1.98-3.64 3.82v4.48h6.8l-1.5 6.55h-5.3v18.55h10.6c2.92 0 5.3-2.38 5.3-5.3V8.85c0-2.91-2.38-5.3-5.3-5.3Z" fill="#fff" />
                    </svg>
                </a> -->
            </div>
        </div>
        <div id="lista-de-links-de-acesso-rapido" class="menu-footer">
            <ul id="menu-engemix-footer-2024" class="menu-engemix-footer flex items-baseline justify-center gap-12 lg:gap-16 text-white"><li class="navBar-menuItem navBar-menuItem--hasChildren"><a href="#" class="navBar-menuItem-link" aria-expanded="false">Engemix</a>
<ul class="sub-menu">
	<li class="navBar-menuItem"><a href="quem-somos.html" class="navBar-menuItem-link">Quem somos</a></li>
	<li class="navBar-menuItem"><a href="onde-estamos.html" class="navBar-menuItem-link">Nossas unidades</a></li>
	<li class="navBar-menuItem"><a href="residenciais-reformas-e-obras-de-pequeno-porte-concreto.html" class="navBar-menuItem-link">Nossos produtos</a></li>
	<li class="navBar-menuItem"><a href="app-engemix.html" class="navBar-menuItem-link">App Engemix</a></li>
</ul>
</li>
<li class="navBar-menuItem navBar-menuItem--hasChildren"><a href="#" class="navBar-menuItem-link" aria-expanded="false">Dúvidas</a>
<ul class="sub-menu">
	<li class="navBar-menuItem"><a href="faq.html" class="navBar-menuItem-link">FAQ</a></li>
	<li class="navBar-menuItem"><a href="calculadora-de-concreto.html" class="navBar-menuItem-link">Calculadora de Concreto</a></li>
	<li class="navBar-menuItem"><a href="politica-de-privacidade.html" class="navBar-menuItem-link">Política de privacidade</a></li>
</ul>
</li>
</ul>        </div>
        <div class="flex justify-start items-start gap-12 ">
            <div id="lista-de-contatos">
                <p class="text-xl font-black">Contatos</p>
                <ul class="flex flex-col justify-center items-start gap-5 pt-5">
                    <li class="flex items-center gap-2">
                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M17.427 13.362c-.153 1.111-.725 2.132-1.609 2.87-.884.738-2.02 1.144-3.194 1.143C5.802 17.375.25 12.076.25 5.562a5.325 5.325 0 011.197-3.048A5.352 5.352 0 014.454 0.979a2.42 2.42 0 011.479.163c.257.141.46.357.578.617L7.697 5.627c.09.199.127.416.107.632a1.516 1.516 0 01-.665.874l-1.789 2.025c.644 1.248 2.012 2.543 3.337 3.159l2.091-1.699a1.5 1.5 0 01.635-.185c.227-.02.457.015.667.102l4.049 1.732c.273.112.5.305.648.551.148.246.209.53.173.812z" fill="white" />
                        </svg>
                        <a class="text-base font-medium" href="tel:+5511921182953">+55 11 92118-2953</a>
                    </li>
                </ul>
            </div>
            <div id="social-networks" class="flex lg:hidden justify-center items-center flex-wrap w-1/2 gap-4">
                <a href="https://youtube.com/@engemix9846?si=5VF59s8KZI1BdoFW" rel="noopener" target="_blank">
                    <svg id="youtube-icon" width="52" height="43" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M26 .7c2.2 0 4.5 0 6.7.2l2.6.1 2.4.2 2.4.1 2 .2a9.8 9.8 0 0 1 9.1 8.8l.1 1.1.2 2.4a105.1 105.1 0 0 1 0 15.2l-.2 2.4v1a9.8 9.8 0 0 1-9.1 9H40l-2.4.2-2.4.2-2.6.1a159.2 159.2 0 0 1-13.4 0l-2.6-.1-2.4-.2-2.4-.1-2-.2a9.8 9.8 0 0 1-9.1-8.8l-.1-1.1L.5 29a105 105 0 0 1 0-15.2l.2-2.4v-1a9.8 9.8 0 0 1 9.1-9h2.1l2.3-.2 2.5-.2 2.6-.1L26 .7Zm-5.2 14.4v12.6c0 1.2 1.3 2 2.4 1.3L34 22.7a1.6 1.6 0 0 0 0-2.6l-10.8-6.3a1.6 1.6 0 0 0-2.4 1.3Z" fill="#fff" />
                    </svg>
                </a>
                <a href="#">
                    <svg id="instagram-icon" width="55" height="56" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.86 5.49c2.57 0 3.88.02 5.01.05l.45.02 1.63.06c2.44.12 4.1.5 5.56 1.07 1.51.58 2.79 1.37 4.06 2.64a11.25 11.25 0 0 1 2.64 4.06c.57 1.46.95 3.13 1.07 5.57l.07 1.63.01.44c.04 1.13.05 2.44.05 5.02v4.7c.01 1.68 0 3.35-.05 5.02l-.01.45-.07 1.63a17 17 0 0 1-1.07 5.56 11.2 11.2 0 0 1-2.64 4.06 11.26 11.26 0 0 1-4.06 2.65c-1.46.56-3.12.95-5.56 1.06l-1.63.07-.45.01c-1.13.04-2.44.05-5.01.06h-4.71c-1.68 0-3.35-.01-5.02-.05l-.44-.02-1.64-.07c-2.43-.11-4.1-.5-5.56-1.06a11.2 11.2 0 0 1-4.06-2.65 11.24 11.24 0 0 1-2.64-4.06 16.93 16.93 0 0 1-1.07-5.56l-.07-1.63v-.45c-.05-1.67-.07-3.34-.07-5.01v-4.71c0-1.67.01-3.35.05-5.02l.02-.44.07-1.63c.11-2.44.5-4.1 1.06-5.57a11.18 11.18 0 0 1 2.65-4.06A11.22 11.22 0 0 1 12.5 6.7c1.46-.57 3.12-.95 5.56-1.07l1.64-.06.44-.02c1.67-.04 3.34-.06 5.01-.05h4.72ZM27.5 16.94a11.46 11.46 0 1 0 0 22.92 11.46 11.46 0 0 0 0-22.92Zm0 4.59a6.88 6.88 0 1 1 0 13.75 6.88 6.88 0 0 1 0-13.75m12.03-8.02a2.86 2.86 0 1 0 0 5.73 2.86 2.86 0 0 0 0-5.73Z" fill="#fff" />
                    </svg>
                </a>
                <!-- <a href="#">
                    <svg id="linkedin-icon" width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.813.903a6.813 6.813 0 0 0-4.862 2.05 7.065 7.065 0 0 0-2.014 4.95v35c0 1.857.725 3.637 2.014 4.95a6.814 6.814 0 0 0 4.861 2.05h34.376a6.814 6.814 0 0 0 4.86-2.05 7.065 7.065 0 0 0 2.014-4.95v-35a7.065 7.065 0 0 0-2.013-4.95 6.814 6.814 0 0 0-4.861-2.05H7.812Zm3.788 15.04a4.07 4.07 0 0 0 2.904-1.225 4.221 4.221 0 0 0 1.203-2.958c0-1.109-.432-2.173-1.203-2.957a4.071 4.071 0 0 0-2.904-1.225c-1.09 0-2.135.44-2.905 1.225a4.221 4.221 0 0 0-1.203 2.957c0 1.11.433 2.173 1.203 2.958a4.07 4.07 0 0 0 2.905 1.225Zm3.437 26.306V19.222H8.163V42.25h6.875Zm4.565-23.027h6.875v3.084c1.014-1.617 3.242-3.794 7.384-3.794 4.943 0 7.628 3.335 7.628 9.68 0 .305.027 1.695.027 1.695v12.358h-6.875V29.89c0-1.697-.35-5.033-4.056-5.033-3.71 0-4.022 4.193-4.108 6.937v10.451h-6.875V19.222Z" fill="#fff" />
                    </svg>
                </a>
                <a href="#">
                    <svg id="facebook-icon" width="54" height="54" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M45.55 3.55H8.45a5.32 5.32 0 0 0-5.3 5.3v37.1c0 2.92 2.39 5.3 5.3 5.3H27V32.7h-5.3v-6.56H27v-5.43c0-5.73 3.21-9.76 9.98-9.76h4.78v6.9h-3.17c-2.64 0-3.64 1.98-3.64 3.82v4.48h6.8l-1.5 6.55h-5.3v18.55h10.6c2.92 0 5.3-2.38 5.3-5.3V8.85c0-2.91-2.38-5.3-5.3-5.3Z" fill="#fff" />
                    </svg>
                </a> -->
                <a href="https://api.whatsapp.com/send?phone=5511921182953">
                    <svg id="whatsapp-icon-mobile" width="47" height="48" viewBox="0 0 47 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_569_9920)">
                            <path d="M1.17738 23.7187C1.17629 27.6677 2.2081 31.5235 4.17008 34.9221L0.989746 46.534L12.8731 43.4181C16.1599 45.2074 19.8425 46.145 23.5847 46.1452H23.5946C35.9485 46.1452 46.0048 36.0925 46.0101 23.7364C46.0125 17.749 43.6829 12.1188 39.4503 7.88302C35.2185 3.64755 29.5903 1.31377 23.5937 1.31104C11.2383 1.31104 1.18266 11.3632 1.17756 23.7187" fill="url(#paint0_linear_569_9920)"></path>
                            <path d="M0.377051 23.7114C0.375776 27.8024 1.44457 31.7962 3.4765 35.3164L0.182129 47.3446L12.4916 44.1171C15.8832 45.9663 19.7019 46.9413 23.5876 46.9427H23.5976C36.3947 46.9427 46.8123 36.5284 46.8178 23.73C46.82 17.5275 44.4066 11.6949 40.0228 7.30735C35.6385 2.92032 29.8091 0.50255 23.5976 0.5C10.7983 0.5 0.382152 10.9129 0.377051 23.7114ZM7.70778 34.7102L7.24816 33.9806C5.31606 30.9085 4.29627 27.3583 4.29773 23.7129C4.30173 13.0751 12.9592 4.42031 23.6049 4.42031C28.7603 4.4225 33.6053 6.4322 37.2495 10.0785C40.8934 13.7252 42.8986 18.5728 42.8973 23.7286C42.8926 34.3664 34.2349 43.0222 23.5976 43.0222H23.59C20.1263 43.0204 16.7294 42.0903 13.767 40.3325L13.062 39.9144L5.75728 41.8296L7.70778 34.7102Z" fill="url(#paint1_linear_569_9920)"></path>
                            <path d="M17.7941 14.0076C17.3594 13.0415 16.902 13.022 16.4886 13.0051C16.1502 12.9905 15.7632 12.9916 15.3767 12.9916C14.9897 12.9916 14.3611 13.1372 13.8297 13.7174C13.2977 14.2981 11.7988 15.7016 11.7988 18.556C11.7988 21.4106 13.8779 24.1692 14.1678 24.5567C14.458 24.9434 18.1815 30.9886 24.0788 33.3142C28.9799 35.2468 29.9773 34.8624 31.041 34.7655C32.1048 34.669 34.4738 33.3625 34.9571 32.0077C35.4407 30.653 35.4407 29.4919 35.2957 29.2492C35.1507 29.0075 34.7638 28.8623 34.1836 28.5723C33.6032 28.2821 30.7508 26.8785 30.219 26.6848C29.6871 26.4913 29.3003 26.3948 28.9134 26.9757C28.5265 27.5558 27.4154 28.8623 27.0767 29.2492C26.7385 29.6371 26.3998 29.6853 25.8198 29.3951C25.2392 29.104 23.3707 28.4921 21.1538 26.5158C19.429 24.9779 18.2646 23.0787 17.9261 22.4978C17.5877 21.9178 17.8899 21.6033 18.1808 21.3142C18.4415 21.0543 18.7612 20.6367 19.0516 20.2981C19.3409 19.9593 19.4374 19.7175 19.6309 19.3306C19.8245 18.9433 19.7276 18.6045 19.5828 18.3143C19.4374 18.0241 18.31 15.1547 17.7941 14.0076Z" fill="white"></path>
                        </g>
                        <defs>
                            <linearGradient id="paint0_linear_569_9920" x1="2252.01" y1="4523.6" x2="2252.01" y2="1.31104" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#1FAF38"></stop>
                                <stop offset="1" stop-color="#60D669"></stop>
                            </linearGradient>
                            <linearGradient id="paint1_linear_569_9920" x1="2331.97" y1="4684.96" x2="2331.97" y2="0.5" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F9F9F9"></stop>
                                <stop offset="1" stop-color="white"></stop>
                            </linearGradient>
                            <clipPath id="clip0_569_9920">
                                <rect width="47" height="47" fill="white" transform="translate(0 0.5)"></rect>
                            </clipPath>
                        </defs>
                    </svg>
                </a>
            </div>
        </div>
        <div id="badges" class="flex flex-wrap gap-9 max-w-96">
            <!--Selo Reclame aqui -->
            <div id="reputation-ra">
                <script async="true" type="text/javascript" id="ra-embed-reputation" src=https://s3.amazonaws.com/raichu-beta/selos/bundle.js data-id="MTQ3ODQ6ZW5nZW1peA==" data-target="reputation-ra" data-model="1"></script>
            </div>
            <!-- fallback spacer badge, trade for real badge -->
            <img class="invisible w-5/12 h-16 bg-slate-600 lazy" width="173" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20173%2063'%3E%3C/svg%3E" data-src="#" alt="um selo adquirido pela engemix">
        </div>
        <div id="app-download" class="flex flex-col lg:flex-row justify-center items-center gap-6">
            <p class="w-5/6 lg:w-64 text-xl font-semibold text-center">Já é cliente? Baixe nosso APP e facilite sua compra</p>
            <div id="platforms-app-choice" class="flex justify-center items-center gap-4">
                <a href="index.html" target="_blank" id="floater-app-appstore"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="images/theme/appleStore-button-download.png" alt="um icone de uma maçã com botão de download" class=" lazy" rel="noopener"></a>
                <a href="index.html" target="_blank" id="floater-app-playstore"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="images/theme/playStore-button-download.png" alt="logo da playstore" class=" lazy" rel="noopener"></a>
            </div>
        </div>
    </nav>
    <hr class="w-11/12 m-auto mt-4">
    </hr>
    <div class="w-full bg-[#0000bf]">
        <div id="lgpd-terms-use" class="w-full lg:w-11/12 flex justify-around px-4 py-10 font-normal lg:gap-16 lg:px-0 lg:m-auto">
            <a class="hidden lg:block" href="https://www.votorantimcimentos.com.br/" target="_blank" rel="noopener">Votorantim Cimentos © Todos os direitos reservados 2025</a>
            <a href="/politica-de-privacidade.html" target="_blank" rel="noopener">Política de privacidade</a>
            <a href="/termo-de-privacidade.html" target="_blank" rel="noopener">Termo de privacidade</a>
            <div id="endosso-vc-brand-desk">
                <img class="max-h-8 hidden lg:block lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="images/theme/logo-vc.svg" decoding="async" />
            </div>
        </div>
    </div>
    <div id="copywrite-mobile" class="lg:hidden w-full text-center py-4 bg-[#0000bf] ">
        <p>
            <a href="https://www.votorantimcimentos.com.br/" target="_blank" rel="noopener">Votorantim Cimentos <br>© Todos os direitos reservados 2025</a>
        </p>
        <div id="endosso-vc-brand" class="flex justify-center items-center bg-[#0000bf] w-full h-16 p-4 mt-4 lg:px-6">
            <img class="max-h-8 lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="images/theme/logo-vc.svg" decoding="async" />
        </div>
    </div>
</footer>

<script>
var footer_whatsapp_desk = document.querySelector("footer #social-networks-desktop svg#whatsapp-icon");
var footer_whatsapp_mobile = document.querySelector("footer #social-networks svg#whatsapp-icon-mobile");
</script>

			<script type='text/javascript'>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script src="js/coblocks-animation.js" id="coblocks-animation-js"></script>
<script src="js/tiny-swiper.js" id="coblocks-tiny-swiper-js"></script>
<script id="coblocks-tinyswiper-initializer-js-extra">
var coblocksTinyswiper = {"carouselPrevButtonAriaLabel":"Previous","carouselNextButtonAriaLabel":"Next","sliderImageAriaLabel":"Image"};
</script>
<script src="js/coblocks-tinyswiper-initializer.js" id="coblocks-tinyswiper-initializer-js"></script>
<script src="js/gf-cep-autofill.js" id="gf_mf-app-js"></script>
<script src="js/splide.min.js" id="splide-js-js"></script>
<script id="init-splide-home" type="text/javascript">
// Inicialização do Carrossel Hero
document.addEventListener('DOMContentLoaded', function() {
	console.log('DOM carregado, verificando Splide...');

	// Verificar se Splide está disponível
	if (typeof Splide === 'undefined') {
		console.error('ERRO: Splide.js não foi carregado!');
		return;
	}

	// Verificar se o elemento existe
	const carrosselElement = document.getElementById('home-hero-carrossel');
	if (!carrosselElement) {
		console.error('ERRO: Elemento #home-hero-carrossel não encontrado!');
		return;
	}

	console.log('Splide disponível, inicializando carrossel...');

	try {
		const splide = new Splide('#home-hero-carrossel', {
			type: 'loop',
			autoplay: true,
			interval: 5000,
			speed: 1000,
			pauseOnHover: true,
			pauseOnFocus: true,
			arrows: true,
			pagination: true,
			rewind: true
		});

		splide.mount();
		console.log('✓ Splide Hero Carousel montado com sucesso!');
		console.log('Total de slides:', splide.length);
	} catch (error) {
		console.error('ERRO ao montar Splide:', error);
	}
});
</script>
<script>window.w3tc_lazyload=1,window.lazyLoadOptions={elements_selector:".lazy",callback_loaded:function(t){var e;try{e=new CustomEvent("w3tc_lazyload_loaded",{detail:{e:t}})}catch(a){(e=document.createEvent("CustomEvent")).initCustomEvent("w3tc_lazyload_loaded",!1,!1,{e:t})}window.dispatchEvent(e)}}</script><script async="" src="js/lazyload.min.js"></script>


</body></html>