Anima App<\/title><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><script>tailwind.config = {\n content: [],\n theme: {\n extend: {\n fontFamily: {\n ubuntu: [\n 'Ubuntu',\n 'Arial',\n 'Helvetica',\n 'sans-serif'\n ],\n arial: [\n 'Arial'\n ],\n apple_system: [\n '-apple-system',\n 'BlinkMacSystemFont',\n 'Segoe UI',\n 'Roboto',\n 'Oxygen-Sans',\n 'Ubuntu',\n 'Cantarell',\n 'Helvetica Neue',\n 'sans-serif'\n ],\n dashicons: [\n 'dashicons'\n ],\n awb_icons: [\n 'awb-icons'\n ],\n orbitron: [\n 'orbitron',\n 'Arial',\n 'Helvetica',\n 'sans-serif'\n ],\n font_awesome_5_free: [\n 'Font Awesome 5 Free'\n ],\n times_new_roman: [\n 'Times New Roman'\n ],\n roboto: [\n 'Roboto',\n 'Helvetica'\n ],\n courier_new: [\n 'Courier New',\n 'monospace'\n ],\n montserrat: [\n 'Montserrat'\n ],\n siq: [\n 'siq'\n ]\n }\n }\n }\n};\n<\/script><style>@font-face {\n \/* This font could not be included automatically because of legal reasons. Please add it manually or switch to another font *\/\n font-family: 'dashicons';\n font-weight: 400;\n font-style: normal;\n }\n <\/style><\/head><body><link href=\"https:\/\/fonts.googleapis.com\/css?family=Orbitron:900\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ubuntu:wght@400;700&display=swap\" rel=\"stylesheet\"><style>\/* Reset styles *\/\n* {\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nhtml, body {\n margin: 0;\n padding: 0;\n width: 100%;\n overflow-x: hidden;\n}\n\n\/* Section styles *\/\n.new-tpe-attend-header-section {\n width: 100vw;\n height: 521px;\n position: relative;\n contain: layout size;\n margin: 0 !important;\n padding: 0 !important;\n box-sizing: border-box;\n overflow: hidden;\n max-width: none !important;\n background-color: #090B29;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n}\n\n.new-tpe-attend-header-overlap {\n width: 100%;\n position: relative;\n height: 100%;\n overflow: hidden;\n margin: 0;\n padding: 0;\n left: 0;\n right: 0;\n}\n\n.new-tpe-attend-header-video-elements {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.new-tpe-attend-header-overlap-group {\n position: relative;\n height: 100%;\n}\n\n.new-tpe-attend-header-video {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n}\n\n.new-tpe-attend-header-background-video {\n position: absolute;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n background-color: #090B29;\n min-width: 100%;\n}\n\n.new-tpe-attend-header-video-overlay {\n display: none;\n}\n\n.new-tpe-attend-header-hero-section {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.new-tpe-attend-header-hero-overlap-group {\n position: relative;\n height: 100%;\n}\n\n.new-tpe-attend-header-cutout-image {\n position: absolute;\n width: 838px;\n height: auto;\n max-height: 100%;\n top: 0;\n right: 0;\n object-fit: contain;\n z-index: 3;\n}\n\n.new-tpe-attend-header-gradient-overlay {\n position: absolute;\n width: 100%;\n height: 135px;\n bottom: 0;\n left: 0;\n transform: rotate(-180.00deg);\n background: linear-gradient(\n 180deg,\n rgba(9, 11, 41, 1) 0%,\n rgba(9, 11, 41, 0) 100%\n );\n z-index: 4;\n}\n\n.new-tpe-attend-header-cta {\n display: flex;\n flex-direction: column;\n width: 800px;\n height: 348px;\n align-items: flex-start;\n gap: 27px;\n position: absolute;\n top: 75px;\n left: 150px;\n padding-right: 0;\n z-index: 5;\n}\n\n.new-tpe-attend-header-cta-buttons {\n display: flex;\n flex-direction: row;\n gap: 20px;\n align-items: center;\n}\n\n.new-tpe-attend-header-main-headline {\n position: relative;\n align-self: stretch;\n margin-top: -1.00px;\n text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.8);\n font-family: \"Orbitron\", Helvetica;\n font-weight: 900;\n color: #a8ff03;\n font-size: 90px;\n letter-spacing: 0;\n line-height: 90px;\n -webkit-text-stroke: 2px rgba(0, 0, 0, 0.3);\n}\n\n.new-tpe-attend-header-subheadline {\n position: relative;\n color: #ffffff;\n font-family: \"Ubuntu\", sans-serif;\n font-weight: 700;\n font-size: 20px;\n line-height: 28px;\n text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6);\n}\n\n.new-tpe-attend-header-primary-cta {\n all: unset;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 9px 30px;\n position: relative;\n flex: 0 0 auto;\n border-radius: 50px;\n background: linear-gradient(\n 180deg,\n rgba(168, 255, 3, 1) 0%,\n rgba(87, 194, 35, 1) 100%\n );\n cursor: pointer;\n transition: all 0.3s ease;\n min-width: 200px;\n}\n\n.new-tpe-attend-header-primary-cta:hover {\n box-shadow: 0 0 25px rgba(168, 255, 3, 1), 0 0 40px rgba(168, 255, 3, 0.6);\n}\n\n.new-tpe-attend-header-secondary-cta {\n all: unset;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 9px 30px;\n position: relative;\n flex: 0 0 auto;\n border-radius: 50px;\n background: transparent;\n border: 3px solid #a8ff03;\n cursor: pointer;\n transition: all 0.3s ease;\n min-width: 200px;\n}\n\n.new-tpe-attend-header-secondary-cta:hover {\n background: #a8ff03;\n box-shadow: 0 0 20px rgba(168, 255, 3, 0.5);\n}\n\n.new-tpe-attend-header-secondary-cta .new-tpe-attend-header-cta-label {\n color: #ffffff;\n transition: color 0.3s ease;\n}\n\n.new-tpe-attend-header-secondary-cta:hover .new-tpe-attend-header-cta-label {\n color: #141523;\n}\n\n.new-tpe-attend-header-cta-label {\n position: relative;\n width: fit-content;\n margin-top: -1.00px;\n font-family: \"Orbitron\", Helvetica;\n font-weight: 900;\n color: #141523;\n font-size: 18.3px;\n letter-spacing: 0.91px;\n line-height: 26.1px;\n white-space: nowrap;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 1200px) {\n .new-tpe-attend-header-cutout-image {\n width: 600px;\n right: 0;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 70px;\n line-height: 70px;\n }\n}\n\n@media (max-width: 992px) {\n .new-tpe-attend-header-cta {\n left: 40px;\n width: 450px;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 60px;\n line-height: 60px;\n }\n}\n\n@media (max-width: 768px) {\n .new-tpe-attend-header-section {\n height: 100vw;\n min-height: 521px;\n width: 100vw !important;\n max-width: none !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n \n .new-tpe-attend-header-cutout-image {\n width: 600px;\n top: auto;\n bottom: 0;\n right: 55%;\n transform: translateX(50%);\n }\n \n .new-tpe-attend-header-cta {\n width: 100%;\n padding: 0 20px;\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n text-align: center;\n top: 40px;\n height: auto;\n gap: 20px;\n }\n \n .new-tpe-attend-header-cta-buttons {\n flex-direction: column;\n width: 100%;\n align-items: center;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 75px;\n line-height: 60px;\n text-align: center;\n margin-left: 0;\n margin-top: 0;\n }\n \n .new-tpe-attend-header-subheadline {\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n margin-left: 0;\n }\n}\n\n@media (max-width: 576px) {\n .new-tpe-attend-header-section {\n width: 100vw !important;\n max-width: none !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n \n .new-tpe-attend-header-cta {\n top: 30px;\n padding: 0 15px;\n }\n \n .new-tpe-attend-header-cutout-image {\n width: 300px;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 40px;\n line-height: 40px;\n text-align: center;\n }\n \n .new-tpe-attend-header-subheadline {\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n }\n \n .new-tpe-attend-header-primary-cta,\n .new-tpe-attend-header-secondary-cta {\n width: 90%;\n max-width: 300px;\n padding: 12px 30px;\n }\n \n .new-tpe-attend-header-cta-label {\n font-size: 16px;\n }\n}\n<\/style><div class=\"new-tpe-attend-header-section\"><div class=\"new-tpe-attend-header-overlap\"><div class=\"new-tpe-attend-header-video-elements\"><div class=\"new-tpe-attend-header-overlap-group\"><div class=\"new-tpe-attend-header-video\"><video class=\"new-tpe-attend-header-background-video\" autoplay loop muted playsinline preload=\"auto\"><source src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/10\/vivid-colorful-purple-blue-pink-of-acrylic-paint-d-2025-08-28-14-34-22-utc.mp4\" type=\"video\/mp4\"><\/video><div class=\"new-tpe-attend-header-video-overlay\"><\/div><\/div><div class=\"new-tpe-attend-header-hero-section\"><div class=\"new-tpe-attend-header-hero-overlap-group\"><img decoding=\"async\" class=\"lazyload new-tpe-attend-header-cutout-image\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2025\/10\/Cut-Out-Male-01-Web-Purple-1.png\" loading=\"eager\" \/><div class=\"new-tpe-attend-header-gradient-overlay\"><\/div><\/div><\/div><\/div><\/div><div class=\"new-tpe-attend-header-cta\"><div class=\"new-tpe-attend-header-main-headline\">WHY ATTEND<br\/>TPE?<\/div><div class=\"new-tpe-attend-header-subheadline\">If you sell smoke, vape, or alternative products \u2014 this is your show.<\/div><div class=\"new-tpe-attend-header-cta-buttons\"><a href=\"https:\/\/registration.experientevent.com\/ShowTPE261?_gl=1*1ye04te*_gcl_au*MTAwOTkzMjI5MC4xNzU3\" class=\"new-tpe-attend-header-primary-cta\"><div class=\"new-tpe-attend-header-cta-label\">REGISTER<\/div><\/a><a href=\"https:\/\/totalproductexpo.com\/attend\/\" class=\"new-tpe-attend-header-secondary-cta\"><div class=\"new-tpe-attend-header-cta-label\">LEARN MORE<\/div><\/a><\/div><\/div><\/div><\/div><script>\/\/ Ensure video loads properly\ndocument.addEventListener('DOMContentLoaded', function() {\n const video = document.querySelector('.new-tpe-attend-header-background-video');\n \n \/\/ Reload video if it fails to load\n video.addEventListener('error', function() {\n setTimeout(function() {\n video.load();\n }, 1000);\n });\n \n \/\/ Add click event tracking to button (optional, since it's now a link)\n document.querySelector('.new-tpe-attend-header-primary-cta').addEventListener('click', function() {\n console.log('Get Started button clicked');\n \/\/ You can add analytics tracking here\n });\n});\n<\/script><\/body><\/html><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling hero\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#090b29;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:102% !important;max-width:102% !important;margin-left: calc(-2% \/ 2 );margin-right: calc(-2% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-spacing-right-large:0.98%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0.98%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0.98%;--awb-spacing-left-medium:0.98%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0.98%;--awb-spacing-left-small:0.98%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div>\n\n\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TPE - Exposi\u00e7\u00e3o Total de Produtos<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"estilos.css\">\n <script>\n tailwind.config = {\n content: [],\n theme: {\n extend: {\n fontFamily: {\n ubuntu: ['Ubuntu'],\n arial: ['Arial'],\n orbitron: ['orbitron', 'Arial', 'Helvetica', 'sans-serif'],\n font_awesome_5_free: ['Font Awesome 5 Free'],\n awb_icons: ['awb-icons'],\n sans_serif: ['sans-serif'],\n roboto: ['Roboto', 'Helvetica', 'Arial', 'sans-serif'],\n montserrat: ['Montserrat'],\n siq: ['siq']\n }\n }\n }\n };\n <\/script>\n\n\n \n \n <div class=\"wp-full-width-container\">\n\n \n <div class=\"box-border overflow-x-hidden w-full\">\n <div class=\"relative bg-slate-900 box-border w-full\">\n <div class=\"relative box-border -top-px\"><\/div>\n\n <main class=\"main-container bg-slate-900 bg-no-repeat box-border clear-both w-full overflow-x-hidden\">\n <div class=\"box-border flex flex-wrap w-full overflow-hidden md:block md:flex-nowrap\">\n <section class=\"box-border float-left min-h-px min-w-[auto] w-full md:min-w-0\">\n \n \n \n <div class=\"relative box-border mt-4 pt-4 md:mt-6 md:pt-6\">\n <div class=\"relative bg-slate-900 bg-no-repeat box-border flex justify-center w-full bg-center\">\n <div class=\"relative items-start box-border flex basis-[0%] grow flex-wrap max-w-full w-full z-10\">\n <div class=\"relative box-border flex shrink-0 float-left w-full\">\n <div class=\"bg-no-repeat bg-cover box-border flex flex-col justify-start min-h-px w-full\">\n \n \n <div class=\"stats-desktop relative box-border hidden min-h-0 min-w-0 w-full overflow-visible pt-4 pb-0 mb-0 md:block md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative box-border w-full left-0\">\n <div class=\"stats-desktop items-center box-border gap-x-[95px] flex justify-center gap-y-[95px] w-full py-4 pb-0\">\n \n <div class=\"stat-card relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"stat-number relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"72\">0<\/span>\n <\/div>\n <p class=\"stat-text relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">horas repletas de todas as melhores ofertas<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"500\">0<\/span>\n <span class=\"box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\">+<\/span>\n <\/div>\n <p class=\"relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">expositores que voc\u00ea deseja que<br class=\"box-border\">conhe\u00e7a<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"47\">0<\/span>\n <span class=\"box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\">+<\/span>\n <\/div>\n <p class=\"relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">categorias que seus clientes desejam<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"98\">0<\/span>\n <span class=\"box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\">%<\/span>\n <\/div>\n <p class=\"relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">dos participantes compram novos produtos no local<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stats-mobile stats-section bg-slate-900 box-border block min-h-[auto] min-w-[auto] w-full overflow-hidden mt-0 py-10 md:hidden md:min-h-0 md:min-w-0 md:mt-0\">\n <div class=\"items-center box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"72\">0<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">horas repletas de todas as melhores ofertas<\/p>\n <\/div>\n <\/div>\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"500\">0<\/span>\n <span class=\"box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\">+<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">expositores que voc\u00ea deseja que<br class=\"box-border\">conhe\u00e7a<\/p>\n <\/div>\n <\/div>\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"47\">0<\/span>\n <span class=\"box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\">+<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">categorias que seus clientes desejam<\/p>\n <\/div>\n <\/div>\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"98\">0<\/span>\n <span class=\"box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\">%<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">dos participantes compram novos produtos no local<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"in-store-at-TPE\" class=\"whats-in-store-section section-container relative bg-slate-900 box-border h-auto min-h-[1000px] w-full mt-0 -mb-5 pb-[50px] md:h-[841px] md:min-h-[auto] md:pb-0 md:mt-0\">\n <div class=\"relative box-border h-auto min-h-[1000px] top-[-155px] w-full max-w-none mx-0 md:h-[1266px] md:min-h-0\" style=\"min-height: auto; padding-bottom: 2rem; margin-bottom: 2rem;\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/mesh-grid-ring.svg\" class=\"lazyload absolute box-border h-[253px] max-w-full w-[204px] right-0 top-[1110px] md:top-[867px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/3N4MzpHC\/img\/radial-gradient-1@4x.png\" class=\"lazyload absolute box-border h-[1266px] max-w-[1018px] w-[70%] left-0 top-0\">\n \n <div class=\"whats-in-store-container absolute items-start box-border gap-x-[30px] flex flex-col justify-between gap-y-[30px] w-full px-[5%] top-[100px] left-0 md:items-center md:gap-x-[normal] md:flex-row md:gap-y-[normal] md:top-[229px]\">\n \n \n <div class=\"whats-in-store-images relative items-start box-border gap-x-[33px] flex flex-col justify-center order-2 gap-y-[33px] w-full my-[30px] md:order-none md:w-[605px] md:my-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/feature-image.png\" class=\"lazyload relative self-stretch box-border h-auto max-h-[350px] max-w-full object-cover w-full rounded-[15px] md:h-[501px] md:max-h-none\">\n <div class=\"relative items-center self-stretch box-border gap-x-2.5 flex shrink-0 justify-between gap-y-2.5 w-full md:gap-x-[22px] md:justify-normal md:gap-y-[22px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/image-1.png\" class=\"lazyload relative box-border h-auto max-w-full object-cover w-[32%] md:h-[158.83px] md:w-[187px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/image-2.png\" class=\"lazyload relative box-border h-auto max-w-full w-[32%] md:h-[158.83px] md:w-[187px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/image-3.png\" class=\"lazyload relative box-border h-auto max-w-full object-cover w-[32%] md:h-[158.83px] md:w-[187px]\">\n <\/div>\n <\/div>\n \n \n <div class=\"whats-in-store-content relative items-start box-border gap-x-[33px] flex flex-col justify-center order-10 gap-y-[33px] w-full md:order-none md:w-[602px]\">\n <div class=\"relative items-start self-stretch box-border gap-x-5 flex flex-col shrink-0 order-1 gap-y-5 w-full md:gap-x-[25px] md:order-none md:gap-y-[25px]\">\n <p class=\"relative text-[28px] font-bold self-stretch box-border leading-[34px] -mt-px mb-5 font-orbitron md:text-[35px] md:leading-[42px] text-left\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">O QUE EST\u00c1 RESERVADO PARA VOC\u00ca NA TPE 2026:<\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-5 flex flex-col shrink-0 order-3 gap-y-5 w-full mb-[30px] md:gap-x-[35px] md:order-none md:gap-y-[35px] md:mb-0\">\n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Exibi\u00e7\u00f5es de mais de 500 expositores<\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\"> com produtos de tend\u00eancia em tabaco, charuto, vape, alternativos, acess\u00f3rios e muito mais.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Gotas frescas, tend\u00eancias emergentes e inova\u00e7\u00f5es,<\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\"> para que sua loja fique \u00e0 frente das prefer\u00eancias dos clientes.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Conex\u00f5es reais e conversas de alto impacto <\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\">com formadores de opini\u00e3o do setor que influenciam o que est\u00e1 em alta.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Ofertas que voc\u00ea n\u00e3o pode perder. <\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\">Ofertas exclusivas e promo\u00e7\u00f5es especiais que voc\u00ea s\u00f3 encontra aqui.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">A festa noturna do setor <\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\">\u00e9 uma comemora\u00e7\u00e3o completa da qual todos falar\u00e3o.<\/span>\n <\/p>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/totalproductexpo.com\/?_gl=1*1rkjupj*_gcl_au*MjAxOTE1OTcwNi4xNzQ5MTU3MzQx#crmWebToEntityForm\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button-primary feature-button relative items-center self-center bg-[linear-gradient(rgb(168,255,3)_0%,rgb(87,194,35)_100%)] box-border gap-x-2.5 flex shrink-0 justify-center mt-[-50px] order-4 gap-y-2.5 px-[30px] py-3 rounded-[50px] z-[100] md:self-auto md:order-none md:mt-0\" style=\"position: relative; z-index: 1000; pointer-events: auto; cursor: pointer;\">\n <div class=\"relative text-gray-900 text-lg font-black box-border tracking-[0.9px] leading-[26.1px] text-nowrap w-fit -mt-px font-orbitron\" style=\"z-index: 1001; color: #1f2937 !important;\">NOTIFICAR-ME<\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"hero-video-section section-container relative box-border w-full pt-4 pb-8 md:pt-8 md:pb-12\" style=\"margin-top: 5%; position: relative; isolation: isolate; overflow: visible !important;\">\n \n <div class=\"video-radial-gradient\" style=\"position: absolute; display: block; width: 1200px; height: 700px; top: 55%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(66, 52, 205, 0.7) 0%, rgba(66, 52, 205, 0.5) 20%, rgba(66, 52, 205, 0.3) 40%, rgba(33, 26, 103, 0.15) 60%, rgba(33, 26, 103, 0.05) 80%, transparent 100%); z-index: 0; pointer-events: none; filter: blur(40px);\"><\/div>\n <div class=\"relative box-border w-full max-w-6xl mx-auto px-[5%]\" style=\"z-index: 10; position: relative;\">\n \n <p class=\"video-headline text-[28px] font-bold box-border leading-[34px] text-center uppercase mb-4 font-orbitron md:text-[35px] md:leading-[42px] md:mb-6\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">Veja por que todos est\u00e3o falando sobre o TPE<\/p>\n \n \n <p class=\"video-subheadline text-white text-base font-bold box-border leading-6 text-center mb-8 font-ubuntu md:text-xl md:leading-[30px] md:mb-12 max-w-3xl mx-auto\" style=\"text-align: center !important; margin-left: auto !important; margin-right: auto !important; display: block !important; font-weight: 700 !important;\">A energia, as conex\u00f5es e os neg\u00f3cios que tornaram a TPE 2025 inesquec\u00edvel.<\/p>\n \n <div class=\"hero-video relative aspect-video shadow-[rgba(0,0,0,0.3)_0px_10px_30px_0px] box-border w-full max-w-3xl overflow-hidden bg-center mx-auto rounded-[15.23px] cursor-pointer z-20\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/TPE-Day-2-scaled.png\" alt=\"P\u00f4ster de v\u00eddeo\" class=\"lazyload absolute inset-0 w-full h-full object-cover rounded-[15.23px] video-poster\">\n <div class=\"play-button-overlay absolute inset-0 flex items-center justify-center z-10\">\n <div class=\"bg-white rounded-full w-20 h-20 flex items-center justify-center shadow-lg hover:scale-110 transition-transform md:w-24 md:h-24\">\n <svg class=\"w-8 h-8 text-gray-900 ml-1 md:w-10 md:h-10\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <video class=\"absolute inset-0 w-full h-full object-cover rounded-[15.23px] hidden video-element\" controls=\"\">\n <source src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2025\/09\/TPE-Hype-p02_1080p_final.mp4\" type=\"video\/mp4\">\n Seu navegador n\u00e3o \u00e9 compat\u00edvel com a tag de v\u00eddeo.\n <\/source><\/video>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-section section-container relative box-border w-full py-10 md:py-20\">\n <div class=\"relative box-border w-full max-w-none mx-0\">\n \n <div class=\"relative items-center box-border gap-x-10 flex flex-col gap-y-10 w-full z-[1] px-[5%] md:gap-x-[60px] md:gap-y-[60px]\">\n <div class=\"items-center box-border gap-x-10 flex flex-col gap-y-10 w-full mt-[40%] md:gap-x-[60px] md:gap-y-[60px] md:mt-0\">\n <div class=\"items-center box-border gap-x-6 flex flex-col max-w-[1000px] gap-y-6 w-full\">\n <p class=\"feature-text text-[28px] font-bold box-border tracking-[1px] leading-[34px] text-center mb-5 font-orbitron md:text-[35px] md:leading-[42px]\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">O DESTINO FINAL PARA<br class=\"box-border\">VAREJISTAS INDEPENDENTES<\/p>\n <p class=\"text-white text-base font-bold box-border tracking-[0.5px] leading-6 max-w-[879px] text-center mx-auto font-ubuntu md:text-xl md:leading-[30px]\">Encante seus clientes com a variedade de produtos dispon\u00edveis. As categorias incluem: <\/p>\n <\/div>\n \n \n <div class=\"box-border gap-x-[25px] flex flex-col gap-y-[25px] w-full\">\n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"category-item text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">PRODUTOS ALTERNATIVOS DE NICOTINA<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">CBD - FUM\u00c1VEIS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">CIGARETES<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">CIGARROS<\/div>\n <\/div>\n <\/div>\n \n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">E-L\u00cdQUIDOS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">BEBIDAS FUNCIONAIS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">CACHIMBOS DE NARGUIL\u00c9 E TABACO<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">KRATOM\/KAVA<\/div>\n <\/div>\n <\/div>\n \n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">ILUMINADORES<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">ALTERADORES DE HUMOR<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">COGUMELOS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">NOOTR\u00d3PICOS\/ADAPT\u00d3GENOS<\/div>\n <\/div>\n <\/div>\n \n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">TABACO PREMIUM<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">PAP\u00c9IS ROLANTES<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">ACESS\u00d3RIOS PARA FUMANTES<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">VAPES<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/tpe2026.smallworldlabs.com\/exhibitors?utm_medium=website&utm_source=web&utm_campaign=TPE26&utm_content=why-attend-product-categories\" class=\"text-indigo-700 box-border block\">\n <button class=\"cta-button-outline relative items-center bg-transparent inline-flex justify-center border-lime-400 px-2.5 py-3 rounded-[50px] border-[3px] border-solid md:px-[35px] md:py-[15px]\">\n <div class=\"cta-text text-white text-base font-black box-border tracking-[1.5px] leading-[19.2px] text-nowrap font-orbitron md:text-lg md:leading-[21.6px]\">VEJA TODAS AS CATEGORIAS DE PRODUTOS<\/div>\n <\/button>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-container relative box-border w-full\">\n <div class=\"relative box-border flex h-[600px] justify-center w-full max-w-none mx-0\">\n <div class=\"absolute bg-[radial-gradient(50%_50%,rgb(66,52,205)_0%,rgba(33,26,103,0)_100%)] box-border h-[600px] w-full z-0 rounded-[470px] top-0 inset-x-0 md:h-[740px] md:w-[940px] md:right-auto\"><\/div>\n \n <div class=\"relative items-center box-border gap-x-10 flex flex-col gap-y-10 w-full z-[1] px-[5%] py-[15px] md:gap-x-[75px] md:gap-y-[75px] md:pt-5 md:pb-[75px]\">\n <div class=\"relative items-center box-border gap-x-6 flex flex-col shrink-0 max-w-[983px] gap-y-6 w-full\">\n <div class=\"relative text-lime-400 text-[28px] font-bold self-stretch box-border leading-[34px] text-center -mt-px font-orbitron md:text-[35px] md:leading-[42px]\">QUEM VOC\u00ca CONHECER\u00c1?<\/div>\n <p class=\"relative text-transparent text-base font-bold box-border leading-6 max-w-[890px] text-center w-full mb-5 font-ubuntu md:text-xl md:leading-[30px]\">\n <span class=\"text-white text-base box-border leading-6 md:text-xl md:leading-[30px]\">Veja quem est\u00e1 trazendo o burburinho para a sala de exposi\u00e7\u00f5es - confira a lista completa de expositores <\/span>\n <a href=\"https:\/\/tpe2026.smallworldlabs.com\/exhibitors?utm_medium=website&utm_source=web&utm_campaign=TPE26&utm_content=why-attend-exhibitor-list\" class=\"text-indigo-700 text-base box-border leading-6 md:text-xl md:leading-[30px]\">\n <span class=\"text-pink-500 text-base box-border leading-6 underline md:text-xl md:leading-[30px]\">lista de expositores<\/span>\n <\/a>\n <span class=\"text-white text-base box-border leading-6 md:text-xl md:leading-[30px]\"> e mapeie o que voc\u00ea deve ver usando a <\/span>\n <a href=\"https:\/\/s23.a2zinc.net\/clients\/TMG\/TPE25\/Public\/EventMap.aspx?ID=958&Thumbnail=1&utm_medium=website&utm_source=web&utm_campaign=TPE26&utm_content=why-attend-floor-plan\" class=\"text-indigo-700 text-base box-border leading-6 md:text-xl md:leading-[30px]\">\n <span class=\"text-pink-500 text-base box-border leading-6 underline md:text-xl md:leading-[30px]\">planta baixa<\/span>\n <\/a>\n <span class=\"text-white text-base box-border leading-6 md:text-xl md:leading-[30px]\">.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-center box-border gap-x-2.5 flex flex-wrap justify-center max-w-[340px] gap-y-2.5 w-full mx-auto px-2.5 md:gap-x-[34px] md:flex-nowrap md:max-w-[1400px] md:gap-y-[34px] md:px-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/1.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/2.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/3.png\" class=\"lazyload relative aspect-square box-border hidden shrink-0 h-auto max-w-40 min-h-0 min-w-0 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:block md:h-[254px] md:max-w-full md:min-h-[auto] md:min-w-[auto] md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/4.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/5.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-container relative box-border min-h-[420px] w-full\">\n <div class=\"relative box-border min-h-0 w-full max-w-none mx-0 top-10 md:min-h-[581px] md:top-auto\">\n <div class=\"relative items-center box-border gap-x-[30px] flex flex-col gap-y-[30px] w-full px-[5%] py-10 md:gap-x-12 md:gap-y-12 md:py-[60px]\">\n <div class=\"relative items-center self-stretch box-border gap-x-5 flex flex-col shrink-0 justify-between gap-y-5 w-full md:gap-x-[normal] md:flex-row md:gap-y-[normal]\">\n \n \n <button id=\"prev-btn\" class=\"relative items-center box-border gap-x-2 hidden shrink-0 justify-center min-h-0 min-w-0 gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:flex md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative box-border h-6 min-h-0 min-w-0 w-6 md:min-h-[auto] md:min-w-[auto]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector.svg\" alt=\"Anterior\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n \n \n <div class=\"relative box-border h-[337px] w-full overflow-hidden px-2.5 md:px-0\">\n <div id=\"testimonial-container\" class=\"relative box-border h-full w-full\">\n \n <div class=\"testimonial-slide active absolute box-border h-full w-full left-0 top-0 opacity-100 transition-opacity duration-500\">\n <div class=\"relative items-center box-border gap-x-8 flex flex-col gap-y-8 w-full px-[5px] md:px-0\">\n <p class=\"testimonial-text relative text-white text-lg font-bold self-stretch box-border leading-[26px] text-center -mt-px mb-5 px-[15px] font-ubuntu md:text-2xl md:leading-[33.6px] md:px-0\">\n \"Havia tantas coisas, tantas pessoas para conhecer, tantas oportunidades de networking, tantos lounges e charutos dos quais nunca t\u00ednhamos ouvido falar. Ficamos maravilhados quando viemos no ano passado e, quando sa\u00edmos, pensamos: OK, definitivamente temos que voltar aqui.\"\n <\/p>\n <div class=\"relative items-center box-border gap-x-4 flex flex-col shrink-0 gap-y-4 w-[300px]\">\n <div class=\"relative items-start self-stretch box-border flex flex-col shrink-0 w-full\">\n <div class=\"relative text-lime-400 text-lg font-bold self-stretch box-border tracking-[2px] leading-[26px] text-center -mt-px font-orbitron md:text-xl md:leading-[30px]\">WANDA JOHNSON<\/div>\n <p class=\"relative text-lime-400 text-base self-stretch box-border leading-6 text-center mb-5 font-ubuntu md:text-lg md:leading-[27px]\">The Herf Mobile Lounge LLC<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"testimonial-slide absolute box-border h-full w-full left-0 top-0 opacity-0 transition-opacity duration-500\">\n <div class=\"relative items-center box-border gap-x-8 flex flex-col gap-y-8 w-full px-[5px] md:px-0\">\n <p class=\"testimonial-text relative text-white text-lg font-bold self-stretch box-border leading-[26px] text-center -mt-px mb-5 px-[15px] font-ubuntu md:text-2xl md:leading-[33.6px] md:px-0\">\n \"Nossa parte favorita da TPE \u00e9 ter a oportunidade de criar um relacionamento com nossos representantes e empresas, o tempo cara a cara \u00e9 muito valioso, pois somos uma loja pequena e n\u00e3o temos a oportunidade de conhecer os propriet\u00e1rios ou gerentes nacionais em outros lugares al\u00e9m de uma feira como essa.\"\n <\/p>\n <div class=\"relative items-center box-border gap-x-4 flex flex-col shrink-0 gap-y-4 w-[300px]\">\n <div class=\"relative items-start self-stretch box-border flex flex-col shrink-0 w-full\">\n <div class=\"relative text-lime-400 text-lg font-bold self-stretch box-border tracking-[2px] leading-[26px] text-center -mt-px font-orbitron md:text-xl md:leading-[30px]\">KERRY MATTLY<\/div>\n <p class=\"relative text-lime-400 text-base self-stretch box-border leading-6 text-center mb-5 font-ubuntu md:text-lg md:leading-[27px]\">Eu sou o Arizona<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"testimonial-slide absolute box-border h-full w-full left-0 top-0 opacity-0 transition-opacity duration-500\">\n <div class=\"relative items-center box-border gap-x-8 flex flex-col gap-y-8 w-full px-[5px] md:px-0\">\n <p class=\"testimonial-text relative text-white text-lg font-bold self-stretch box-border leading-[26px] text-center -mt-px mb-5 px-[15px] font-ubuntu md:text-2xl md:leading-[33.6px] md:px-0\">\n \"A TPE \u00e9 o lugar perfeito para voc\u00ea descobrir novos produtos e se conectar com fornecedores. A variedade de expositores e a qualidade das oportunidades de networking fazem dela um evento essencial para o crescimento de nossos neg\u00f3cios.\"\n <\/p>\n <div class=\"relative items-center box-border gap-x-4 flex flex-col shrink-0 gap-y-4 w-[300px]\">\n <div class=\"relative items-start self-stretch box-border flex flex-col shrink-0 w-full\">\n <div class=\"relative text-lime-400 text-lg font-bold self-stretch box-border tracking-[2px] leading-[26px] text-center -mt-px font-orbitron md:text-xl md:leading-[30px]\">MIKE RODRIGUEZ<\/div>\n <p class=\"relative text-lime-400 text-base self-stretch box-border leading-6 text-center mb-5 font-ubuntu md:text-lg md:leading-[27px]\">Loja de fumo premium<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button id=\"next-btn\" class=\"relative items-center box-border gap-x-2 hidden shrink-0 justify-center min-h-0 min-w-0 gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:flex md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative box-border h-6 min-h-0 min-w-0 w-6 md:min-h-[auto] md:min-w-[auto]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector-1.svg\" alt=\"Pr\u00f3ximo\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n <\/div>\n \n \n <div class=\"items-center box-border gap-x-5 flex justify-center min-h-[auto] min-w-[auto] gap-y-5 mb-5 md:hidden md:min-h-0 md:min-w-0\">\n <button id=\"prev-btn-mobile\" class=\"relative items-center box-border gap-x-2 flex shrink-0 justify-center min-h-[auto] min-w-[auto] gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:inline-flex md:min-h-0 md:min-w-0\">\n <div class=\"relative box-border h-6 min-h-[auto] min-w-[auto] w-6 md:min-h-0 md:min-w-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector.svg\" alt=\"Anterior\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n <button id=\"next-btn-mobile\" class=\"relative items-center box-border gap-x-2 flex shrink-0 justify-center min-h-[auto] min-w-[auto] gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:inline-flex md:min-h-0 md:min-w-0\">\n <div class=\"relative box-border h-6 min-h-[auto] min-w-[auto] w-6 md:min-h-0 md:min-w-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector-1.svg\" alt=\"Pr\u00f3ximo\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n <\/div>\n \n \n <div id=\"pagination-dots\" class=\"relative items-start box-border gap-x-[9px] flex shrink-0 gap-y-[9px] z-[5] mt-5 p-2.5\">\n <button class=\"dot active relative bg-pink-500 box-border h-3 w-3 rounded-md cursor-pointer transition-colors hover:bg-pink-400\" data-slide=\"0\"><\/button>\n <button class=\"dot relative bg-neutral-400 box-border h-3 w-3 rounded-md cursor-pointer transition-colors hover:bg-neutral-300\" data-slide=\"1\"><\/button>\n <button class=\"dot relative bg-neutral-400 box-border h-3 w-3 rounded-md cursor-pointer transition-colors hover:bg-neutral-300\" data-slide=\"2\"><\/button>\n <\/div>\n <\/div>\n \n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/mesh-grid-hourglass.svg\" alt=\"Decora\u00e7\u00e3o de fundo\" class=\"lazyload absolute box-border h-[190px] max-w-full w-[150px] z-[1] bottom-[25px] md:h-[317px] md:w-[251px]\">\n <\/div>\n <\/div>\n \n \n <div class=\"video-section section-container relative box-border h-[1000px] max-h-[768px] min-h-[600px] w-full overflow-hidden font-sans_serif md:min-h-[auto]\">\n <div class=\"relative box-border h-full w-full max-w-none mx-0\">\n <div class=\"absolute box-border h-full w-full overflow-hidden left-0 top-0\">\n <video class=\"absolute box-border h-full object-cover w-full z-[1]\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/TPE-Day-2-scaled.png\">\n <source src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2025\/07\/Why-Attend-Video-Background.mp4\" type=\"video\/mp4\">\n Seu navegador n\u00e3o \u00e9 compat\u00edvel com a tag de v\u00eddeo.\n <\/source><\/video>\n <div class=\"absolute bg-slate-900\/60 box-border h-full w-full z-[2] left-0 top-0\"><\/div>\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/gradient---top-edge.png\" class=\"lazyload absolute box-border h-[276px] max-w-full w-full z-[3] left-0 top-0\">\n <\/div>\n \n <div class=\"absolute items-center box-border gap-x-[34px] flex flex-col gap-y-[34px] translate-x-[-50.0%] translate-y-[-50.0%] w-[90%] z-[4] px-5 left-2\/4 top-2\/4 md:w-[60%]\">\n <div class=\"relative items-start self-stretch box-border gap-x-6 flex flex-col shrink-0 gap-y-6 w-full\">\n <p class=\"video-title relative text-[28px] font-bold self-stretch box-border leading-[34px] text-center uppercase -mt-px mb-5 font-orbitron md:text-[35px] md:leading-[42px]\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">FA\u00c7A DE TUDO NA NOITE DE ABERTURA<\/p>\n <p class=\"video-subtitle relative text-zinc-300 text-base self-stretch box-border leading-6 text-center mb-5 font-roboto md:text-xl md:leading-[30px]\">\n D\u00ea in\u00edcio \u00e0 TPE 2026 com entretenimento eletrizante e um networking imbat\u00edvel na Industry Night Party. \u00c9 aqui que as conex\u00f5es (e a festa) come\u00e7am. \n <\/p>\n <\/div>\n \n <a href=\"https:\/\/totalproductexpo.com\/?_gl=1*10xkno1*_gcl_au*MjAxOTE1OTcwNi4xNzQ5MTU3MzQx#crmWebToEntityForm\" class=\"cta-button-primary relative items-center bg-[linear-gradient(rgb(168,255,3)_0%,rgb(87,194,35)_100%)] box-border gap-x-2.5 flex shrink-0 justify-center gap-y-2.5 px-6 py-2.5 rounded-[50px] md:px-[30px] md:py-3\">\n <div class=\"relative text-gray-900 text-base font-black box-border tracking-[0.9px] leading-[26.1px] text-nowrap w-fit -mt-px font-orbitron md:text-lg\" style=\"color: #1f2937 !important;\">NOTIFICAR-ME<\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n <\/main>\n <\/div>\n <\/div>\n\n <\/div> \n\n \n <div class=\"fixed box-border max-h-[60px] w-[60px] z-[2147483647] right-2.5 bottom-2.5\">\n <div class=\"box-border inline-block\">\n <div class=\"relative text-sm bg-neutral-700 box-border inline-block h-[60px] leading-[14px] align-middle w-[60px] p-[3px] rounded-[60px]\">\n <em class=\"relative box-border inline-block h-full text-center w-full overflow-hidden rounded-[60px] before:accent-auto before:text-white before:text-[27px] before:not-italic before:normal-nums before:font-normal before:tracking-[normal] before:leading-[60px] before:list-outside before:list-disc before:text-center before:indent-[0px] before:normal-case before:visible before:z-[1111] before:m-auto before:border-separate before:font-siq\"><\/em>\n <em class=\"absolute text-white text-[11px] bg-red-600 box-border hidden h-[22px] left-[-5px] leading-[22px] text-center top-[-5px] w-[22px] overflow-hidden rounded-[25px]\"><\/em>\n <em class=\"absolute text-white text-[11px] bg-red-600 box-border hidden h-[22px] left-[-5px] leading-[22px] text-center top-[-5px] w-[22px] overflow-hidden rounded-[25px] before:accent-auto before:items-center before:bg-red-600\/40 before:text-white before:flex before:text-[8px] before:not-italic before:normal-nums before:font-normal before:h-full before:justify-center before:tracking-[normal] before:leading-[8px] before:list-outside before:list-disc before:absolute before:text-center before:indent-[0px] before:normal-case before:visible before:w-full before:rounded-[100%] before:border-separate before:left-0 before:font-siq after:accent-auto after:bg-black\/30 after:text-neutral-400 after:block after:text-[11px] after:not-italic after:normal-nums after:font-normal after:h-full after:tracking-[normal] after:leading-[11px] after:list-outside after:list-disc after:absolute after:text-center after:indent-[0px] after:normal-case after:visible after:w-full after:rounded-[100%] after:border-separate after:left-0 after:top-0 after:font-siq\"><\/em>\n <\/div>\n <\/div>\n <\/div>\n\n \n <a href=\"#\" class=\"text-indigo-700 box-border hidden\">Link de carregamento da p\u00e1gina<\/a>\n <div class=\"box-border\"><\/div>\n <section class=\"box-border hidden md:block\"><\/section>\n <iframe src=\"javascript:\/\/false\" class=\"box-border hidden h-0 w-0\"><\/iframe>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Hero Video Player\n const heroVideo = document.querySelector('.hero-video');\n const videoPoster = heroVideo.querySelector('.video-poster');\n const playButtonOverlay = heroVideo.querySelector('.play-button-overlay');\n const videoElement = heroVideo.querySelector('.video-element');\n\n heroVideo.addEventListener('click', function() {\n videoPoster.classList.add('hidden');\n playButtonOverlay.classList.add('hidden');\n videoElement.classList.remove('hidden');\n videoElement.play();\n });\n\n \/\/ When video ends, show poster again\n videoElement.addEventListener('ended', function() {\n videoPoster.classList.remove('hidden');\n playButtonOverlay.classList.remove('hidden');\n videoElement.classList.add('hidden');\n });\n\n \/\/ Testimonials functionality\n let currentSlide = 0;\n const slides = document.querySelectorAll('.testimonial-slide');\n const dots = document.querySelectorAll('.dot');\n const totalSlides = slides.length;\n\n function showSlide(index) {\n \/\/ Hide all slides\n slides.forEach(slide => {\n slide.classList.remove('active');\n slide.style.opacity = '0';\n });\n \n \/\/ Show current slide\n slides[index].classList.add('active');\n slides[index].style.opacity = '1';\n \n \/\/ Update dots\n dots.forEach(dot => {\n dot.classList.remove('active');\n dot.classList.remove('bg-pink-500');\n dot.classList.add('bg-neutral-400');\n });\n \n dots[index].classList.add('active');\n dots[index].classList.remove('bg-neutral-400');\n dots[index].classList.add('bg-pink-500');\n }\n\n function nextSlide() {\n currentSlide = (currentSlide + 1) % totalSlides;\n showSlide(currentSlide);\n }\n\n function prevSlide() {\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n showSlide(currentSlide);\n }\n\n \/\/ Event listeners for navigation buttons\n const nextBtns = document.querySelectorAll('#next-btn, #next-btn-mobile');\n const prevBtns = document.querySelectorAll('#prev-btn, #prev-btn-mobile');\n\n nextBtns.forEach(btn => {\n btn.addEventListener('click', nextSlide);\n });\n\n prevBtns.forEach(btn => {\n btn.addEventListener('click', prevSlide);\n });\n\n \/\/ Event listeners for dots\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n currentSlide = index;\n showSlide(currentSlide);\n });\n });\n\n \/\/ Auto-advance slides every 5 seconds\n setInterval(nextSlide, 5000);\n\n \/\/ Statistics ticker animation\n function animateNumber(element, target, duration = 2000) {\n const start = 0;\n const increment = target \/ (duration \/ 16); \/\/ 60fps\n let current = start;\n \n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n current = target;\n clearInterval(timer);\n }\n element.textContent = Math.floor(current);\n }, 16);\n \n element.classList.add('animate');\n }\n\n \/\/ Intersection Observer for statistics animation\n const observerOptions = {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const target = parseInt(entry.target.dataset.target);\n animateNumber(entry.target, target);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all stat numbers\n const statNumbers = document.querySelectorAll('.stat-number-animated');\n statNumbers.forEach(stat => {\n observer.observe(stat);\n });\n });\n <\/script>\n\n\n\n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":26,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-49190","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Participar da TPE 2025 – Total Product Expo – Feira de neg\u00f3cios B2B<\/title>\n<meta name=\"description\" content=\"Feira comercial B2B de primeira linha que atende a varejistas independentes e apresenta milhares de marcas em mais de sessenta categorias de produtos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/totalproductexpo.com\/pt-br\/participar\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Participar da TPE 2025 – Total Product Expo – Feira de neg\u00f3cios B2B\" \/>\n<meta property=\"og:description\" content=\"Feira comercial B2B de primeira linha que atende a varejistas independentes e apresenta milhares de marcas em mais de sessenta categorias de produtos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/totalproductexpo.com\/pt-br\/participar\/\" \/>\n<meta property=\"og:site_name\" content=\"TPE | Total Product Expo\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/totalproductexpo\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-13T18:25:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@totalproductxpo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"55 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/participar\/\",\"url\":\"https:\/\/totalproductexpo.com\/pt-br\/participar\/\",\"name\":\"Participar da TPE 2025 – Total Product Expo – Feira de neg\u00f3cios B2B\",\"isPartOf\":{\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/#website\"},\"datePublished\":\"2024-10-01T22:54:45+00:00\",\"dateModified\":\"2025-11-13T18:25:05+00:00\",\"description\":\"Feira comercial B2B de primeira linha que atende a varejistas independentes e apresenta milhares de marcas em mais de sessenta categorias de produtos.\",\"breadcrumb\":{\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/participar\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/totalproductexpo.com\/pt-br\/participar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/participar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/totalproductexpo.com\/pt-br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ATENDER\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/#website\",\"url\":\"https:\/\/totalproductexpo.com\/pt-br\/\",\"name\":\"TPE | Total Product Expo\",\"description\":\"Tobacco \u2022 Vapor \u2022\u00a0Alternative B2B Trade Show\",\"publisher\":{\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/#organization\"},\"alternateName\":\"Total Product Expo\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/totalproductexpo.com\/pt-br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/#organization\",\"name\":\"Total Product Events\",\"alternateName\":\"Total Product Expo\",\"url\":\"https:\/\/totalproductexpo.com\/pt-br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp\",\"contentUrl\":\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp\",\"width\":696,\"height\":696,\"caption\":\"Total Product Events\"},\"image\":{\"@id\":\"https:\/\/totalproductexpo.com\/pt-br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/totalproductexpo\/\",\"https:\/\/x.com\/totalproductxpo\",\"https:\/\/www.instagram.com\/totalproductexpo\/\",\"https:\/\/www.linkedin.com\/company\/totalproductexpo\",\"https:\/\/www.youtube.com\/channel\/UCeZ7S2zlSGbA9KzB3eVjWAw\"]}]}<\/script>\n","yoast_head_json":{"title":"Participar da TPE 2025 – Total Product Expo – Feira de neg\u00f3cios B2B","description":"Feira comercial B2B de primeira linha que atende a varejistas independentes e apresenta milhares de marcas em mais de sessenta categorias de produtos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/totalproductexpo.com\/pt-br\/participar\/","og_locale":"pt_BR","og_type":"article","og_title":"Participar da TPE 2025 – Total Product Expo – Feira de neg\u00f3cios B2B","og_description":"Feira comercial B2B de primeira linha que atende a varejistas independentes e apresenta milhares de marcas em mais de sessenta categorias de produtos.","og_url":"https:\/\/totalproductexpo.com\/pt-br\/participar\/","og_site_name":"TPE | Total Product Expo","article_publisher":"https:\/\/www.facebook.com\/totalproductexpo\/","article_modified_time":"2025-11-13T18:25:05+00:00","twitter_card":"summary_large_image","twitter_site":"@totalproductxpo","twitter_misc":{"Est. reading time":"55 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/totalproductexpo.com\/pt-br\/participar\/","url":"https:\/\/totalproductexpo.com\/pt-br\/participar\/","name":"Participar da TPE 2025 – Total Product Expo – Feira de neg\u00f3cios B2B","isPartOf":{"@id":"https:\/\/totalproductexpo.com\/pt-br\/#website"},"datePublished":"2024-10-01T22:54:45+00:00","dateModified":"2025-11-13T18:25:05+00:00","description":"Feira comercial B2B de primeira linha que atende a varejistas independentes e apresenta milhares de marcas em mais de sessenta categorias de produtos.","breadcrumb":{"@id":"https:\/\/totalproductexpo.com\/pt-br\/participar\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/totalproductexpo.com\/pt-br\/participar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/totalproductexpo.com\/pt-br\/participar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/totalproductexpo.com\/pt-br\/"},{"@type":"ListItem","position":2,"name":"ATENDER"}]},{"@type":"WebSite","@id":"https:\/\/totalproductexpo.com\/pt-br\/#website","url":"https:\/\/totalproductexpo.com\/pt-br\/","name":"TPE | Total Product Expo","description":"Tobacco \u2022 Vapor \u2022\u00a0Alternative B2B Trade Show","publisher":{"@id":"https:\/\/totalproductexpo.com\/pt-br\/#organization"},"alternateName":"Total Product Expo","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/totalproductexpo.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/totalproductexpo.com\/pt-br\/#organization","name":"Total Product Events","alternateName":"Total Product Expo","url":"https:\/\/totalproductexpo.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/totalproductexpo.com\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp","contentUrl":"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp","width":696,"height":696,"caption":"Total Product Events"},"image":{"@id":"https:\/\/totalproductexpo.com\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/totalproductexpo\/","https:\/\/x.com\/totalproductxpo","https:\/\/www.instagram.com\/totalproductexpo\/","https:\/\/www.linkedin.com\/company\/totalproductexpo","https:\/\/www.youtube.com\/channel\/UCeZ7S2zlSGbA9KzB3eVjWAw"]}]}},"_links":{"self":[{"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/pages\/49190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/comments?post=49190"}],"version-history":[{"count":109,"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/pages\/49190\/revisions"}],"predecessor-version":[{"id":55783,"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/pages\/49190\/revisions\/55783"}],"wp:attachment":[{"href":"https:\/\/totalproductexpo.com\/pt-br\/wp-json\/wp\/v2\/media?parent=49190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}