{"id":3605,"date":"2026-05-12T19:16:26","date_gmt":"2026-05-12T19:16:26","guid":{"rendered":"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/?page_id=3605"},"modified":"2026-06-25T04:41:32","modified_gmt":"2026-06-25T04:41:32","slug":"embalagens-para-varejo","status":"publish","type":"page","link":"https:\/\/50anos.valgroupco.com\/en\/embalagens-para-varejo\/","title":{"rendered":"Retail Packaging"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3605\" class=\"elementor elementor-3605\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-229f37a e-flex e-con-boxed e-con e-parent\" data-id=\"229f37a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;background_motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.2,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f643fc8 e-con-full e-flex e-con e-child\" data-id=\"f643fc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-743e6e3 elementor-widget elementor-widget-image\" data-id=\"743e6e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"203\" height=\"40\" src=\"https:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/04\/Grupo-222.png\" class=\"attachment-large size-large wp-image-3081\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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-0444c90 elementor-widget elementor-widget-image\" data-id=\"0444c90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"198\" height=\"65\" src=\"https:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/04\/Grupo-11.png\" class=\"attachment-large size-large wp-image-3080\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e0f78f e-flex e-con-boxed e-con e-child\" data-id=\"1e0f78f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab3f9f elementor-widget elementor-widget-heading\" data-id=\"1ab3f9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1978<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d884c6a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d884c6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de2b8e4 elementor-widget elementor-widget-heading\" data-id=\"de2b8e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Retail packaging<\/h1>\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-ecd8e47 e-con-full e-flex e-con e-parent\" data-id=\"ecd8e47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b96939c elementor-widget elementor-widget-html\" data-id=\"b96939c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    \/* Reset b\u00e1sico *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n\/* Container Principal *\/\n    .valgroup-history-container {\n      display: flex;\n      align-items: flex-start; \/* <-- ADICIONE ESTA LINHA *\/\n      position: relative;\n      width: 100%;\n      background-color: #ffffff;\n      font-family: \"Poppins\", sans-serif; \n    }\n\n    \/* -------------------------------------\n       LADO ESQUERDO: IMAGENS (Sticky)\n    -------------------------------------- *\/\n    .history-slider {\n      width: 50%;\n      height: 100vh; \/* Ocupa a tela inteira de altura *\/\n      position: sticky;\n      top: 0;\n      overflow: hidden;\n    }\n\n    .history-slider img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0;\n      transition: opacity 0.6s ease-in-out; \/* Transi\u00e7\u00e3o suave entre imagens *\/\n    }\n\n    .history-slider img.active {\n      opacity: 1;\n    }\n\n    \/* -------------------------------------\n       LADO DIREITO: TEXTOS\n    -------------------------------------- *\/\n    .history-content {\n      width: 45%;\n      position: relative;\n    }\n\n    \/* Cada se\u00e7\u00e3o de texto tem altura de 100vh para permitir rolagem compassada *\/\n    .text-section {\n      height: 100vh;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 0 10%;\n    }\n\n    .section-inner {\n      max-width: 500px;\n    }\n\n    .section-title {\n      font-family: \"Poppins\", sans-serif; \n      display: flex;\n      align-items: center;\n      font-size: 2.5rem;\n      font-weight: 800 !important;\n      text-transform: uppercase;\n      margin-bottom: 30px;\n      color: #000;\n    }\n\n    .section-title .line {\n      width: 80px;\n      height: 3px;\n      background-color: #000;\n      margin-right: 15px;\n      position: relative;\n    }\n\n    .text-section p {\n      color: #777;\n      font-size: 1.1rem;\n      line-height: 1.6;\n      margin-bottom: 20px;\n    }\n\n    \/* Texto em destaque verde *\/\n    .highlight-green {\n      color: #8bc34a; \/* Tom de verde semelhante \u00e0 refer\u00eancia *\/\n      font-weight: bold;\n    }\n\n    \/* -------------------------------------\n       NAVEGADOR DE PONTOS (Sticky lateral)\n    -------------------------------------- *\/\n    .history-nav {\n      width: 5%;\n      height: 100vh;\n      position: sticky;\n      top: 0;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .dot {\n      width: 10px;\n      height: 10px;\n      background-color: #ccc;\n      border-radius: 50%;\n      cursor: pointer;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    .dot.active {\n      background-color: #8bc34a;\n      transform: scale(1.3);\n    }\n\n\n\n    @media(min-width:769px){\n        \n       .text-section {\n            max-width: 640px !important;\n      }\n        \n    }  \n\n    \/* Responsividade B\u00e1sica (M\u00f3vel) *\/\n    @media (max-width: 768px) {\n        \n        \n      .section-title .line {\n       width: 32px;\n      }\n        \n      .valgroup-history-container {\n        flex-direction: column;\n      }\n      .history-slider, .history-content {\n        width: 100%;\n      }\n      .history-slider {\n        height: 50vh;\n        position: relative; \/* Remove o sticky no mobile se preferir *\/\n      }\n      .text-section {\n        height: auto;\n        padding: 50px 0;\n        max-width: 300px;\n        margin: 0 auto;\n      }\n      .history-nav {\n        display: none; \/* Oculta os pontos no mobile *\/\n      }\n      \n      .section-title {\n            font-size: 1.5rem;\n       }\n       .text-section p {\n          font-size: 0.9rem;\n       }\n           \n\n    }\n    \n    \n  \n  <\/style>\n\n  <section class=\"valgroup-history-container\">\n    \n    <div class=\"history-slider\">\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/05\/anos-80-1-1.webp\" class=\"slide active\" alt=\"In\u00edcio 1\">\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/05\/anos-80-5.webp\" class=\"slide\" alt=\"In\u00edcio 2\">\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/05\/DSC03529.webp\" class=\"slide\" alt=\"In\u00edcio 3\">\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/05\/DSC03910.webp\" class=\"slide\" alt=\"In\u00edcio 4\">\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/05\/DSC04136.webp\" class=\"slide\" alt=\"In\u00edcio 5\">\n    <\/div>\n\n    <div class=\"history-content\">\n      <div class=\"text-section\" id=\"section-0\" data-index=\"0\">\n        <div class=\"section-inner\">\n          <h2 class=\"section-title\"><span class=\"line\"><\/span>The history<\/h2>\n          <p>The history of the Retail Packaging unit is directly connected to the origin of Valgroup. It was in Lorena (SP) that the company&#39;s first operations emerged, still under the name Valplast, with an initial focus on the production of plastic bags and solutions aimed at the retail sector.<\/p>\n          <p>Over the decades, this operation has undergone a significant process of expansion and specialization.  <span class=\"highlight-green\">From the 1990s onwards, the industrial structure evolved into a more segmented model, with dedicated units and a greater operational focus, allowing for significant gains in efficiency, productivity, and competitiveness.<\/span><\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-section\" id=\"section-1\" data-index=\"1\">\n        <div class=\"section-inner\">\n          <h2 class=\"section-title\"><span class=\"line\" style=\"top:-21px\"><\/span>INVESTMENT<br>IN TECHNOLOGY<\/h2>\n          <p><span class=\"highlight-green\">This movement was accompanied by consistent investments in technology. The introduction of more advanced equipment raised the quality standard of operations, expanded production capacity, and allowed for greater efficiency in industrial processes. <\/span><\/p>\n          <p>With this, the unit expanded its portfolio and began operating in different segments, incorporating solutions such as perforated rolls, garbage bags, and industrial applications geared towards retail and distribution.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"text-section\" id=\"section-2\" data-index=\"2\">\n        <div class=\"section-inner\">\n          <h2 class=\"section-title\"><span class=\"line\" style=\"top:-21px\"><\/span>Expansion<br>Geographic<\/h2>\n          <p>Geographic expansion was also fundamental to this trajectory. Part of the operation was directed to southern Minas Gerais, with units in Itamonte and Passa Quatro, while another portion of production was transferred to Manaus, strengthening the company&#39;s industrial structure and expanding its service capacity in different regions of the country.<\/p>\n          <p>At the same time that the company was evolving internally, the market was also undergoing profound transformations.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"text-section\" id=\"section-3\" data-index=\"3\">\n        <div class=\"section-inner\">\n          <h2 class=\"section-title\"><span class=\"line\" style=\"top:-21px\"><\/span>Operations<br>distributed<\/h2>\n          <p>Even with these changes, the essence of the operation has remained the same. The culture built since the early years continues to be present in the daily lives of the units, reflected in the close relationships with the teams, the constant pursuit of improvement, and the ability to adapt over time.<\/p>\n          <p>Today, the unit operates in an even more structured and specialized manner, with operations strategically distributed between Manaus, Passa Quatro, and Itamonte. This organization allows for greater productive efficiency, logistical optimization, and flexibility to meet different market demands.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"text-section\" id=\"section-4\" data-index=\"4\">\n        <div class=\"section-inner\">\n          <h2 class=\"section-title\"><span class=\"line\" style=\"top:-21px\"><\/span>LOOKING at<br>THE FUTURE<\/h2>\n          <p>Looking to the future, Valgroup continues to invest in solutions that combine operational efficiency, competitiveness, and sustainability. The development of more efficient products, coupled with the expansion of recycling and circular economy initiatives, reinforces the company&#39;s commitment to the evolution of the sector and to building increasingly responsible solutions for society.<\/p>\n\n          <p><span class=\"highlight-green\">More than just keeping up with market transformations, this trajectory represents the continuous ability to evolve, adapt, and build solutions aligned with the needs of each generation of customers.<\/span><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"history-nav\">\n      <div class=\"dot active\" data-target=\"0\"><\/div>\n      <div class=\"dot\" data-target=\"1\"><\/div>\n      <div class=\"dot\" data-target=\"2\"><\/div>\n      <div class=\"dot\" data-target=\"3\"><\/div>\n      <div class=\"dot\" data-target=\"4\"><\/div>\n    <\/div>\n\n  <\/section>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const sections = document.querySelectorAll('.text-section');\n      const slides = document.querySelectorAll('.history-slider .slide');\n      const dots = document.querySelectorAll('.history-nav .dot');\n\n      \/\/ Fun\u00e7\u00e3o para atualizar o estado Ativo (Imagem e Ponto)\n      const updateActiveState = (index) => {\n        \/\/ Remove classe 'active' de todas as imagens e pontos\n        slides.forEach(slide => slide.classList.remove('active'));\n        dots.forEach(dot => dot.classList.remove('active'));\n\n        \/\/ Adiciona classe 'active' ao item atual correspondente\n        if(slides[index]) slides[index].classList.add('active');\n        if(dots[index]) dots[index].classList.add('active');\n      };\n\n      \/\/ Configura\u00e7\u00f5es do Observer\n      const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.5 \/\/ Dispara quando 50% da se\u00e7\u00e3o de texto estiver vis\u00edvel na tela\n      };\n\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            \/\/ Pega o \u00edndice da se\u00e7\u00e3o vis\u00edvel atual\n            const index = parseInt(entry.target.getAttribute('data-index'));\n            updateActiveState(index);\n          }\n        });\n      }, observerOptions);\n\n      \/\/ Observar cada se\u00e7\u00e3o de texto\n      sections.forEach(section => observer.observe(section));\n\n      \/\/ Clique nos pontos (dots) para rolar a tela\n      dots.forEach(dot => {\n        dot.addEventListener('click', () => {\n          const targetIndex = dot.getAttribute('data-target');\n          const targetSection = document.getElementById(`section-${targetIndex}`);\n          \n          \/\/ Faz a rolagem suave at\u00e9 a se\u00e7\u00e3o de texto correspondente\n          targetSection.scrollIntoView({ behavior: 'smooth' });\n        });\n      });\n    });\n  <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e3e424 e-flex e-con-boxed e-con e-parent\" data-id=\"6e3e424\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-129f4f1 elementor-widget elementor-widget-heading\" data-id=\"129f4f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NEXT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-623be7b elementor-widget elementor-widget-global elementor-global-3839 elementor-widget-html\" data-id=\"623be7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n\r\n<div class=\"component-slider-wrapper\">\r\n\r\n  <div class=\"component-slider swiper\">\r\n\r\n    <div class=\"swiper-wrapper\">\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1976<\/div>\r\n          <div class=\"item-subheading-2\">The Beginning<\/div>\r\n          <div class=\"item-image\">\r\n            <a href=\"https:\/\/50anos.valgroupco.com\/en\/o-inicio\/\">\r\n              <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/05\/1976-2.webp\" alt=\"O In\u00edcio\" \/>\r\n              <strong>Access<\/strong>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1978<\/div>\r\n          <div class=\"item-subheading-2\">Retail Packaging<\/div>\r\n          <div class=\"item-image\">\r\n            <a href=\"https:\/\/50anos.valgroupco.com\/en\/embalagens-para-varejo\/\">\r\n              <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/EMB-PARA-VAREJO.webp\" alt=\"Embalagens para Varejo\" \/>\r\n              <strong>Access<\/strong>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1985<\/div>\r\n          <div class=\"item-subheading-2\">Technical Films<\/div>\r\n          <div class=\"item-image\">\r\n            <a href=\"https:\/\/50anos.valgroupco.com\/en\/filmes-tecnicos\/\">\r\n              <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/FILMES-TECNICOS-PEBD.webp\" alt=\"Filmes T\u00e9cnicos\" \/>\r\n              <strong>Access<\/strong>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1989<\/div>\r\n          <div class=\"item-subheading-2\">Industrial Films and Balers<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/04\/MAQUINAS.webp\" alt=\"Filmes Industriais e Enfardadeiras\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1995<\/div>\r\n          <div class=\"item-subheading-2\">Laminated Films<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/FILMES-LAMINADOS.webp\" alt=\"Filmes Laminados\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1995<\/div>\r\n          <div class=\"item-subheading-2\">Machines<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/04\/MAQUINAS.webp\" alt=\"M\u00e1quinas\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">1996<\/div>\r\n          <div class=\"item-subheading-2\">Preform<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/PREFORMA.webp\" alt=\"Preforma\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2000<\/div>\r\n          <div class=\"item-subheading-2\">rPet<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/RPET.webp\" alt=\"rPet\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2007<\/div>\r\n          <div class=\"item-subheading-2\">Caps<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/tampas.webp\" alt=\"Tampas\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2007<\/div>\r\n          <div class=\"item-subheading-2\">BOPP films<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/04\/BOPP.webp\" alt=\"Filmes BOPP\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2008<\/div>\r\n          <div class=\"item-subheading-2\">Shrink Bags<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/filmes-termoencolhiveis.webp\" alt=\"Sacos Encolh\u00edveis\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2015<\/div>\r\n          <div class=\"item-subheading-2\">Compounds and Masterbatches<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/04\/Compostos.webp\" alt=\"Compostos e Masterbatches\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2018<\/div>\r\n          <div class=\"item-subheading-2\">Breath<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/03\/sopro.webp\" alt=\"Sopro\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2022<\/div>\r\n          <div class=\"item-subheading-2\">Unification<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/04\/UNIFICACAO.webp\" alt=\"Unifica\u00e7\u00e3o\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item-slider swiper-slide\">\r\n        <div class=\"item-slider--container\">\r\n          <div class=\"item-subheading\">2024<\/div>\r\n          <div class=\"item-subheading-2\">Fingerprint<\/div>\r\n          <div class=\"item-image is-coming-soon\">\r\n            <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/04\/IMPRESSAO-DIGITAL.webp\" alt=\"Impress\u00e3o Digital\" \/>\r\n            <div class=\"coming-soon-label\">SHORTLY<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"slider-navigation\">\r\n    <div class=\"slider-arrow slider-prev\">\r\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/02\/left.svg\" width=\"16\" alt=\"Anterior\"\/>\r\n    <\/div>\r\n\r\n    <div class=\"slider-arrow slider-next\">\r\n      <img decoding=\"async\" src=\"https:\/\/wordpress-393386-6186636.cloudwaysapps.com\/wp-content\/uploads\/2026\/02\/right.svg\" width=\"16\" alt=\"Pr\u00f3ximo\"\/>\r\n    <\/div>\r\n\r\n    <div class=\"slider-dots\"><\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"timeline-bar\"><\/div>\r\n\r\n<style>\r\n.component-slider {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.item-slider--container {\r\n  position: relative;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.item-image {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: end;\r\n  height: 700px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \r\n  IMPORTANTE:\r\n  Removido o brilho que passava por cima da imagem.\r\n  Antes havia .item-image::after com mix-blend-mode e animation.\r\n*\/\r\n.item-image::after,\r\n.item-image.shine::after {\r\n  content: none !important;\r\n  display: none !important;\r\n  opacity: 0 !important;\r\n  animation: none !important;\r\n  background: none !important;\r\n  mix-blend-mode: normal !important;\r\n}\r\n\r\n.item-image img {\r\n  height: 700px;\r\n  width: auto;\r\n  object-fit: contain;\r\n  opacity: 1;\r\n  filter: none;\r\n  transition:\r\n    filter .55s cubic-bezier(.22,.61,.36,1),\r\n    transform .55s cubic-bezier(.22,.61,.36,1),\r\n    box-shadow .55s cubic-bezier(.22,.61,.36,1);\r\n  will-change: transform;\r\n  transform: translate3d(0,0,0);\r\n  backface-visibility: hidden;\r\n}\r\n\r\n\/* Efeito leve apenas nos slides n\u00e3o ativos, sem mexer na opacidade *\/\r\n.swiper-slide:not(.swiper-slide-active) .item-image:not(.is-coming-soon) img {\r\n  filter: grayscale(.08);\r\n}\r\n\r\n\/* Itens bloqueados \/ EM BREVE *\/\r\n.item-image.is-coming-soon img {\r\n  filter: grayscale(100%) !important;\r\n  opacity: .5 !important;\r\n}\r\n\r\n.coming-soon-label {\r\n  position: absolute;\r\n  bottom: 68px;\r\n  left: 0;\r\n  width: 100%;\r\n  font-size: 2rem;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  color: #000;\r\n  opacity: 1;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n}\r\n\r\n.item-heading {\r\n  font-size: 232px;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  margin-top: -350px;\r\n  line-height: 1;\r\n  transition: all .8s cubic-bezier(.22,.61,.36,1);\r\n\r\n  -webkit-text-stroke-width: 2px;\r\n  stroke-width: 2px;\r\n  -webkit-text-stroke-color: var(--e-global-color-accent);\r\n  stroke: var(--e-global-color-accent);\r\n\r\n  background: linear-gradient(to top, rgba(0, 122, 177, 1), rgba(0, 122, 177, 0.0));\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n}\r\n\r\n.item-subheading {\r\n  font-size: 16px;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  position: absolute;\r\n  top: 210px;\r\n  left: 0;\r\n  width: 171px;\r\n  border-bottom: 2px solid #000;\r\n  color: #000;\r\n}\r\n\r\n.item-subheading-2 {\r\n  font-size: 20px;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  position: absolute;\r\n  top: 240px;\r\n  left: 0;\r\n  width: 171px;\r\n  color: #63af51;\r\n  line-height: 1.15;\r\n}\r\n\r\n.swiper-slide .item-image img {\r\n  opacity: 1;\r\n}\r\n\r\n.swiper-slide .item-image.is-coming-soon img {\r\n  opacity: .5 !important;\r\n}\r\n\r\n.swiper-slide .item-image a {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.swiper-slide .item-image a strong {\r\n  display: inline-block;\r\n  position: absolute;\r\n  bottom: 28px;\r\n  left: 20px;\r\n  background: #63af51;\r\n  color: white;\r\n  padding: 6px 24px;\r\n  font-size: 14px;\r\n  border-radius: 10px;\r\n  box-shadow: 0 0 10px rgba(0,0,0,.55);\r\n  font-weight: 600;\r\n  transition: all .3s ease;\r\n  z-index: 5;\r\n}\r\n\r\n.swiper-slide .item-image a strong:hover {\r\n  background: white;\r\n  color: #63af51;\r\n}\r\n\r\n.swiper-slide .item-heading {\r\n  transform: translateY(120px);\r\n  opacity: 0;\r\n}\r\n\r\n.swiper-slide-active .item-image img {\r\n  opacity: 1;\r\n}\r\n\r\n.swiper-slide-active .item-image.is-coming-soon img {\r\n  opacity: .5 !important;\r\n}\r\n\r\n.swiper-slide-active .item-heading {\r\n  transform: translateY(0);\r\n  opacity: 1;\r\n}\r\n\r\n.component-slider-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.slider-navigation {\r\n  display: flex;\r\n  align-items: end;\r\n  justify-content: end;\r\n  gap: 16px;\r\n  margin-top: 40px;\r\n  max-width: 540px;\r\n  margin: 0 auto;\r\n  text-align: right;\r\n  padding-top: 60px;\r\n}\r\n\r\n.slider-arrow {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transform: scale(1);\r\n  transition: all .3s ease;\r\n  display: none !important;\r\n}\r\n\r\n.slider-arrow:hover {\r\n  transform: scale(1.25);\r\n}\r\n\r\n.slider-arrow img {\r\n  width: 12px;\r\n}\r\n\r\n.slider-dots {\r\n  display: flex;\r\n  gap: 2px;\r\n  position: absolute;\r\n  bottom: 0px !important;\r\n  left: 50% !important;\r\n  right: initial !important;\r\n  width: 1100px !important;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-left: -550px;\r\n  flex-wrap: nowrap;\r\n  z-index: 12;\r\n}\r\n\r\n.timeline-bar {\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  bottom: 6px !important;\r\n  left: 0 !important;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: transparent;\r\n}\r\n\r\n.slider-dots .swiper-pagination-bullet {\r\n  width: 102px;\r\n  height: 4px;\r\n  border-radius: 0;\r\n  background: #dddddd;\r\n  border: 0;\r\n  opacity: 1;\r\n  transition: all .3s ease;\r\n  cursor: pointer;\r\n  margin: 0 !important;\r\n  position: relative;\r\n}\r\n\r\n.slider-dots .swiper-pagination-bullet-active,\r\n.slider-dots .swiper-pagination-bullet-passado,\r\n.slider-dots .swiper-pagination-bullet:hover {\r\n  background: #101b24;\r\n}\r\n\r\n.slider-dots .bullet-year {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: 14px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.gradiente-verde .elementor-heading-title {\r\n  background: linear-gradient(90deg, #1d8240, #63af51);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n\/* Container do swiper de texto, caso exista na p\u00e1gina *\/\r\n.swiper-text {\r\n  height: 400px;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.swiper-text .swiper-slide {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.swiper-text .item-heading {\r\n  margin: 0;\r\n  line-height: 1;\r\n}\r\n\r\n.no-pointer-events {\r\n  pointer-events: none;\r\n}\r\n\r\n@media(max-width:768px) {\r\n\r\n  .item-image {\r\n    height: 630px;\r\n    max-height: 700px;\r\n  }\r\n\r\n  .item-image img {\r\n    height: 331px;\r\n    margin-bottom: 100px;\r\n  }\r\n\r\n  .coming-soon-label {\r\n    bottom: 145px;\r\n    font-size: 1.35rem;\r\n  }\r\n\r\n  .slider-navigation {\r\n    margin-top: 0px;\r\n    max-width: 350px;\r\n    padding-top: 0px;\r\n    padding-bottom: 50px;\r\n  }\r\n\r\n  .slider-dots {\r\n    right: initial !important;\r\n    width: 350px !important;\r\n    margin-left: -175px;\r\n    bottom: 83px !important;\r\n  }\r\n\r\n  .slider-dots .bullet-year {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .item-subheading-2 {\r\n    width: 100%;\r\n  }\r\n\r\n  .swiper-slide .item-image a strong {\r\n    bottom: 77px;\r\n    left: 10px;\r\n  }\r\n\r\n}\r\n\r\n@media(min-width:1025px) and (max-width:1366px) {\r\n  #timeline {\r\n    zoom: 85%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\nconst allYears = [\r\n  1976,\r\n  1978,\r\n  1985,\r\n  1989,\r\n  1995,\r\n  1995,\r\n  1996,\r\n  2000,\r\n  2007,\r\n  2007,\r\n  2008,\r\n  2015,\r\n  2018,\r\n  2022,\r\n  2024\r\n];\r\n\r\nconst heroSwiper = new Swiper('.component-slider', {\r\n  initialSlide: 3,\r\n  speed: 900,\r\n  slidesPerView: 1,\r\n  loop: true,\r\n  watchSlidesProgress: true,\r\n  watchSlidesVisibility: true,\r\n\r\n  autoplay: false,\r\n\r\n  navigation: {\r\n    nextEl: '.slider-next',\r\n    prevEl: '.slider-prev',\r\n  },\r\n\r\n  pagination: {\r\n    el: '.slider-dots',\r\n    clickable: true,\r\n    renderBullet: function(index, className) {\r\n      const year = allYears[index] || '';\r\n\r\n      return `<span class=\"${className}\">\r\n                <span class=\"bullet-year\">${year}<\/span>\r\n              <\/span>`;\r\n    }\r\n  },\r\n\r\n  on: {\r\n    init: function() {\r\n      cleanSlidesFx(this);\r\n      updateTimelinePagination(this);\r\n\r\n      if (this.autoplay) {\r\n        this.autoplay.stop();\r\n      }\r\n    },\r\n\r\n    setTranslate: function() {\r\n      cleanSlidesFx(this);\r\n    },\r\n\r\n    progress: function() {\r\n      cleanSlidesFx(this);\r\n    },\r\n\r\n    resize: function() {\r\n      cleanSlidesFx(this);\r\n      updateTimelinePagination(this);\r\n    },\r\n\r\n    slideChangeTransitionStart: function() {\r\n      cleanSlidesFx(this);\r\n      updateTimelinePagination(this);\r\n    },\r\n\r\n    slideChangeTransitionEnd: function() {\r\n      cleanSlidesFx(this);\r\n      updateTimelinePagination(this);\r\n    }\r\n  }\r\n});\r\n\r\nfunction updateTimelinePagination(swiper) {\r\n  const bullets = document.querySelectorAll('.slider-dots .swiper-pagination-bullet');\r\n\r\n  if (!bullets.length) {\r\n    return;\r\n  }\r\n\r\n  const current = swiper.realIndex ?? 0;\r\n\r\n  bullets.forEach((bullet, index) => {\r\n    bullet.classList.remove('swiper-pagination-bullet-passado');\r\n\r\n    if (index < current) {\r\n      bullet.classList.add('swiper-pagination-bullet-passado');\r\n    }\r\n  });\r\n}\r\n\r\n\/*\r\n  Esta fun\u00e7\u00e3o substitui o efeito antigo.\r\n\r\n  O que foi removido:\r\n  - opacity din\u00e2mica na imagem;\r\n  - blur din\u00e2mico;\r\n  - brightness din\u00e2mico;\r\n  - shine\/brilho sobreposto;\r\n  - brilho aleat\u00f3rio nos vizinhos.\r\n\r\n  Resultado:\r\n  - transi\u00e7\u00e3o limpa;\r\n  - imagem n\u00e3o fica lavada;\r\n  - sem faixa de brilho passando por cima;\r\n  - itens \"EM BREVE\" continuam cinza.\r\n*\/\r\nfunction cleanSlidesFx(swiper) {\r\n  swiper.slides.forEach((slide) => {\r\n    const img = slide.querySelector('.item-image img');\r\n    const wrap = slide.querySelector('.item-image');\r\n\r\n    if (!img || !wrap) {\r\n      return;\r\n    }\r\n\r\n    wrap.classList.remove('shine', 'can-shine');\r\n\r\n    img.style.removeProperty('opacity');\r\n    img.style.removeProperty('filter');\r\n    img.style.transform = 'translate3d(0,0,0)';\r\n  });\r\n}\r\n\r\n\/*\r\n  Mantidas como fallback para n\u00e3o quebrar caso algum outro script antigo\r\n  ainda tente chamar essas fun\u00e7\u00f5es.\r\n*\/\r\nfunction triggerActiveShine() {\r\n  return false;\r\n}\r\n\r\nfunction maybeTriggerNeighborShine() {\r\n  return false;\r\n}\r\n\r\nfunction injectShineLayers() {\r\n  return false;\r\n}\r\n\r\n\/*\r\n  Controle de autoplay por visibilidade.\r\n  Como autoplay est\u00e1 false, ele n\u00e3o for\u00e7a autoplay.\r\n  Mantive seguro para n\u00e3o quebrar seu bloco original.\r\n*\/\r\n(function visibilityAutoplayControl() {\r\n  const wrapper = document.querySelector('.component-slider-wrapper');\r\n\r\n  if (!wrapper || !heroSwiper?.autoplay) {\r\n    return;\r\n  }\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    heroSwiper.autoplay.stop();\r\n    return;\r\n  }\r\n\r\n  let isRunning = false;\r\n\r\n  const io = new IntersectionObserver((entries) => {\r\n    const entry = entries[0];\r\n    const visible = entry && entry.isIntersecting && entry.intersectionRatio >= 0.25;\r\n\r\n    if (visible && !isRunning) {\r\n      heroSwiper.autoplay.stop();\r\n      isRunning = false;\r\n      cleanSlidesFx(heroSwiper);\r\n    } else if (!visible && isRunning) {\r\n      heroSwiper.autoplay.stop();\r\n      isRunning = false;\r\n    }\r\n  }, {\r\n    root: null,\r\n    threshold: [0, 0.25, 0.5, 0.75, 1]\r\n  });\r\n\r\n  io.observe(wrapper);\r\n})();\r\n\r\n\/*\r\n  Swiper do texto, caso exista .swiper-text na p\u00e1gina.\r\n  Agora com prote\u00e7\u00e3o para n\u00e3o gerar erro se o elemento n\u00e3o existir.\r\n*\/\r\n(function initTextSwiperSync() {\r\n  const textSwiperEl = document.querySelector('.swiper-text');\r\n\r\n  if (!textSwiperEl) {\r\n    return;\r\n  }\r\n\r\n  const textSwiper = new Swiper('.swiper-text', {\r\n    direction: 'vertical',\r\n    slidesPerView: 1,\r\n    loop: true,\r\n    speed: 900,\r\n    allowTouchMove: false,\r\n  });\r\n\r\n  function syncTextToHero(sw) {\r\n    const real = sw.realIndex ?? sw.activeIndex;\r\n    textSwiper.slideToLoop(real, sw.params.speed, true);\r\n  }\r\n\r\n  heroSwiper.on('slideChangeTransitionStart', function() {\r\n    syncTextToHero(this);\r\n  });\r\n\r\n  syncTextToHero(heroSwiper);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>1978 Embalagens para varejo A Hist\u00f3ria A hist\u00f3ria da unidade de Embalagens para Varejo est\u00e1 diretamente conectada \u00e0 origem da Valgroup. Foi em Lorena (SP) que surgiram as primeiras opera\u00e7\u00f5es da empresa, ainda sob o nome Valplast, com foco inicial na produ\u00e7\u00e3o de sacolas pl\u00e1sticas e solu\u00e7\u00f5es voltadas ao varejo. Ao longo das d\u00e9cadas, essa [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3605","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages\/3605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/comments?post=3605"}],"version-history":[{"count":31,"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages\/3605\/revisions"}],"predecessor-version":[{"id":3851,"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages\/3605\/revisions\/3851"}],"wp:attachment":[{"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/media?parent=3605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}