{"id":17,"date":"2026-03-09T16:21:52","date_gmt":"2026-03-09T19:21:52","guid":{"rendered":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/?page_id=17"},"modified":"2026-06-11T15:51:35","modified_gmt":"2026-06-11T18:51:35","slug":"home","status":"publish","type":"page","link":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87adef8 e-con-full e-flex e-con e-parent\" data-id=\"87adef8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a02f6 elementor-widget elementor-widget-slider_revolution\" data-id=\"a2a02f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t\t\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"slider-1\" data-id=\"1\" id=\"SR7_1_1\" class=\"rs-ov-hidden\" data-version=\"6.7.41\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-1\" data-key=\"1\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-1-4\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner7.jpg\" alt=\"\" title=\"\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-0\" class=\"sr7-layer\">Conex\u00e3o Direta com os Melhores Fabricantes da Constru\u00e7\u00e3o Civil.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-1\" class=\"sr7-layer\">H\u00e1 20 anos, a BNCC elimina intermedi\u00e1rios e conecta a sua construtora direto \u00e0s f\u00e1bricas de blocos, argamassas e granitos.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-1-2\" class=\"sr7-layer\" href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/fornecedores\" target=\"_self\">Saiba mais<\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-3\" data-key=\"3\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-3-4\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/bn02.jpg\" alt=\"\" title=\"bn02\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-3-0\" class=\"sr7-layer\">Excel\u00eancia na Base de Tudo.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-3-1\" class=\"sr7-layer\">Nossa frota de equipamentos e rede de fornecedores operam sob os mais rigorosos padr\u00f5es de qualidade e conformidade t\u00e9cnica do mercado.\t\t\t\t\t\t\t\t<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-3-2\" class=\"sr7-layer\" href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/fornecedores\" target=\"_self\">Saiba mais<\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-4\" data-key=\"4\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-4-4\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner6.jpg\" alt=\"\" title=\"\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-4-0\" class=\"sr7-layer\">Produtos de Alta Performance<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-4-1\" class=\"sr7-layer\">Das funda\u00e7\u00f5es \u00e0 veda\u00e7\u00e3o, entregamos a qualidade e a rastreabilidade que as maiores construtoras do pa\u00eds exigem.\t\t\t\t\t\t\t\t<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-4-2\" class=\"sr7-layer\" href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/produtos\" target=\"_self\">Saiba mais<\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-5\" data-key=\"5\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-5-4\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner001-1.png\" alt=\"\" title=\"\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-5-0\" class=\"sr7-layer\">Log\u00edstica de Qualidade<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-5-1\" class=\"sr7-layer\">25 centrais em opera\u00e7\u00e3o e fornecimento de mais de 1.500.000 m\u00b3 de concreto usinado em 2023, com mais de 70 munic\u00edpios atendidos no interior e Grande S\u00e3o Paulo.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-5-2\" class=\"sr7-layer\" href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/concrebase\/\" target=\"_self\">Saiba mais<\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-6\" data-key=\"6\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-6-4\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner002-1.png\" alt=\"\" title=\"\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-6-0\" class=\"sr7-layer\">Com uma estrutura moderna e processos automatizados<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-6-1\" class=\"sr7-layer\">Das funda\u00e7\u00f5es \u00e0 veda\u00e7\u00e3o, entregamos a qualidade e a rastreabilidade que as maiores construtoras do pa\u00eds exigem.\t\t\t\t\t\t\t\t<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-6-2\" class=\"sr7-layer\" href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/concremix\/\" target=\"_self\">Saiba mais<\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-2\" data-key=\"2\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner7.jpg\" data-libid=\"914\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9kZXNlbnZvbHZlc21zc2l0ZXMuY29tLmJyL2dydXBvYm5jYy93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNi9CYW5uZXI3LmpwZw==\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/bn02.jpg\" data-libid=\"341\" data-lib=\"medialibrary\" title=\"bn02\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9kZXNlbnZvbHZlc21zc2l0ZXMuY29tLmJyL2dydXBvYm5jYy93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wMy9ibjAyLmpwZw==\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner6.jpg\" data-libid=\"919\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9kZXNlbnZvbHZlc21zc2l0ZXMuY29tLmJyL2dydXBvYm5jYy93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNi9CYW5uZXI2LmpwZw==\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner001-1.png\" data-libid=\"931\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9kZXNlbnZvbHZlc21zc2l0ZXMuY29tLmJyL2dydXBvYm5jYy93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNi9CYW5uZXIwMDEtMS5wbmc=\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner002-1.png\" data-libid=\"944\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9kZXNlbnZvbHZlc21zc2l0ZXMuY29tLmJyL2dydXBvYm5jYy93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNi9CYW5uZXIwMDItMS5wbmc=\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_1_1\"] = {cn:100,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_1_1\",el:[799.988,799.988,767.998,959.988,599.988],type:'standard',shdw:'0',gh:[800,800,768,960,600],gw:[1400,1400,1024,778,480],vpt:['-100px&#039;,&#039;-100px&#039;,&#039;-100px&#039;,&#039;-100px&#039;,&#039;-100px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"orig\":\"transparent\",\"type\":\"solid\",\"string\":\"transparent\"}'}});   SR7.PMH[\"SR7_1_1\"].state=true;} else if(SR7.PMH[\"SR7_1_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_1_1\"].fn,19);}};SR7.PMH[\"SR7_1_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cd1cc1 statement-section e-flex e-con-boxed e-con e-parent\" data-id=\"3cd1cc1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7c63dc elementor-widget elementor-widget-html\" data-id=\"c7c63dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    \/\/ 1. A ANIMA\u00c7\u00c3O DE ENTRADA (On Load)\r\n    const tlHeroLoad = gsap.timeline({\r\n        defaults: { ease: \"power3.out\" } \r\n    });\r\n\r\n    tlHeroLoad.fromTo(\".hero-titulo\",\r\n        { y: 50, opacity: 0, scale: 0.95 },\r\n        { y: 0, opacity: 1, scale: 1, duration: 1.2, delay: 0.2 } \r\n    )\r\n    .fromTo(\".hero-texto\",\r\n        { y: 30, opacity: 0 },\r\n        { y: 0, opacity: 1, duration: 1 },\r\n        \"-=0.8\" \r\n    )\r\n    .fromTo(\".hero-botoes\",\r\n        { y: 20, opacity: 0 },\r\n        { y: 0, opacity: 1, duration: 0.8 },\r\n        \"-=0.6\" \r\n    );\r\n\r\n    \/\/ 2. A ANIMA\u00c7\u00c3O DE SA\u00cdDA (Parallax no Scroll)\r\n    const heroSection = document.querySelector('.hero-bncc');\r\n    \r\n    if (heroSection) {\r\n        gsap.to(\".hero-titulo, .hero-texto, .hero-botoes\", {\r\n            scrollTrigger: {\r\n                trigger: heroSection,\r\n                start: \"top top\",      \r\n                end: \"bottom top\",     \r\n                scrub: 1               \r\n            },\r\n            y: -100,      \r\n            opacity: 0,   \r\n            stagger: 0.05,\r\n            immediateRender: false \/\/ A CORRE\u00c7\u00c3O M\u00c1GICA EST\u00c1 AQUI! Impede o conflito de opacidade.\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* CSS CRUCIAL: Anti-FOUC\r\nGarante que o t\u00edtulo, texto e bot\u00f5es fiquem invis\u00edveis antes da anima\u00e7\u00e3o de entrada come\u00e7ar, \r\nevitando que eles pisquem na tela e depois sumam. *\/\r\n\r\n.hero-titulo,\r\n.hero-texto,\r\n.hero-botoes {\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0adb206 statement-text elementor-widget elementor-widget-heading\" data-id=\"0adb206\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Direto da Ind\u00fastria para a sua Obra. <span class=\"destaque\">Qualidade certificada,<\/span> volume garantido e custo de f\u00e1brica.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7638d25 e-flex e-con-boxed e-con e-parent\" data-id=\"7638d25\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae4f684 elementor-widget elementor-widget-ha-carousel happy-addon ha-carousel\" data-id=\"ae4f684\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;slides_to_show&quot;:&quot;4&quot;,&quot;animation_speed&quot;:300,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:3000,&quot;loop&quot;:&quot;yes&quot;,&quot;slides_to_show_tablet&quot;:3,&quot;slides_to_show_mobile&quot;:2,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"ha-carousel.default\">\n\t\t\t\t\t\n\t\t<div data-ha_rcc_uid=\"\" class=\"hajs-slick ha-slick ha-slick--carousel\">\n\n\t\t\t\n\t\t\t\t<div class=\"ha-slick-slide slick-slide\">\n\t\t\t\t\t<div class=\"ha-slick-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ha-slick-img\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/NBR-6136.png\" alt=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t<div class=\"ha-slick-slide slick-slide\">\n\t\t\t\t\t<div class=\"ha-slick-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ha-slick-img\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/NBR-7173.png\" alt=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t<div class=\"ha-slick-slide slick-slide\">\n\t\t\t\t\t<div class=\"ha-slick-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ha-slick-img\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/NBR-15575.png\" alt=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t<div class=\"ha-slick-slide slick-slide\">\n\t\t\t\t\t<div class=\"ha-slick-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ha-slick-img\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/PORTLAND.png\" alt=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t<div class=\"ha-slick-slide slick-slide\">\n\t\t\t\t\t<div class=\"ha-slick-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ha-slick-img\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/PSQ.png\" alt=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t<button type=\"button\" class=\"slick-prev\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg><\/button>\n\t\t\n\t\t\t\t\t<button type=\"button\" class=\"slick-next\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg><\/button>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50c67e3 secao-fornecedores-trigger e-flex e-con-boxed e-con e-parent\" data-id=\"50c67e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dfc8ec9 e-flex e-con-boxed e-con e-child\" data-id=\"dfc8ec9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1bc693c e-con-full fornecedores-bloco e-flex e-con e-child\" data-id=\"1bc693c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4e0ea fornec-titulo elementor-widget elementor-widget-heading\" data-id=\"5b4e0ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fornecedores<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56dba5b descricao-revelada elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"56dba5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Todos nossos fornecedores atendem o Manual de Desempenho <span class=\"destaque\">ABNT 15575<\/span> e as normas da <span class=\"destaque\">NBR 7173<\/span> e <span class=\"destaque\">NBR 6136<\/span>.<\/p><p>As empresas s\u00e3o participantes da BLOCO BRASILe SINAPROCIM com os selos da <span class=\"destaque\">ABCP<\/span> e <span class=\"destaque\">PSQ<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70f9a9a fornecedores-texto-animado elementor-widget elementor-widget-html\" data-id=\"70f9a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<p class=\"fornecedores-texto-animado\">\r\n  Todos nossos fornecedores atendem o Manual de Desempenho <span class=\"bncc-highlight\">ABNT 15575<\/span> e as normas da <span class=\"bncc-highlight\">NBR 7173<\/span> e <span class=\"bncc-highlight\">NBR 6136<\/span>.\r\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6abda5 e-con-full e-flex e-con e-child\" data-id=\"c6abda5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9512c5a e-con-full fornec-card e-flex e-con e-child\" data-id=\"9512c5a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddc31ff elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"ddc31ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1143\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner3.jpg\" class=\"attachment-full size-full wp-image-975\" alt=\"\" srcset=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner3.jpg 2000w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner3-300x171.jpg 300w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner3-1024x585.jpg 1024w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner3-768x439.jpg 768w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner3-1536x878.jpg 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Concrebase<\/h3><p class=\"elementor-image-box-description\">A CONCREBASE utiliza um rigoroso sistema tecnol\u00f3gico e um processo log\u00edstico sofisticado e integrado, oferecendo o melhor atendimento e unindo experi\u00eancia e a satisfa\u00e7\u00e3o completa do cliente com a excel\u00eancia dos servi\u00e7os prestados<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ca5a7 elementor-widget elementor-widget-html\" data-id=\"f8ca5a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/concrebase\/\" class=\"btn-bncc-minimal\">\r\n  SAIBA MAIS \r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c238d01 e-con-full fornec-card e-flex e-con e-child\" data-id=\"c238d01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f344e0b elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"f344e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1143\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner-concremix.jpg\" class=\"attachment-full size-full wp-image-1073\" alt=\"\" srcset=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner-concremix.jpg 2000w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner-concremix-300x171.jpg 300w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner-concremix-1024x585.jpg 1024w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner-concremix-768x439.jpg 768w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/Banner-concremix-1536x878.jpg 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Concremix<\/h3><p class=\"elementor-image-box-description\">A Concremix \u00e9 uma empresa especializada na fabrica\u00e7\u00e3o de blocos de concreto de veda\u00e7\u00e3o e estruturais de alta resist\u00eancia, atendendo obras de diferentes portes com produtos que oferecem seguran\u00e7a, durabilidade e excelente desempenho construtivo.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ef7df elementor-widget elementor-widget-html\" data-id=\"15ef7df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/concremix\/\" class=\"btn-bncc-minimal\">\r\n  SAIBA MAIS \r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e425e61 elementor-widget elementor-widget-html\" data-id=\"e425e61\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    const secaoFornecedores = document.querySelector('.secao-fornecedores-trigger');\r\n\r\n    if (secaoFornecedores) {\r\n        \/\/ A M\u00c1GICA RESPONSIVA DO GSAP\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n            isDesktop: \"(min-width: 769px)\",\r\n            isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n            let { isMobile, isDesktop } = context.conditions;\r\n\r\n            const tlFornecedores = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: secaoFornecedores,\r\n                    \/\/ No mobile, a janela de scroll \u00e9 um pouco menor e mais r\u00e1pida\r\n                    start: isMobile ? \"top 95%\" : \"top 100%\", \r\n                    end: isMobile ? \"center 50%\" : \"top 20%\", \r\n                    scrub: isMobile ? 1 : 1.5 \r\n                }\r\n            });\r\n\r\n            \/\/ 1. T\u00edtulo e Subt\u00edtulo (Agora apontando para sua classe fornecedores-texto-animado)\r\n            tlFornecedores.fromTo(\".fornec-titulo, .fornecedores-texto-animado\",\r\n                { \r\n                    y: isMobile ? 40 : 80, \/\/ No celular, vem de mais perto (40px)\r\n                    opacity: 0 \r\n                },\r\n                { \r\n                    y: 0, \r\n                    opacity: 1, \r\n                    stagger: 0.2, \r\n                    duration: 1 \r\n                }\r\n            )\r\n\r\n            \/\/ 2. Os 3 Cards \r\n            .fromTo(\".fornec-card\",\r\n                { \r\n                    y: isMobile ? 80 : 200, \/\/ No celular, viaja apenas 80px para n\u00e3o bugar a tela\r\n                    opacity: 0, \r\n                    scale: isMobile ? 0.95 : 0.8, \/\/ Cresce menos no celular\r\n                    rotateX: isMobile ? 5 : 15    \/\/ Inclina\u00e7\u00e3o menor no celular\r\n                },\r\n                { \r\n                    y: 0, \r\n                    opacity: 1, \r\n                    scale: 1, \r\n                    rotateX: 0,\r\n                    duration: 2, \r\n                    stagger: isMobile ? 0.2 : 0.4, \/\/ Cascata mais r\u00e1pida no celular\r\n                    ease: \"power2.out\" \r\n                },\r\n                \"<0.2\"\r\n            );\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* 1. PREVEN\u00c7\u00c3O DE FLASH: Garante que tudo fique oculto at\u00e9 o GSAP assumir *\/\r\n.fornec-titulo,\r\n.fornecedores-texto-animado,\r\n.fornec-card {\r\n    opacity: 0;\r\n    will-change: transform, opacity; \r\n}\r\n\r\n\/* 2. O Container Pai *\/\r\n.secao-fornecedores-trigger {\r\n    perspective: 1000px;\r\n    overflow-x: hidden; \/* CRUCIAL NO MOBILE: Impede a tela de balan\u00e7ar para os lados *\/\r\n}\r\n\r\n\/* 3. Estilo e Centraliza\u00e7\u00e3o do seu Texto HTML *\/\r\n.fornecedores-texto-animado {\r\n    text-align: center; \/* Centraliza o texto *\/\r\n    margin: 0 auto 40px auto; \/* Centraliza a caixa e d\u00e1 respiro embaixo *\/\r\n    max-width: 800px; \/* Evita que o texto fique esticado demais no Desktop *\/\r\n    color: #64748B; \/* Cor neutra B2B para o texto base *\/\r\n}\r\n\r\n\/* 4. Estilo dos Destaques Laranja (ABNT e NBR) *\/\r\n.bncc-highlight {\r\n    color: #F97316;\r\n    font-weight: 700;\r\n    border-bottom: 2px solid #F97316; \/* O sublinhado de destaque igual ao seu print antigo *\/\r\n    padding-bottom: 2px;\r\n}\r\n\r\n\/* \ud83d\udcf1 5. AJUSTES EXCLUSIVOS PARA MOBILE *\/\r\n@media (max-width: 768px) {\r\n    .fornecedores-texto-animado {\r\n        font-size: 15px; \/* Tamanho confort\u00e1vel para leitura no celular *\/\r\n        padding: 0 20px; \/* Evita que o texto encoste nas bordas do aparelho *\/\r\n        line-height: 1.6;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cf875d e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"4cf875d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-dbc6794 e-con-full e-flex e-con e-child\" data-id=\"dbc6794\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-968e230 e-con-full fornecedores-bloco e-flex e-con e-child\" data-id=\"968e230\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d473301 elementor-widget elementor-widget-heading\" data-id=\"d473301\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fornecedores<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7405496 descricao-revelada elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"7405496\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Todos nossos fornecedores atendem o Manual de Desempenho <span class=\"destaque\">ABNT 15575<\/span> e as normas da <span class=\"destaque\">NBR 7173<\/span> e <span class=\"destaque\">NBR 6136<\/span>.<\/p><p>As empresas s\u00e3o participantes da BLOCO BRASILe SINAPROCIM com os selos da <span class=\"destaque\">ABCP<\/span> e <span class=\"destaque\">PSQ<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03decd4 elementor-widget elementor-widget-html\" data-id=\"03decd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<p class=\"fornecedores-texto-animado\">\r\n  Todos nossos fornecedores atendem o Manual de Desempenho <span class=\"bncc-highlight\">ABNT 15575<\/span> e as normas da <span class=\"bncc-highlight\">NBR 7173<\/span> e <span class=\"bncc-highlight\">NBR 6136<\/span>.\r\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa3aba elementor-widget elementor-widget-html\" data-id=\"bfa3aba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"#proposta\" class=\"btn-bncc-primary2\">\r\n  SAIBA MAIS \r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e228abb elementor-widget elementor-widget-html\" data-id=\"e228abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    const blocoEsq = document.querySelector('.fornecedores-bloco');\r\n\r\n    if (blocoEsq) {\r\n        \/\/ Timeline Mestra amarrada ao Scroll (Scrub)\r\n        const tlEsq = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: blocoEsq,\r\n                start: \"top 85%\", \/\/ Come\u00e7a quando o topo do bloco chega a 85% da tela\r\n                end: \"top 35%\",   \/\/ Termina a anima\u00e7\u00e3o quando o bloco chega a 35% da tela\r\n                scrub: 1          \/\/ Mant\u00e9m tudo fluido. Rolou pra cima, a anima\u00e7\u00e3o volta.\r\n            }\r\n        });\r\n\r\n        \/\/ 1. T\u00cdTULO: Entrada com leve rota\u00e7\u00e3o 3D (Transform Perspective)\r\n        tlEsq.fromTo(blocoEsq.querySelector('.elementor-widget-heading'),\r\n            { y: 60, opacity: 0, rotationX: -20, transformPerspective: 600 },\r\n            { y: 0, opacity: 1, rotationX: 0, ease: \"none\" }\r\n        )\r\n        \r\n        \/\/ 2. TEXTO: Sobe suavemente logo em seguida\r\n        .fromTo(blocoEsq.querySelector('.elementor-widget-text-editor, .elementor-widget-html'),\r\n            { y: 40, opacity: 0 },\r\n            { y: 0, opacity: 1, ease: \"none\" },\r\n            \"<0.1\" \/\/ Come\u00e7a quase junto com o t\u00edtulo\r\n        )\r\n        \r\n        \/\/ 3. MARCA-TEXTO: Anima a vari\u00e1vel CSS que pinta as palavras-chave\r\n        .to(blocoEsq, \r\n            { \"--h-width\": \"100%\", duration: 0.5, ease: \"none\" }, \r\n            \"<0.2\" \/\/ Come\u00e7a a pintar enquanto o texto ainda est\u00e1 subindo\r\n        )\r\n\r\n        \/\/ 4. BOT\u00c3O: Ganha escala e opacidade no final\r\n        .fromTo(blocoEsq.querySelector('.elementor-widget-button, .btn-bncc-primary2'),\r\n            { y: 20, opacity: 0, scale: 0.9 },\r\n            { y: 0, opacity: 1, scale: 1, ease: \"none\" },\r\n            \"<0.1\"\r\n        );\r\n    }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* Importando a Epilogue caso o Elementor n\u00e3o a carregue por padr\u00e3o nesta se\u00e7\u00e3o *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Epilogue:wght@400;700&display=swap');\r\n\r\n\/* Reset para evitar piscar na tela (FOUC) antes do GSAP agir *\/\r\n.fornecedores-bloco .elementor-widget-heading,\r\n.fornecedores-bloco .elementor-widget-text-editor,\r\n.fornecedores-bloco .elementor-widget-html,\r\n.fornecedores-bloco .elementor-widget-button,\r\n.fornecedores-bloco .btn-bncc-primary2 {\r\n    will-change: transform, opacity;\r\n}\r\n\r\n\/* O Segredo do Marca-Texto Controlado por GSAP *\/\r\n.fornecedores-bloco {\r\n    --h-width: 0%; \/* Vari\u00e1vel animada pelo JavaScript *\/\r\n}\r\n\r\n\/* Tipografia exata e responsiva *\/\r\n.fornecedores-texto-animado {\r\n    font-family: 'Epilogue', sans-serif !important;\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #0F172A; \/* Azul Slate 900 *\/\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\/* O grifo din\u00e2mico (Marca-Texto) *\/\r\n.bncc-highlight {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: #0F172A;\r\n    font-weight: 700;\r\n    padding: 0 4px;\r\n    \r\n    \/* Fundo desenhado pelo GSAP *\/\r\n    background-image: linear-gradient(#F97316, #F97316); \/* Laranja BNCC *\/\r\n    background-size: var(--h-width) 10px; \r\n    background-repeat: no-repeat;\r\n    background-position: left bottom 2px;\r\n}\r\n\r\n\/* \ud83d\udcf1 RESPONSIVIDADE (Mobile) *\/\r\n@media (max-width: 768px) {\r\n    .fornecedores-texto-animado {\r\n        font-size: 15px; \/* Redu\u00e7\u00e3o sutil para telas pequenas *\/\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .bncc-highlight {\r\n        background-size: var(--h-width) 8px; \/* Afina o grifo no mobile para acompanhar a fonte menor *\/\r\n        background-position: left bottom 1px;\r\n    }\r\n}\r\n\r\n\/* 1. Transforma o bot\u00e3o nativo do Elementor no nosso Padr\u00e3o B2B Premium *\/\r\n.fornecedores-bloco .elementor-button {\r\n    position: relative;\r\n    background-color: #0F172A !important; \/* Base Slate 900 *\/\r\n    color: #FFFFFF !important;\r\n    font-family: 'Epilogue', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 16px !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    padding: 18px 40px !important;\r\n    border-radius: 4px !important;\r\n    border: none !important;\r\n    overflow: hidden;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    z-index: 1;\r\n}\r\n\r\n\/* 2. Cria o Fundo Laranja expansivo invis\u00edvel *\/\r\n.fornecedores-bloco .elementor-button::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: #F97316 !important; \/* Laranja Seguran\u00e7a *\/\r\n    z-index: -1;\r\n    transform: scaleX(0); \/* Escondido *\/\r\n    transform-origin: left; \/* Nasce da esquerda *\/\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* 3. A M\u00e1gica no Hover (Passar o mouse) *\/\r\n.fornecedores-bloco .elementor-button:hover {\r\n    transform: translateY(-4px) !important; \/* Eleva\u00e7\u00e3o t\u00e1til *\/\r\n    box-shadow: 0 12px 24px rgba(249, 115, 22, 0.3) !important; \/* Sombra laranja *\/\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* Preenche o bot\u00e3o com o fundo laranja *\/\r\n.fornecedores-bloco .elementor-button:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-242ed9f e-con-full e-flex e-con e-child\" data-id=\"242ed9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43a6a5f elementor-widget elementor-widget-html\" data-id=\"43a6a5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bncc-timeline-container\">\r\n  <div class=\"bncc-timeline-line\"><\/div>\r\n\r\n  <div class=\"bncc-timeline-item\">\r\n    <div class=\"bncc-timeline-dot\"><\/div>\r\n    <div class=\"bncc-timeline-content\">\r\n      <span class=\"bncc-year\">Desde 1999<\/span>\r\n      <h3 class=\"bncc-title\">Funda\u00e7\u00e3o e Especializa\u00e7\u00e3o: Blocos e Argamassas<\/h3>\r\n      <p class=\"bncc-desc\">In\u00edcio das opera\u00e7\u00f5es focadas no fornecimento estrutural. Ao longo de mais de duas d\u00e9cadas, consolidamos a expertise t\u00e9cnica e o atendimento consultivo exclusivo para grandes construtoras.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bncc-timeline-item\">\r\n    <div class=\"bncc-timeline-dot\"><\/div>\r\n    <div class=\"bncc-timeline-content\">\r\n      <span class=\"bncc-year\">2002 a 2010<\/span>\r\n      <h3 class=\"bncc-title\">Inova\u00e7\u00e3o em Larga Escala: Kit Porta Pronta<\/h3>\r\n      <p class=\"bncc-desc\">Pioneirismo na implanta\u00e7\u00e3o do projeto em S\u00e3o Paulo. Estabelecemos parcerias estrat\u00e9gicas com as principais madeireiras do pa\u00eds, representando mais de 20 fabricantes e instaladores de alto padr\u00e3o.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bncc-timeline-item\">\r\n    <div class=\"bncc-timeline-dot\"><\/div>\r\n    <div class=\"bncc-timeline-content\">\r\n      <span class=\"bncc-year\">2004 a 2009<\/span>\r\n      <h3 class=\"bncc-title\">Redu\u00e7\u00e3o de Custos: Granitos Direto da F\u00e1brica<\/h3>\r\n      <p class=\"bncc-desc\">Em parceria direta com f\u00e1bricas de Guarapari (ES), iniciamos o fornecimento de bancadas e pisos de granito direto da pedreira para o canteiro de obras, reduzindo drasticamente os custos do mercado intermedi\u00e1rio.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddec729 elementor-widget elementor-widget-html\" data-id=\"ddec729\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    \/\/ 1. Anima a Linha crescendo conforme o usu\u00e1rio faz o scroll\r\n    gsap.to(\".bncc-timeline-line\", {\r\n        height: \"100%\", \/\/ Preenche a linha at\u00e9 o fim\r\n        ease: \"none\",\r\n        scrollTrigger: {\r\n            trigger: \".bncc-timeline-container\",\r\n            start: \"top center\", \/\/ Come\u00e7a quando o topo da timeline chega no meio da tela\r\n            end: \"bottom center\", \/\/ Termina quando o fim da timeline chega no meio da tela\r\n            scrub: 1 \/\/ Amarra a anima\u00e7\u00e3o \u00e0 roda do mouse do usu\u00e1rio\r\n        }\r\n    });\r\n\r\n    \/\/ 2. Anima os Cards aparecendo um por um em cascata\r\n    const timelineItems = gsap.utils.toArray('.bncc-timeline-item');\r\n    \r\n    timelineItems.forEach((item, index) => {\r\n        gsap.to(item, {\r\n            y: 0,\r\n            opacity: 1,\r\n            duration: 0.8,\r\n            ease: \"power3.out\",\r\n            scrollTrigger: {\r\n                trigger: item,\r\n                start: \"top 85%\", \/\/ Dispara quando cada card chega a 85% da tela\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba5e04a e-flex e-con-boxed e-con e-parent\" data-id=\"ba5e04a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-eac780a e-flex e-con-boxed e-con e-child\" data-id=\"eac780a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7f1992b e-con-full col-imagem-frente e-flex e-con e-child\" data-id=\"7f1992b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e262201 kb-image  elementor-widget elementor-widget-image\" data-id=\"e262201\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/url_qrcodecreator.com_14_47_13.png\" class=\"attachment-large size-large wp-image-1114\" alt=\"\" srcset=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/url_qrcodecreator.com_14_47_13.png 1024w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/url_qrcodecreator.com_14_47_13-300x300.png 300w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/url_qrcodecreator.com_14_47_13-150x150.png 150w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/06\/url_qrcodecreator.com_14_47_13-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffa1e22 elementor-widget elementor-widget-html\" data-id=\"ffa1e22\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    \/\/ 1. Ken Burns na Imagem (Zoom Lento atrelado ao Scroll)\r\n    gsap.to(\".col-imagem-frente img\", {\r\n        scale: 1.15,\r\n        ease: \"none\",\r\n        scrollTrigger: {\r\n            trigger: \".col-imagem-frente\",\r\n            start: \"top 90%\", \/\/ Inicia quando a imagem aponta na tela\r\n            end: \"bottom 10%\", \r\n            scrub: 1 \/\/ Mant\u00e9m o movimento fluido\r\n        }\r\n    });\r\n\r\n    \/\/ 2. O Efeito Gaveta: O Texto saindo de tr\u00e1s da Imagem\r\n    gsap.fromTo(\".col-texto-atras\",\r\n        {\r\n            x: -150,      \/\/ Come\u00e7a 150px deslocado para a ESQUERDA (embaixo da imagem)\r\n            opacity: 0    \/\/ Come\u00e7a invis\u00edvel para n\u00e3o piscar\r\n        },\r\n        {\r\n            x: 0,         \/\/ Desliza para a posi\u00e7\u00e3o normal (Direita)\r\n            opacity: 1,   \/\/ Fica 100% vis\u00edvel\r\n            ease: \"power2.out\",\r\n            scrollTrigger: {\r\n                trigger: \".col-imagem-frente\", \/\/ Usa a imagem como gatilho de tempo\r\n                start: \"top 75%\", \/\/ Inicia o deslize quando a imagem chega a 75% da tela\r\n                end: \"center center\", \/\/ Termina quando a imagem chega no meio\r\n                scrub: 1 \/\/ O texto sai gradualmente conforme o usu\u00e1rio rola o mouse!\r\n            }\r\n        }\r\n    );\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* 1. FOR\u00c7A a coluna da Imagem a ficar na frente de TUDO no Elementor *\/\r\n.col-imagem-frente {\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n}\r\n\r\n\/* Esconde as bordas do zoom para n\u00e3o vazar a imagem *\/\r\n.col-imagem-frente .elementor-widget-container,\r\n.col-imagem-frente .elementor-image {\r\n    overflow: hidden !important;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* Remove restri\u00e7\u00f5es do Elementor na imagem *\/\r\n.col-imagem-frente img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: none !important;\r\n    will-change: transform;\r\n}\r\n\r\n\/* 2. FOR\u00c7A a coluna do Texto a ficar na camada de tr\u00e1s *\/\r\n.col-texto-atras {\r\n    position: relative !important;\r\n    z-index: 1 !important; \r\n    will-change: transform, opacity;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e56a6ba e-con-full col-texto-atras e-flex e-con e-child\" data-id=\"e56a6ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-519403a elementor-widget elementor-widget-heading\" data-id=\"519403a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Envie sua cota\u00e7\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b95476a content-reveal elementor-widget elementor-widget-text-editor\" data-id=\"b95476a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Escaneie o QR Code e envie sua planilha de cota\u00e7\u00e3o. Nossa equipe retornar\u00e1 o mais r\u00e1pido poss\u00edvel com as melhores condi\u00e7\u00f5es para o seu atendimento.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cae8c80 e-con-full e-flex e-con e-parent\" data-id=\"cae8c80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e87b363 pasta-b2b-wrapper e-flex e-con-boxed e-con e-child\" data-id=\"e87b363\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b80d9f3 elementor-widget elementor-widget-html\" data-id=\"b80d9f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pasta-b2b-aba\">\r\n    <span>Entre em Contato<\/span>\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc90cb6 e-con-full pasta-b2b-conteudo e-flex e-con e-child\" data-id=\"bc90cb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ec96ed2 e-con-full contato-texto-esq e-flex e-con e-child\" data-id=\"ec96ed2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d88fcc6 elementor-widget elementor-widget-heading\" data-id=\"d88fcc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pronto para otimizar os suprimentos da sua obra?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dff429 content-reveal elementor-widget elementor-widget-text-editor\" data-id=\"4dff429\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Envie as especifica\u00e7\u00f5es do seu projeto ou a sua lista de insumos. Nossa equipe t\u00e9cnica far\u00e1 a an\u00e1lise da sua demanda e retornar\u00e1 rapidamente com uma proposta comercial estrat\u00e9gica, garantindo o volume necess\u00e1rio, pontualidade log\u00edstica e rigoroso atendimento \u00e0s normas da ABNT.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29376f9 elementor-widget elementor-widget-html\" data-id=\"29376f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/contato\" class=\"btn-bncc-primary3\">\r\n  FALE CONOSCO\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-148f09c e-con-full contato-form-dir e-flex e-con e-child\" data-id=\"148f09c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39392f6 elementor-widget elementor-widget-heading\" data-id=\"39392f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mande uma mensagem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0259f1 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"b0259f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Pr\\u00f3ximo&quot;,&quot;step_previous_label&quot;:&quot;Anterior&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Contato\" aria-label=\"Contato\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"17\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"b0259f1\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"17\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNome\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nome\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTelefone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Telefone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Apenas n\u00fameros e caracteres de telefone (#, -, *, etc.) s\u00e3o aceitos.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_1d2b7f3 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_1d2b7f3\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_1d2b7f3]\" id=\"form-field-field_1d2b7f3\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"E-mail\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMensagem\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Mensagem\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0e3323 elementor-widget elementor-widget-html\" data-id=\"d0e3323\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    const secaoContato = document.querySelector('.pasta-b2b-conteudo');\r\n\r\n    if (secaoContato) {\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n            isDesktop: \"(min-width: 769px)\",\r\n            isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n            let { isDesktop } = context.conditions;\r\n\r\n            if (isDesktop) {\r\n                \/\/ \ud83d\udcbb L\u00d3GICA DO COMPUTADOR: Lado a lado (Efeito Pasta B2B com Scrub)\r\n                const tlContato = gsap.timeline({\r\n                    scrollTrigger: {\r\n                        trigger: secaoContato,\r\n                        start: \"top 85%\", \r\n                        end: \"top 40%\",  \r\n                        scrub: 1 \r\n                    }\r\n                });\r\n\r\n                tlContato.fromTo(\".contato-texto-esq .elementor-widget\",\r\n                    { x: -80, opacity: 0 },\r\n                    { x: 0, opacity: 1, stagger: 0.15, ease: \"power1.out\" }\r\n                )\r\n                .fromTo(\".contato-form-dir\",\r\n                    { x: 80, opacity: 0 },\r\n                    { x: 0, opacity: 1, ease: \"power1.out\" },\r\n                    \"<0.1\" \/\/ Sincroniza para se encontrarem no meio\r\n                );\r\n\r\n            } else {\r\n                \/\/ \ud83d\udcf1 L\u00d3GICA DO CELULAR: Empilhados (Gatilhos Independentes)\r\n                \r\n                \/\/ 1. O Texto s\u00f3 anima quando ele aparece\r\n                gsap.fromTo(\".contato-texto-esq .elementor-widget\",\r\n                    { y: 50, opacity: 0 },\r\n                    { \r\n                        y: 0, opacity: 1, stagger: 0.15, duration: 1, ease: \"power2.out\",\r\n                        scrollTrigger: {\r\n                            trigger: \".contato-texto-esq\", \/\/ O gatilho agora \u00e9 o pr\u00f3prio texto\r\n                            start: \"top 85%\", \/\/ Dispara quando o texto chega a 85% da tela\r\n                            toggleActions: \"play none none reverse\" \/\/ Tira o scrub no form para n\u00e3o atrapalhar a digita\u00e7\u00e3o\r\n                        }\r\n                    }\r\n                );\r\n\r\n                \/\/ 2. O Formul\u00e1rio s\u00f3 anima quando o usu\u00e1rio rolar at\u00e9 ele\r\n                gsap.fromTo(\".contato-form-dir\",\r\n                    { y: 50, opacity: 0 },\r\n                    { \r\n                        y: 0, opacity: 1, duration: 1, ease: \"power2.out\",\r\n                        scrollTrigger: {\r\n                            trigger: \".contato-form-dir\", \/\/ O gatilho agora \u00e9 o pr\u00f3prio formul\u00e1rio\r\n                            start: \"top 85%\", \/\/ Dispara s\u00f3 quando o formul\u00e1rio aponta na tela\r\n                            toggleActions: \"play none none reverse\" \r\n                        }\r\n                    }\r\n                );\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* PREVEN\u00c7\u00c3O DE FOUC (Flash of Unstyled Content) *\/\r\n.contato-texto-esq .elementor-widget,\r\n.contato-form-dir {\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* PREVEN\u00c7\u00c3O DE FOUC (Flash of Unstyled Content) *\/\r\n.contato-texto-esq .elementor-widget,\r\n.contato-form-dir {\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9934c89 e-con-full e-flex e-con e-parent\" data-id=\"9934c89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c106d7c e-flex e-con-boxed e-con e-child\" data-id=\"c106d7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f071e4c e-con-full col-texto-esq e-flex e-con e-child\" data-id=\"f071e4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2a7c0 elementor-widget elementor-widget-heading\" data-id=\"5f2a7c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Compromisso Ambiental S\u00f3lido<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be17ca9 content-reveal elementor-widget elementor-widget-text-editor\" data-id=\"be17ca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tA sustentabilidade est\u00e1 no alicerce das nossas opera\u00e7\u00f5es. Cumprimos rigorosamente as normas ambientais e otimizamos a nossa log\u00edstica para reduzir a pegada de carbono.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e3d2f5 elementor-widget elementor-widget-html\" data-id=\"8e3d2f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/fornecedores\/#ambiental\" class=\"btn-bncc-primary3\">\r\n  SAIBA MAIS \r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8143515 e-con-full col-imagem-dir e-flex e-con e-child\" data-id=\"8143515\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-206e694 kb-image elementor-widget elementor-widget-image\" data-id=\"206e694\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"840\" src=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/planta.jpg\" class=\"attachment-full size-full wp-image-263\" alt=\"\" srcset=\"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/planta.jpg 1000w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/planta-300x252.jpg 300w, https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-content\/uploads\/2026\/03\/planta-768x645.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afe243e elementor-widget elementor-widget-html\" data-id=\"afe243e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n    \/\/ Criamos a regra responsiva do GSAP\r\n    let mm = gsap.matchMedia();\r\n\r\n    mm.add({\r\n        isDesktop: \"(min-width: 769px)\",\r\n        isMobile: \"(max-width: 768px)\"\r\n    }, (context) => {\r\n        let { isMobile } = context.conditions;\r\n\r\n        \/\/ 1. Zoom na Imagem (Funciona igual em ambas as telas)\r\n        gsap.to(\".col-imagem-dir img\", {\r\n            scale: 1.15,\r\n            ease: \"none\",\r\n            scrollTrigger: {\r\n                trigger: \".col-imagem-dir\",\r\n                start: \"top 90%\",\r\n                end: \"bottom 10%\", \r\n                scrub: 1\r\n            }\r\n        });\r\n\r\n        \/\/ 2. O Efeito Gaveta Inteligente\r\n        gsap.fromTo(\".col-texto-esq\",\r\n            {\r\n                \/\/ SE for Desktop, desloca no eixo X (lados). SE for Mobile, desloca no eixo Y (sobe).\r\n                x: isMobile ? 0 : 150,  \r\n                y: isMobile ? 80 : 0,   \r\n                opacity: 0\r\n            },\r\n            {\r\n                x: 0,         \r\n                y: 0,\r\n                opacity: 1,\r\n                ease: \"power2.out\",\r\n                scrollTrigger: {\r\n                    trigger: \".col-imagem-dir\", \r\n                    start: \"top 75%\", \r\n                    end: \"center center\",\r\n                    scrub: 1 \r\n                }\r\n            }\r\n        );\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\r\n\r\n\/* 1. Imagem na frente *\/\r\n.col-imagem-dir {\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n}\r\n\r\n.col-imagem-dir .elementor-widget-container,\r\n.col-imagem-dir .elementor-image {\r\n    overflow: hidden !important;\r\n    border-radius: 4px;\r\n}\r\n\r\n.col-imagem-dir img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: none !important;\r\n    will-change: transform;\r\n}\r\n\r\n\/* 2. Texto atr\u00e1s *\/\r\n.col-texto-esq {\r\n    position: relative !important;\r\n    z-index: 1 !important; \r\n    will-change: transform, opacity;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Direto da Ind\u00fastria para a sua Obra. Qualidade certificada, volume garantido e custo de f\u00e1brica. Fornecedores Todos nossos fornecedores atendem o Manual de Desempenho ABNT 15575 e as normas da NBR 7173 e NBR 6136. As empresas s\u00e3o participantes da BLOCO BRASILe SINAPROCIM com os selos da ABCP e PSQ Todos nossos fornecedores atendem o [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":436,"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":1357,"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/pages\/17\/revisions\/1357"}],"wp:attachment":[{"href":"https:\/\/desenvolvesmssites.com.br\/grupobncc\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}