{"id":3793,"date":"2026-06-02T15:30:33","date_gmt":"2026-06-02T15:30:33","guid":{"rendered":"https:\/\/50anos.valgroupco.com\/?page_id=3793"},"modified":"2026-06-25T05:31:04","modified_gmt":"2026-06-25T05:31:04","slug":"filmes-tecnicos","status":"publish","type":"page","link":"https:\/\/50anos.valgroupco.com\/en\/filmes-tecnicos\/","title":{"rendered":"Technical Films"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3793\" class=\"elementor elementor-3793\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50f7551 e-flex e-con-boxed e-con e-parent\" data-id=\"50f7551\" 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-dad865d e-con-full e-flex e-con e-child\" data-id=\"dad865d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78213a3 elementor-widget elementor-widget-image\" data-id=\"78213a3\" 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-7448a27 elementor-widget elementor-widget-image\" data-id=\"7448a27\" 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-8c7f48c e-flex e-con-boxed e-con e-child\" data-id=\"8c7f48c\" 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-9e2ba0f elementor-widget elementor-widget-heading\" data-id=\"9e2ba0f\" 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\">1985<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e98b9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c7e98b9\" 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-ac1a9dd elementor-widget elementor-widget-heading\" data-id=\"ac1a9dd\" 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\">Technical Films<\/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-5d5a440 e-con-full e-flex e-con e-parent\" data-id=\"5d5a440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96654ff elementor-widget elementor-widget-html\" data-id=\"96654ff\" 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:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/06\/1990-tecnovalvalfim.webp\" class=\"slide active\" alt=\"In\u00edcio 1\">\n      <img decoding=\"async\" src=\"https:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/06\/filmes-tecnicos-mg1-e-mg4-2005-1.webp\" class=\"slide\" alt=\"In\u00edcio 2\">\n      <img decoding=\"async\" src=\"https:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/06\/filmes-tecnicos-mg1-e-mg4-2005-2.webp\" class=\"slide\" alt=\"In\u00edcio 3\">\n      <img decoding=\"async\" src=\"https:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/06\/mg4-2025.webp\" class=\"slide\" alt=\"In\u00edcio 4\">\n      \n      <img decoding=\"async\" src=\"https:\/\/50anos.valgroupco.com\/wp-content\/uploads\/2026\/06\/mg4-2025.webp\" class=\"slide\" alt=\"In\u00edcio 4\">      \n      \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 development of the Technical Films unit marked a new chapter in Valgroup's journey, expanding the company's operations into higher-value, technologically advanced solutions<\/p>\n          <p>In the late 1980s and early 1990s, the operations initially began with production of low-density printed films for markets such as sugar, flour and milk flexible packaging.  <span class=\"highlight-green\">At that time, the main goal was to meet the growing demand for improved packaging performance. Plastic already offered significant advantages over traditional materials, including longer shelf life, enhanced product protection and substantial gains in logistical efficiency.<\/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\">Production operations initially started within Valplast, using rotogravure printing technology. As demand increased and the market evolved, the operation quickly gained relevance, requiring a more robust and specialized structure. <\/span><\/p>\n          <p>In the early 1990s, the operations were transferred to Tecnoval, where the business became more structured and consolidated itself as a unit focused on Technical Films, strengthening Valgroup's position in the flexible packaging market.<\/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>From 2012 onward, the transfer of operations to Itamonte, in the state of Minas Gerais, marked the beginning of a new expansion phase. The significant increase in the production capacity was accompanied by a major technological transformation driven by continuous investments in modern equipment, new extrusion technologies and advanced printing systems.<\/p>\n          <p>These investments significantly increased operational efficiency, productivity and quality standards, enabling the unit to achieve levels comparable to the most advanced players in the global market.<\/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>Throughout this evolution, the unit's portfolio also has undergone a significant transformation. Once focused on simpler applications, it evolved into highly technical and specialized solutions, including films for the tissue industry, PE\/PE laminates, MDO structures, BOPP labels, EVOH barrier films for high-value-added applications and stretch hood solutions.<\/p>\n          <p>This advancement also kept pace with market changes. Customer expectations have significantly increased over the years, making quality, efficiency, and consistency essential requirements for competitiveness. <\/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>The market began to demand increasingly higher levels of operational control, technical excellence and adaptability.<\/p>\n\n          <p><span class=\"highlight-green\">The Technical Films unit has built a journey marked by continuous evolution, adaptability and an ongoing pursuit of excellence, characteristics that continue to drive Valgroup\u2019s growth to this day.<\/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-452b755 e-flex e-con-boxed e-con e-parent\" data-id=\"452b755\" 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-02a0a1b elementor-widget elementor-widget-heading\" data-id=\"02a0a1b\" 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-516e9a0 elementor-widget elementor-widget-global elementor-global-3839 elementor-widget-html\" data-id=\"516e9a0\" 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>1985 Technical Films: The History The development of the Technical Films unit marked a new chapter in Valgroup&#39;s trajectory, expanding the company&#39;s operations into solutions with higher added value and technological complexity. The operation began in the late 1980s and early 1990s, initially with the production of printed films [\u2026]<\/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-3793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages\/3793","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=3793"}],"version-history":[{"count":40,"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages\/3793\/revisions"}],"predecessor-version":[{"id":3875,"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/pages\/3793\/revisions\/3875"}],"wp:attachment":[{"href":"https:\/\/50anos.valgroupco.com\/en\/wp-json\/wp\/v2\/media?parent=3793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}