{"id":6099,"date":"2026-07-24T10:22:44","date_gmt":"2026-07-24T08:22:44","guid":{"rendered":"https:\/\/bioopack.com\/formulari_personalitzat\/"},"modified":"2026-09-24T12:01:25","modified_gmt":"2026-09-24T10:01:25","slug":"formulari_personalitzat","status":"publish","type":"page","link":"https:\/\/bioopack.com\/ca\/formulari_personalitzat\/","title":{"rendered":"formulari_personalitzat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6099\" class=\"elementor elementor-6099 elementor-2817\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5df7f05b e-con-full e-flex e-con e-parent\" data-id=\"5df7f05b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d844357 e-con-full e-flex e-con e-child\" data-id=\"d844357\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19101ab elementor-widget elementor-widget-heading\" data-id=\"19101ab\" 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\">Descobreix el teu env\u00e0s ideal<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8ddc21 elementor-widget elementor-widget-heading\" data-id=\"a8ddc21\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"subtitulo-pasos\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Personalitza\u2019l i sol\u00b7licita pressupost<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f64b1e elementor-widget elementor-widget-html\" data-id=\"2f64b1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var form = document.querySelector('.elementor-widget-form');\n    var titulo = document.getElementById('subtitulo-pasos');\n\n\n    \/\/ --- IDIOMA ACTUAL (WPML) ---\n    var idioma = (document.documentElement.lang || '').toLowerCase().split('-')[0];\n    var ruta = window.location.pathname.toLowerCase();\n\n    if (!['es', 'en', 'ca', 'fr'].includes(idioma)) {\n        if (ruta === '\/en' || ruta.startsWith('\/en\/')) idioma = 'en';\n        else if (ruta === '\/ca' || ruta.startsWith('\/ca\/')) idioma = 'ca';\n        else if (ruta === '\/fr' || ruta.startsWith('\/fr\/')) idioma = 'fr';\n        else idioma = 'es';\n    }\n\n    \/\/ Solo traducimos textos visibles\/din\u00e1micos.\n    \/\/ Los IDs y valores internos del formulario (plana, doypack, cuatropack, etc.) NO se modifican.\n    var textos = {\n        es: {\n            popup1Title: '\u26a0\ufe0f Falta informaci\u00f3n \u26a0\ufe0f',\n            popup1Body: 'Por favor, antes de continuar escoge tu BiooPack: <br> - BiooBolsa (Doypack, Plana, Cuatropack) <br> - BiooBobina',\n            gotIt: 'Entendido',\n            popup2Title: '\u26a0\ufe0f Faltan datos \u26a0\ufe0f',\n            popup2Body: 'Por favor, completa los siguientes campos para poder enviar tu solicitud:',\n            completeData: 'Completar datos',\n            reqName: 'Nombre',\n            reqLastName: 'Apellidos',\n            reqEmail: 'E-mail',\n            reqCompany: 'Empresa',\n            reqCity: 'Ciudad',\n            reqCountry: 'Pa\u00eds',\n            reqPrivacy: 'Casilla de Pol\u00edtica de Privacidad',\n            productBiooRoll: 'Bolsa Bioobobina',\n            productFlat: 'Bolsa Plana',\n            productDoypack: 'Bolsa DoyPack',\n            productCuatropack: 'Bolsa CuatroPack',\n            application: 'Aplicaci\u00f3n:',\n            package: 'Envase BiooPack:',\n            barrier: 'Barrera:',\n            window: 'Ventana:',\n            printing: 'Impresi\u00f3n:',\n            size: 'Tama\u00f1o:',\n            valve: 'V\u00e1lvula:',\n            closure: 'Cierre:',\n            eurohole: 'Eurohole:',\n            summaryRoll: 'Resumen de tu selecci\u00f3n de BiooPack BiooBobina',\n            summaryBag: 'Resumen de tu selecci\u00f3n de BiooPack BiooBolsa',\n            notSelected: 'No seleccionado',\n            customize: 'Personaliza seg\u00fan tus necesidades',\n            genericPackage: 'tu envase',\n            yourCuatropack: 'tu CuatroPack',\n            yourFlat: 'tu Bolsa Plana',\n            yourDoypack: 'tu DoyPack',\n            chooseFeatures: 'Escoge las caracter\u00edsticas de ',\n            chooseNext: \"Escoge 'Siguiente' para continuar\",\n            aboutYou: 'Queremos saber m\u00e1s de ti',\n            lastStep: '\u00daltimo paso, para que podamos contactarte',\n            emailPackage: 'Envase BiooPack:',\n            emailSelectedPackage: 'Envase BiooPack seleccionado:',\n            phone: 'Tel\u00e9fono:',\n            address: 'Direcci\u00f3n:'\n        },\n        en: {\n            popup1Title: '\u26a0\ufe0f Missing information \u26a0\ufe0f',\n            popup1Body: 'Please choose your BiooPack before continuing: <br> - BiooBag (Doypack, Flat-Bottom, Cuatropack) <br> - BiooRoll',\n            gotIt: 'Got it',\n            popup2Title: '\u26a0\ufe0f Missing information \u26a0\ufe0f',\n            popup2Body: 'Please complete the following fields before submitting your request:',\n            completeData: 'Complete fields',\n            reqName: 'Name',\n            reqLastName: 'Last name',\n            reqEmail: 'Email',\n            reqCompany: 'Company',\n            reqCity: 'City',\n            reqCountry: 'Country',\n            reqPrivacy: 'Privacy Policy checkbox',\n            productBiooRoll: 'BiooRoll',\n            productFlat: 'Flat-Bottom',\n            productDoypack: 'Doypack',\n            productCuatropack: 'Cuatropack',\n            application: 'Application:',\n            package: 'BiooPack packaging:',\n            barrier: 'Barrier:',\n            window: 'Window:',\n            printing: 'Custom printing:',\n            size: 'Size:',\n            valve: 'Valve:',\n            closure: 'Closure:',\n            eurohole: 'Eurohole:',\n            summaryRoll: 'Summary of your BiooPack BiooRoll selection',\n            summaryBag: 'Summary of your BiooPack BiooBag selection',\n            notSelected: 'Not selected',\n            customize: 'Customize according to your needs',\n            genericPackage: 'your packaging',\n            yourCuatropack: 'your Cuatropack',\n            yourFlat: 'your Flat-Bottom',\n            yourDoypack: 'your Doypack',\n            chooseFeatures: 'Choose the features of ',\n            chooseNext: \"Choose 'Next' to continue\",\n            aboutYou: 'We want to know more about you',\n            lastStep: 'Last step, so we can contact you',\n            emailPackage: 'BiooPack packaging:',\n            emailSelectedPackage: 'Selected BiooPack packaging:',\n            phone: 'Phone:',\n            address: 'Address:'\n        },\n        ca: {\n            popup1Title: '\u26a0\ufe0f Falta informaci\u00f3 \u26a0\ufe0f',\n            popup1Body: 'Si us plau, abans de continuar escull el teu BiooPack: <br> - BiooBossa (Doypack, Plana, Cuatropack) <br> - BiooBobina',\n            gotIt: 'Ent\u00e8s',\n            popup2Title: '\u26a0\ufe0f Falten dades \u26a0\ufe0f',\n            popup2Body: 'Si us plau, completa els camps seg\u00fcents per poder enviar la teva sol\u00b7licitud:',\n            completeData: 'Completar dades',\n            reqName: 'Nom',\n            reqLastName: 'Cognoms',\n            reqEmail: 'Correu electr\u00f2nic',\n            reqCompany: 'Empresa',\n            reqCity: 'Ciutat',\n            reqCountry: 'Pa\u00eds',\n            reqPrivacy: 'Casella de la Pol\u00edtica de privacitat',\n            productBiooRoll: 'BiooBobina',\n            productFlat: 'Bossa plana',\n            productDoypack: 'Bossa DoyPack',\n            productCuatropack: 'Bossa CuatroPack',\n            application: 'Aplicaci\u00f3:',\n            package: 'Env\u00e0s BiooPack:',\n            barrier: 'Barrera:',\n            window: 'Finestra:',\n            printing: 'Impressi\u00f3:',\n            size: 'Mida:',\n            valve: 'V\u00e0lvula:',\n            closure: 'Tancament:',\n            eurohole: 'Eurohole:',\n            summaryRoll: 'Resum de la teva selecci\u00f3 de BiooPack BiooBobina',\n            summaryBag: 'Resum de la teva selecci\u00f3 de BiooPack BiooBossa',\n            notSelected: 'No seleccionat',\n            customize: 'Personalitza segons les teves necessitats',\n            genericPackage: 'el teu env\u00e0s',\n            yourCuatropack: 'el teu CuatroPack',\n            yourFlat: 'la teva bossa plana',\n            yourDoypack: 'el teu DoyPack',\n            chooseFeatures: 'Escull les caracter\u00edstiques de ',\n            chooseNext: \"Escull 'Seg\u00fcent' per continuar\",\n            aboutYou: 'Volem saber m\u00e9s de tu',\n            lastStep: '\u00daltim pas, perqu\u00e8 puguem contactar amb tu',\n            emailPackage: 'Env\u00e0s BiooPack:',\n            emailSelectedPackage: 'Env\u00e0s BiooPack seleccionat:',\n            phone: 'Tel\u00e8fon:',\n            address: 'Adre\u00e7a:'\n        },\n        fr: {\n            popup1Title: '\u26a0\ufe0f Informations manquantes \u26a0\ufe0f',\n            popup1Body: 'Avant de continuer, veuillez choisir votre BiooPack : <br> - BiooBag (Doypack, Flat-Bottom, Cuatropack) <br> - BiooRoll',\n            gotIt: 'Compris',\n            popup2Title: '\u26a0\ufe0f Informations manquantes \u26a0\ufe0f',\n            popup2Body: 'Veuillez compl\u00e9ter les champs suivants avant d\u2019envoyer votre demande :',\n            completeData: 'Compl\u00e9ter les champs',\n            reqName: 'Pr\u00e9nom',\n            reqLastName: 'Nom',\n            reqEmail: 'E-mail',\n            reqCompany: 'Entreprise',\n            reqCity: 'Ville',\n            reqCountry: 'Pays',\n            reqPrivacy: 'Case de la politique de confidentialit\u00e9',\n            productBiooRoll: 'BiooRoll',\n            productFlat: 'Flat-Bottom',\n            productDoypack: 'Doypack',\n            productCuatropack: 'Cuatropack',\n            application: 'Application :',\n            package: 'Emballage BiooPack :',\n            barrier: 'Barri\u00e8re :',\n            window: 'Fen\u00eatre :',\n            printing: 'Impression personnalis\u00e9e :',\n            size: 'Taille :',\n            valve: 'Valve :',\n            closure: 'Fermeture :',\n            eurohole: 'Eurohole :',\n            summaryRoll: 'R\u00e9sum\u00e9 de votre s\u00e9lection BiooPack BiooRoll',\n            summaryBag: 'R\u00e9sum\u00e9 de votre s\u00e9lection BiooPack BiooBag',\n            notSelected: 'Non s\u00e9lectionn\u00e9',\n            customize: 'Personnalisez selon vos besoins',\n            genericPackage: 'votre emballage',\n            yourCuatropack: 'votre Cuatropack',\n            yourFlat: 'votre Flat-Bottom',\n            yourDoypack: 'votre Doypack',\n            chooseFeatures: 'Choisissez les caract\u00e9ristiques de ',\n            chooseNext: \"Choisissez 'Suivant' pour continuer\",\n            aboutYou: 'Nous souhaitons en savoir plus sur vous',\n            lastStep: 'Derni\u00e8re \u00e9tape, afin que nous puissions vous contacter',\n            emailPackage: 'Emballage BiooPack :',\n            emailSelectedPackage: 'Emballage BiooPack s\u00e9lectionn\u00e9 :',\n            phone: 'T\u00e9l\u00e9phone :',\n            address: 'Adresse :'\n        }\n    };\n\n    var T = textos[idioma] || textos.es;\n\n    if (!form) return; \n    \n    \/\/ --- SOLUCI\u00d3N CONGELACI\u00d3N: Limpiar el resumen al enviar con \u00e9xito ---\n    jQuery(document).on('submit_success', function(e, response) {\n        var contenedorResumen = document.getElementById('caja-resumen-paso3');\n        if (contenedorResumen) {\n            contenedorResumen.innerHTML = '';\n            contenedorResumen.style.setProperty('display', 'none', 'important');\n        }\n    });\n\n    \/\/ --- 1. INTERRUPTOR BOLSA \/ BOBINA ---\n    form.addEventListener('change', function(e) {\n        if (e.target.type === 'radio') {\n            if (e.target.name === 'form_fields[tipo_envase]') {\n                \/\/ CAMBIO: document -> form para aislar el formulario correcto\n                var bobinas = form.querySelectorAll('input[name=\"form_fields[tipo_bobina]\"]');\n                bobinas.forEach(function(radio) { radio.checked = false; });\n            } else if (e.target.name === 'form_fields[tipo_bobina]') {\n                \/\/ CAMBIO: document -> form para aislar el formulario correcto\n                var bolsas = form.querySelectorAll('input[name=\"form_fields[tipo_envase]\"]');\n                bolsas.forEach(function(radio) { radio.checked = false; });\n            }\n        }\n    });\n\n    \/\/ --- 2. POPUP bioopack Primer paso obligatorio ---\n    function mostrarAvisoBonito() {\n        var popup = document.createElement('div');\n        popup.innerHTML = `\n            <div style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); z-index: 99999; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(2px);\">\n                <div style=\"background: #ffffff; padding: 30px; border-radius: 10px; max-width: 400px; width: 90%; text-align: left ; box-shadow: 0 10px 25px rgba(0,0,0,0.3); font-family: inherit;\">\n                    <h3 style=\"margin-top: 0; color: #4ade80; font-size: 22px; margin-bottom: 15px;\">${T.popup1Title}<\/h3>\n                    <p style=\"color: #333333; font-size: 16px; line-height: 1.5; margin-bottom: 25px;\">\n                        ${T.popup1Body} \n                    <\/p>\n                    <button id=\"btn-cerrar-aviso\" style=\"background: #4ade80; color: #ffffff; border: none; padding: 12px 24px; border-radius: 5px; font-size: 16px; cursor: pointer; font-weight: bold; width: 100%; transition: 0.3s;\">\n                        ${T.gotIt}\n                    <\/button>\n                <\/div>\n            <\/div>\n        `;\n        document.body.appendChild(popup);\n        document.getElementById('btn-cerrar-aviso').addEventListener('click', function() { popup.remove(); \n        \/\/ Esto hace que la pantalla suba arriba del todo con un efecto suave\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        });\n    }\n\n    \/\/ --- 2.1. EL Bloqueo Paso 1 ---\n    form.addEventListener('click', function(e) {\n        var botonSiguiente = e.target.closest('.elementor-field-type-next .elementor-button');\n        if (botonSiguiente) {\n            \/\/ CAMBIO: document -> form\n            var pasoActivo = form.querySelector('.e-form__indicators__indicator--state-active .e-form__indicators__indicator__number');\n            if (pasoActivo && pasoActivo.innerText.trim() === \"1\") {\n                \/\/ CAMBIO: document -> form\n                var hayBolsa = form.querySelector('input[name=\"form_fields[tipo_envase]\"]:checked');\n                var hayBobina = form.querySelector('input[name=\"form_fields[tipo_bobina]\"]:checked');\n                if (!hayBolsa && !hayBobina) {\n                    e.preventDefault(); \n                    e.stopPropagation(); \n                    mostrarAvisoBonito();\n                }\n            }\n        }\n    }, true);\n    \n    \/\/ --- 3. POPUP CAMPOS OBLIGATORIOS Cuarto paso (ENV\u00cdO) ---\n    \/\/ Ahora recibe la variable \"listaCampos\" Y el elemento f\u00edsico que ha fallado\n    function mostrarAvisoCamposVacios(listaCampos, primerElementoFallo) {\n        if(document.getElementById('popup-campos-vacios')) return; \n\n        \/\/ 1. Generamos los elementos de la lista en HTML (ej: <li>Nombre<\/li>)\n        var htmlListaFaltantes = '<ul style=\"text-align: left; background: #f9f9f9; padding: 15px 15px 15px 35px; border-radius: 5px; margin-bottom: 25px; color: #ff4d4d; font-size: 15px; font-weight: 500;\">';\n        listaCampos.forEach(function(campo) {\n            htmlListaFaltantes += '<li style=\"margin-bottom: 5px;\">' + campo + '<\/li>';\n        });\n        htmlListaFaltantes += '<\/ul>';\n\n        var popup = document.createElement('div');\n        popup.id = 'popup-campos-vacios';\n        popup.innerHTML = `\n            <div style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); z-index: 99999; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(2px);\">\n                <div style=\"background: #ffffff; padding: 30px; border-radius: 10px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.3); font-family: inherit;\">\n                    <h3 style=\"margin-top: 0; color: #4ade80; font-size: 22px; margin-bottom: 15px;\">${T.popup2Title}<\/h3>\n                    <p style=\"color: #333333; font-size: 16px; line-height: 1.5; margin-bottom: 15px;\">\n                        ${T.popup2Body}\n                    <\/p>\n                    \n                    ${htmlListaFaltantes} <!-- Aqu\u00ed se inyecta la lista din\u00e1mica -->\n\n                    <button id=\"btn-cerrar-aviso-datos\" style=\"background: #4ade80; color: #ffffff; border: none; padding: 12px 24px; border-radius: 5px; font-size: 16px; cursor: pointer; font-weight: bold; width: 100%; transition: 0.3s;\">\n                        ${T.completeData}\n                    <\/button>\n                <\/div>\n            <\/div>\n        `;\n        document.body.appendChild(popup);\n        \n        document.getElementById('btn-cerrar-aviso-datos').addEventListener('click', function() { \n            popup.remove();\n            \n            \/\/ Si sabemos qu\u00e9 campo ha fallado, hacemos scroll hacia \u00e9l\n            if (primerElementoFallo) {\n                \/\/ Buscamos la caja que envuelve al campo para que quede centrado y no cortado\n                var contenedor = primerElementoFallo.closest('.elementor-field-group') || primerElementoFallo;\n                contenedor.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                \n                \/\/ Ponemos el cursor dentro para que el usuario pueda escribir directamente\n                setTimeout(function() {\n                    if (primerElementoFallo.focus) primerElementoFallo.focus();\n                }, 400);\n            } else {\n                \/\/ Plan B por si acaso\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n        });\n    }\n\n    \/\/ --- 3.1. EL Bloqueo del \u00daltimo Paso antes de  Enviar ---\n    form.addEventListener('click', function(e) {\n        \/\/ Interceptamos el bot\u00f3n de tipo \"submit\"\n        var botonEnviar = e.target.closest('button[type=\"submit\"]');\n        \n        if (botonEnviar) {\n            var camposVacios = []; \/\/ Creamos la caja vac\u00eda para guardar los nombres de los errores\n            var primerCampoFallo = null; \/\/ Creamos una variable para atrapar el primer HTML que falle\n\n            \/\/ Funci\u00f3n r\u00e1pida para comprobar si un campo est\u00e1 vac\u00edo y atraparlo\n            function estaVacio(nombreCampo) {\n                var campo = form.querySelector('[name=\"form_fields[' + nombreCampo + ']\"]');\n                var vacio = !campo || campo.value.trim() === '';\n                \n                \/\/ Si el campo est\u00e1 vac\u00edo y es el PRIMERO que detectamos, hacemos la foto\n                if (vacio && !primerCampoFallo && campo) {\n                    primerCampoFallo = campo;\n                }\n                return vacio;\n            }\n\n            \/\/ Comprobamos los inputs de texto y vamos a\u00f1adiendo sus nombres reales a la lista\n            if (estaVacio('nombre')) camposVacios.push(T.reqName);\n            if (estaVacio('apellidos')) camposVacios.push(T.reqLastName);\n            if (estaVacio('email')) camposVacios.push(T.reqEmail);\n            if (estaVacio('empresa')) camposVacios.push(T.reqCompany);\n            if (estaVacio('ciudad')) camposVacios.push(T.reqCity);\n            if (estaVacio('pais')) camposVacios.push(T.reqCountry);\n            \n            \/\/ Comprobamos el checkbox (buscamos las dos variantes que suele usar Elementor)\n            var check1 = form.querySelector('input[name=\"form_fields[aceptacion]\"]:checked');\n            var check2 = form.querySelector('input[name=\"form_fields[aceptacion][]\"]:checked');\n            if (!check1 && !check2) {\n                camposVacios.push(T.reqPrivacy);\n                \/\/ Si el checkbox es el \u00daNICO fallo, lo atrapamos\n                if (!primerCampoFallo) {\n                    primerCampoFallo = form.querySelector('input[name=\"form_fields[aceptacion]\"], input[name=\"form_fields[aceptacion][]\"]');\n                }\n            }\n\n            \/\/ Si la lista tiene al menos 1 elemento (es decir, hay fallos), bloqueamos y lanzamos el popup\n            if (camposVacios.length > 0) {\n                e.preventDefault(); \n                e.stopPropagation(); \n                \/\/ Le pasamos la lista de nombres Y el elemento f\u00edsico al popup\n                mostrarAvisoCamposVacios(camposVacios, primerCampoFallo); \n            }\n        }\n    }, true); \/\/ <- Este 'true' captura el clic ANTES de que Elementor se mueva.\n\n    \/\/ --- 4. FUNCI\u00d3N PARA GENERAR RESUMEN (PASO 3) ---\n    function generarResumen() {\n        var contenedorResumen = document.getElementById('caja-resumen-paso3');\n        if (!contenedorResumen) return;\n\n        \/\/ Comprobamos si hay bolsa o bobina marcada\n        \/\/ CAMBIO: document -> form para aislar correctamente\n        var envaseElegido = form.querySelector('input[name=\"form_fields[tipo_envase]\"]:checked');\n        var bobinaElegida = form.querySelector('input[name=\"form_fields[tipo_bobina]\"]:checked');\n        \n        \/\/ Si no hay ninguna de las dos, limpiamos la caja y salimos\n        if (!envaseElegido && !bobinaElegida) {\n            contenedorResumen.innerHTML = '';\n            contenedorResumen.style.setProperty('display', 'none', 'important');\n            return;\n        }\n        \n        var esBobina = bobinaElegida ? true : false;\n        var valorRealProducto = \"\";\n        var nombreProductoStr = \"\";\n\n        if (esBobina) {\n            nombreProductoStr = bobinaElegida.value.toLowerCase();\n            \/\/valorRealProducto = bobinaElegida.value;\n            valorRealProducto = T.productBiooRoll;\n        } else {\n            nombreProductoStr = envaseElegido.value.toLowerCase(); \n            valorRealProducto = envaseElegido.value; \n                        \n            \/\/ --- AQU\u00cd SE MAQUILLA EL NOMBRE DE LA BOLSA ---\n            if (nombreProductoStr.includes('plana')) {\n                valorRealProducto = T.productFlat;\n            } else if (nombreProductoStr.includes('doypack')) {\n                valorRealProducto = T.productDoypack;\n            } else if (nombreProductoStr.includes('cuatropack')) {\n                valorRealProducto = T.productCuatropack;\n            } \n            \/\/ ----------------------------------------------\n        }\n\n        \/\/ Datos comunes del Paso 1 (Aplican a Bolsas y a Bobinas)\n        var valAplicacion = obtenerValor('filaiconos');\n        var valBarrera = obtenerValor('barrera');\n        var valVentana = obtenerValor('ventana');\n        var valImpresion = obtenerValor('sino');\n\n        var listaHTML = `\n            <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.application}<\/strong> \n                <span>${valAplicacion}<\/span>\n            <\/li>\n            <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.package}<\/strong> \n                <span>${valorRealProducto}<\/span>\n            <\/li>\n            <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.barrier}<\/strong> \n                <span>${valBarrera}<\/span>\n            <\/li>\n            <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.window}<\/strong> \n                <span>${valVentana}<\/span>\n            <\/li>\n            <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.printing}<\/strong> \n                <span>${valImpresion}<\/span>\n            <\/li>\n        `;\n\n        \/\/ Datos exclusivos del Paso 2 (Solo se a\u00f1aden si NO es bobina)\n        if (!esBobina) {\n            if (nombreProductoStr.includes('cuatropack')) {\n                var valTamano = obtenerValor('tamano_cuatropack');\n                var valValvula = obtenerValor('valvula_cuatropack');\n                listaHTML += `\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.size}<\/strong> \n                        <span>${valTamano}<\/span>\n                    <\/li>\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.valve}<\/strong> \n                        <span>${valValvula}<\/span>\n                    <\/li>\n                `;\n            } else if (nombreProductoStr.includes('doypack')) {\n                var valTamano = obtenerValor('tamano_doypack');\n                var valCierre = obtenerValor('cierre_doypack');\n                var valEurohole = obtenerValor('eurohole_doypack');\n                listaHTML += `\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.size}<\/strong> \n                        <span>${valTamano}<\/span>\n                    <\/li>\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.closure}<\/strong> \n                        <span>${valCierre}<\/span>\n                    <\/li>\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.eurohole}<\/strong> \n                        <span>${valEurohole}<\/span>\n                    <\/li>\n                `;\n            } else if (nombreProductoStr.includes('plana')) {\n                var valTamano = obtenerValor('tamano_plana');\n                var valCierre = obtenerValor('cierre_plana');\n                var valEurohole = obtenerValor('eurohole_plana');\n                    listaHTML += `\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.size}<\/strong> \n                        <span>${valTamano}<\/span>\n                    <\/li>\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.closure}<\/strong> \n                        <span>${valCierre}<\/span>\n                    <\/li>\n                    <li style=\"display: flex; margin-bottom: 10px; margin-left: 20px;\">\n                        <strong style=\"color:#4ade80; flex: 0 0 180px;\">${T.eurohole}<\/strong> \n                        <span>${valEurohole}<\/span>\n                    <\/li>\n                `;\n            }\n        }\n\n        \/\/ T\u00edtulo din\u00e1mico para el resumen\n        var tituloResumen = esBobina ? T.summaryRoll : T.summaryBag;\n        contenedorResumen.innerHTML = `\n            <h3 style=\"color: #4ade80; margin-top: 0; font-size: 18px; margin-bottom: 15px;\">${tituloResumen}<\/h3>\n            <ul style=\"list-style: none; padding: 0; margin: 0; font-size: 15px; line-height: 1.5; color: #ffffff;\">\n                ${listaHTML}\n            <\/ul>\n        `;\n        \n        contenedorResumen.style.setProperty('display', 'block', 'important');\n        \/\/ rgba(0,0,0, 0.3) = Fondo negro al 30% de opacidad.\n        contenedorResumen.style.setProperty('background-color', 'rgba(0, 0, 0, 0.3)', 'important');\n    }\n\n    \/\/ --- 4.1. FUNCION UNIVERSAL PARA VISIBILIDAD EN TODO EL SCRIPT (BLINDADA) ---\n    function obtenerValor(idCampo) {\n        \/\/ Buscamos TODOS los inputs\/selects que coincidan con el idCampo en este formulario\n        var campos = form.querySelectorAll('[name=\"form_fields[' + idCampo + ']\"], [name=\"form_fields[' + idCampo + '][]\"]');\n        if (campos.length === 0) return ''; \/\/ Si el campo no existe, devolvemos vac\u00edo\n\n        var primerCampo = campos[0];\n        var tipo = primerCampo.type ? primerCampo.type.toLowerCase() : '';\n\n        \/\/ SI ES RADIO O CHECKBOX: Solo devolvemos valor si hay uno realmente marcado (:checked)\n        if (tipo === 'radio' || tipo === 'checkbox') {\n            var campoMarcado = form.querySelector('[name=\"form_fields[' + idCampo + ']\"]:checked') || \n                               form.querySelector('[name=\"form_fields[' + idCampo + '][]\"]:checked');\n            \n            \/\/ Si est\u00e1 marcado da el valor, si no est\u00e1 marcado en la prueba actual devuelve \"No seleccionado\"\n            return campoMarcado ? campoMarcado.value : T.notSelected;\n        }\n\n        \/\/ SI ES UN DESPLEGABLE (select): devolvemos su valor\n        if (primerCampo.tagName && primerCampo.tagName.toLowerCase() === 'select') {\n            return primerCampo.value;\n        }\n\n        \/\/ SI ES TEXTO NORMAL: Devuelve lo escrito o vac\u00edo (\"\")\n        return primerCampo.value.trim(); \n    }\n   \n    \/\/ --- 5. EL \"CEREBRO\" QUE LLAMA A TODO ---\n    function actualizarTodo() {\n        \/\/ CAMBIO: document -> form\n        var pasoActivo = form.querySelector('.e-form__indicators__indicator--state-active .e-form__indicators__indicator__number');\n        if (pasoActivo) {\n            var numeroPaso = pasoActivo.innerText.trim(); \n            \n            if (titulo) {\n                if (numeroPaso === \"1\") {\n                    titulo.innerText = T.customize; \n                } else if (numeroPaso === \"2\") {\n                    var textoExacto = T.genericPackage; \n                    var subtitulo_bolsa = false; \n                    \/\/ CAMBIO: document -> form\n                    var radioSeleccionado = form.querySelector('input[name=\"form_fields[tipo_envase]\"]:checked');\n                    \n                    if (radioSeleccionado) {\n                        var valorBruto = radioSeleccionado.value.toLowerCase();\n                        if (valorBruto.includes('cuatropack')) textoExacto = T.yourCuatropack;\n                        else if (valorBruto.includes('plana')) textoExacto = T.yourFlat;\n                        else if (valorBruto.includes('doypack')) textoExacto = T.yourDoypack;\n                        subtitulo_bolsa = true;\n                    }\n                    if (subtitulo_bolsa) titulo.innerText = T.chooseFeatures + textoExacto; \n                    else titulo.innerText = T.chooseNext; \n                } else if (numeroPaso === \"3\") {\n                    titulo.innerText = T.aboutYou;\n                    generarResumen(); \n                } else if (numeroPaso === \"4\") {\n                    titulo.innerText = T.lastStep;\n                }\n            }\n        }\n    }\n\n    form.addEventListener('click', function(e) {\n        \/\/ Ignoramos el bot\u00f3n de enviar (submit) para que no se pelee con el popup final\n        var boton = e.target.closest('.e-form__buttons__wrapper__button');\n        if (boton && boton.type !== 'submit') {\n            setTimeout(actualizarTodo, 300);\n\n            \/\/ --- FIX PARA IPHONE ---\n            \/\/ Le damos 350ms para que Elementor termine su animaci\u00f3n de cambiar de paso, \n            \/\/ y entonces forzamos al iPhone a mirar al principio del formulario.\n            setTimeout(function() {\n                \/\/form.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                \n                \/* Nota: Si en los m\u00f3viles el t\u00edtulo de la p\u00e1gina se queda oculto y se quiere subir a la parte M\u00c1S alta de la pantalla, borra la l\u00ednea de arriba se usa ...:*\/\n                   window.scrollTo({ top: 0, behavior: 'smooth' });\n                \n            }, 350);\n        }\n    });\n    \n    actualizarTodo();\n    \n    \/\/ --- 6. PREPARAR EL RESUMEN FINAL EN EL EMAIL (EN TIEMPO REAL) ---\n    function actualizarCampoOculto() {\n        \/\/ CAMBIO: ya usabas form.querySelector, excelente.\n        var campoOculto = form.querySelector('input[name=\"form_fields[resumen_js]\"]');\n        var campoOcultoCliente = form.querySelector('input[name=\"form_fields[datos_cliente_js]\"]'); \n        \n        if (!campoOculto) return;\n\n        \/\/ CAMBIO: ya usabas form.querySelector\n        var envaseElegido = form.querySelector('input[name=\"form_fields[tipo_envase]\"]:checked');\n        var bobinaElegida = form.querySelector('input[name=\"form_fields[tipo_bobina]\"]:checked');\n        \n        var textoFinal = \"\";\n\n        if (bobinaElegida) {\n            textoFinal = \"[strong]\" + T.emailPackage + \" [\/strong]\" + T.productBiooRoll + \"[br]\";\n        } else if (envaseElegido) {\n            var nombreBolsaStr = envaseElegido.value.toLowerCase();\n            var valorRealProducto = idioma === 'en' || idioma === 'fr' ? 'BiooBag' : (idioma === 'ca' ? 'BiooBossa' : 'Bolsa BiooBolsa');\n\n            if (nombreBolsaStr.includes('plana')) {\n                valorRealProducto = T.productFlat;\n            } else if (nombreBolsaStr.includes('doypack')) {\n                valorRealProducto = T.productDoypack;\n            } else if (nombreBolsaStr.includes('cuatropack')) {\n                valorRealProducto = T.productCuatropack;\n            }\n\n            textoFinal = \"[strong]\" + T.emailSelectedPackage + \"[\/strong] \" + valorRealProducto + \"[br]\";\n\n            if (nombreBolsaStr.includes('cuatropack')) {\n                textoFinal += \"[strong]\" + T.size + \" [\/strong]\" + obtenerValor('tamano_cuatropack') + \"[br]\";\n                textoFinal += \"[strong]\" + T.valve + \" [\/strong]\" + obtenerValor('valvula_cuatropack') + \"[br]\";\n            }\n            else if (nombreBolsaStr.includes('doypack')) {\n                textoFinal += \"[strong]\" + T.size + \" [\/strong]\" + obtenerValor('tamano_doypack') + \"[br]\";\n                textoFinal += \"[strong]\" + T.closure + \" [\/strong]\" + obtenerValor('cierre_doypack') + \"[br]\";\n                textoFinal += \"[strong]\" + T.eurohole + \" [\/strong]\" + obtenerValor('eurohole_doypack') + \"[br]\";\n            }\n            else if (nombreBolsaStr.includes('plana')) {\n                textoFinal += \"[strong]\" + T.size + \" [\/strong]\" + obtenerValor('tamano_plana') + \"[br]\";\n                textoFinal += \"[strong]\" + T.closure + \" [\/strong]\" + obtenerValor('cierre_plana') + \"[br]\";\n                textoFinal += \"[strong]\" + T.eurohole + \" [\/strong]\" + obtenerValor('eurohole_plana') + \"[br]\";\n            }\n        }\n\n        \/\/ Se guarda inmediatamente en el campo oculto\n        campoOculto.value = textoFinal;\n        \n        \/\/ Detecta si escriben tel\u00e9fono\/direcci\u00f3n\/mensaje, limpia las comas y lo guarda en el nuevo campo oculto.\n        if (campoOcultoCliente) {\n            var textoCliente = \"\";\n\n            var miTelefono = obtenerValor('telefono');\n            if (miTelefono !== '') {\n                textoCliente += \"[strong]\" + T.phone + \"[\/strong] \" + miTelefono + \"[br]\";\n            }\n    \n            var partesDireccion = [\n                obtenerValor('direccion'), obtenerValor('cp'), obtenerValor('ciudad'),\n                obtenerValor('provincia'), obtenerValor('pais')\n            ];\n            \n            var direccionLimpia = partesDireccion.filter(Boolean).join(', '); \/\/  anti-comas\n            \n            if (direccionLimpia !== '') {\n                textoCliente += \"[strong]\" + T.address + \"[\/strong] \" + direccionLimpia + \"[br]\";\n            }\n    \n            \/\/ Se inyecta limpio al campo oculto\n            campoOcultoCliente.value = textoCliente;\n        }\n    }\n\n    \/\/ Actualiza el campo oculto cada vez que se hace clic en los botones de avance o cambian los radios\n    form.addEventListener('change', function() {\n        actualizarCampoOculto();\n        generarResumen(); \/\/ Actualiza el resumen en tiempo real al cambiar opciones\n    });\n    form.addEventListener('click', function(e) {\n        if (e.target.closest('.e-form__buttons__wrapper__button')) {\n            setTimeout(actualizarCampoOculto, 100);\n        }\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e3029f e-con-full e-flex e-con e-child\" data-id=\"8e3029f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-639faef elementor-widget__width-initial elementor-button-align-start cotizador-bolsas elementor-widget-mobile__width-inherit elementor-widget elementor-widget-form\" data-id=\"639faef\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mi-formulario-pasos\" data-settings=\"{&quot;step_next_label&quot;:&quot;Seg\\u00fcent&quot;,&quot;step_type&quot;:&quot;number&quot;,&quot;button_width&quot;:&quot;30&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t<template id=\"cfef_logic_data_639faef\" class=\"cfef_logic_data_js\" data-form-id=\"639faef\">{&quot;tamano_doypack&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;doypack&quot;,&quot;_id&quot;:&quot;b1704d9&quot;}]},&quot;cierre_doypack&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;doypack&quot;,&quot;_id&quot;:&quot;964a4e2&quot;}]},&quot;eurohole_doypack&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;doypack&quot;,&quot;_id&quot;:&quot;9397ae8&quot;}]},&quot;tamano_plana&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;plana&quot;,&quot;_id&quot;:&quot;01759e4&quot;}]},&quot;cierre_plana&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;plana&quot;,&quot;_id&quot;:&quot;01759e4&quot;}]},&quot;eurohole_plana&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;plana&quot;,&quot;_id&quot;:&quot;01759e4&quot;}]},&quot;tamano_cuatropack&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;cuatropack&quot;,&quot;_id&quot;:&quot;01759e4&quot;}]},&quot;valvula_cuatropack&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_envase&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;cuatropack&quot;,&quot;_id&quot;:&quot;01759e4&quot;}]},&quot;field_76ea24a&quot;:{&quot;display_mode&quot;:&quot;show&quot;,&quot;fire_action&quot;:&quot;All&quot;,&quot;file_types&quot;:&quot;png&quot;,&quot;logic_data&quot;:[{&quot;cfef_logic_field_id&quot;:&quot;tipo_bobina&quot;,&quot;cfef_logic_field_is&quot;:&quot;==&quot;,&quot;cfef_logic_compare_value&quot;:&quot;bioobobina&quot;,&quot;_id&quot;:&quot;bf7202d&quot;}]}}<\/template>\t\t<form class=\"elementor-form\" method=\"post\" id=\"form_bioopack\" name=\"form_biopack\" aria-label=\"form_biopack\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6099\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"639faef\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-paso1 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"Pas 1\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"\" data-icon=\"\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-filaiconos elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-filaiconos\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAplicacions\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Mercats pr\u00e8mium\" id=\"form-field-filaiconos-0\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-0\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-05.png\"><br>Mercats<br\/>Premium <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Fruites\/Verdures\" id=\"form-field-filaiconos-1\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-1\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-06.png\"><br>Fruites i<br\/>Verdures <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Snacks\/Fruits secs\" id=\"form-field-filaiconos-2\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-2\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-07.png\"><br>Snacks i<br\/>Fruits secs <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Fleca\/Pastisseria\" id=\"form-field-filaiconos-3\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-3\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-08.png\"><br>Fleca i<br\/>Pastisseria <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Productes ecol\u00f2gics\" id=\"form-field-filaiconos-4\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-4\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-09.png\"><br>Packaging ecol\u00f2gic \/ veg\u00e0<br\/><\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Nutrac\u00e8utics\/Superaliments\" id=\"form-field-filaiconos-5\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-5\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-10.png\"><br>Farm\u00e0cia i nutrac\u00e8utics<br\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Mascotes\" id=\"form-field-filaiconos-6\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-6\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-11.png\"><br>Cura de mascotes <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Kits de neteja personal\" id=\"form-field-filaiconos-7\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-7\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-12.png\"><br>Kits de cura<br\/>personal <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Retail\" id=\"form-field-filaiconos-8\" name=\"form_fields[filaiconos]\"> <label for=\"form-field-filaiconos-8\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Aplicaciones_sectores_mercados-13.png\"><br>Retail <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_87eea97 elementor-col-100\">\n\t\t\t\t\t<label class=\"elementor-field-label\" style=\"font-weight: 300; margin-top:10px; margin-bottom: 15px; display: block;\">Trieu el vostre BiooPack<\/label>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-tipo_envase elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-tipo_envase\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t1. Trieu la vostra BiooBossa\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" doypack\" id=\"form-field-tipo_envase-0\" name=\"form_fields[tipo_envase]\"> <label for=\"form-field-tipo_envase-0\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/doypack.svg\"><br>Doypack <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" plana\" id=\"form-field-tipo_envase-1\" name=\"form_fields[tipo_envase]\"> <label for=\"form-field-tipo_envase-1\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/plane.svg\"\/><br\/>Plana <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" cuatropack\" id=\"form-field-tipo_envase-2\" name=\"form_fields[tipo_envase]\"> <label for=\"form-field-tipo_envase-2\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/cuatropack.svg\"\/><br\/>CuatroPack <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-tipo_bobina elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-tipo_bobina\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t2. O BiooBobina\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" bioobobina\" id=\"form-field-tipo_bobina-0\" name=\"form_fields[tipo_bobina]\"> <label for=\"form-field-tipo_bobina-0\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/bioobobina.svg\"><br>BiooBobines <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-barrera elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-barrera\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tBarrera\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Seguretat mitjana\" id=\"form-field-barrera-0\" name=\"form_fields[barrera]\"> <label for=\"form-field-barrera-0\">Mitjana<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/nuevo-seguridad-02.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Alta seguretat\" id=\"form-field-barrera-1\" name=\"form_fields[barrera]\"> <label for=\"form-field-barrera-1\">Alta<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/alta-seguridad.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-ventana elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-ventana\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFinestra \/ Sense finestra\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amb finestra\" id=\"form-field-ventana-0\" name=\"form_fields[ventana]\"> <label for=\"form-field-ventana-0\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/ventana.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Sense finestra\" id=\"form-field-ventana-1\" name=\"form_fields[ventana]\"> <label for=\"form-field-ventana-1\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/sin-ventana.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-sino elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-sino\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tImpressi\u00f3 personalitzada\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"S\u00ed\" id=\"form-field-sino-0\" name=\"form_fields[sino]\"> <label for=\"form-field-sino-0\">S\u00ed<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"No\" id=\"form-field-sino-1\" name=\"form_fields[sino]\"> <label for=\"form-field-sino-1\">No<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-paso2 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"Pas 2\" data-previousButton=\"Anterior\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-chevron-left\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-chevron-left&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-tamano_doypack elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-tamano_doypack\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMida\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 85mm \/ 100g\" id=\"form-field-tamano_doypack-0\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-0\">Amplada<br\/>85mm\/<br\/>100g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 110mm \/ 250g \" id=\"form-field-tamano_doypack-1\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-1\">Amplada<br\/>110mm\/<br\/>250g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 130mm \/ 500g\" id=\"form-field-tamano_doypack-2\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-2\">Amplada<br\/>130mm\/<br\/>500g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 160mm \/ 750g\" id=\"form-field-tamano_doypack-3\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-3\">Amplada<br\/>160mm\/<br\/>750g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 750mm \/ 1000g\" id=\"form-field-tamano_doypack-4\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-4\">Amplada<br\/>750mm\/<br\/>1000g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-cierre_doypack elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-cierre_doypack\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTancament\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amb tancament Zipper\" id=\"form-field-cierre_doypack-0\" name=\"form_fields[cierre_doypack]\"> <label for=\"form-field-cierre_doypack-0\">Zipper<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/zipper-si.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Sense tancament Zipper\" id=\"form-field-cierre_doypack-1\" name=\"form_fields[cierre_doypack]\"> <label for=\"form-field-cierre_doypack-1\">Sense Zipper<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/zipper.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-eurohole_doypack elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-eurohole_doypack\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEurohole\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amb Eurohole\" id=\"form-field-eurohole_doypack-0\" name=\"form_fields[eurohole_doypack]\"> <label for=\"form-field-eurohole_doypack-0\">Vull Eurohole<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/eurohole.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Sense Eurohole\" id=\"form-field-eurohole_doypack-1\" name=\"form_fields[eurohole_doypack]\"> <label for=\"form-field-eurohole_doypack-1\">Sense Eurohole<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/eurohole-no.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-tamano_plana elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-tamano_plana\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMida\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 110mm \/ 250g\" id=\"form-field-tamano_plana-0\" name=\"form_fields[tamano_plana]\"> <label for=\"form-field-tamano_plana-0\">Amplada<br\/>110mm\/<br\/>250g<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 130mm \/ 500g\" id=\"form-field-tamano_plana-1\" name=\"form_fields[tamano_plana]\"> <label for=\"form-field-tamano_plana-1\">Amplada<br\/>130mm\/<br\/>500g<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 160mm \/ 750g\" id=\"form-field-tamano_plana-2\" name=\"form_fields[tamano_plana]\"> <label for=\"form-field-tamano_plana-2\">Amplada<br\/>160mm\/<br\/>750g<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-cierre_plana elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-cierre_plana\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTancament\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amb tancament Zipper\" id=\"form-field-cierre_plana-0\" name=\"form_fields[cierre_plana]\"> <label for=\"form-field-cierre_plana-0\">Zipper<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/zipper-si.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Sense tancament Zipper\" id=\"form-field-cierre_plana-1\" name=\"form_fields[cierre_plana]\"> <label for=\"form-field-cierre_plana-1\">Sense Zipper<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/zipper.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-eurohole_plana elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-eurohole_plana\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEurohole\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amb Eurohole\" id=\"form-field-eurohole_plana-0\" name=\"form_fields[eurohole_plana]\"> <label for=\"form-field-eurohole_plana-0\">Vull Eurohole<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/eurohole.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Sense Eurohole\" id=\"form-field-eurohole_plana-1\" name=\"form_fields[eurohole_plana]\"> <label for=\"form-field-eurohole_plana-1\">Sense Eurohole<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/eurohole-no.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-tamano_cuatropack elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-tamano_cuatropack\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMida\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 130mm \/ 500g\" id=\"form-field-tamano_cuatropack-0\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-0\">Amplada<br\/>130mm\/<br\/>500g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 160mm \/ 750g\" id=\"form-field-tamano_cuatropack-1\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-1\">Amplada<br\/>160mm\/<br\/>750g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 180mm \/ 1000g\" id=\"form-field-tamano_cuatropack-2\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-2\">Amplada<br\/>180mm\/<br\/>1000g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 200mm \/ 1200g\" id=\"form-field-tamano_cuatropack-3\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-3\">Amplada<br\/>200mm\/<br\/>1200g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amplada 200mm \/ 1500g\" id=\"form-field-tamano_cuatropack-4\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-4\">Amplada<br\/>200mm\/<br\/>1500g<br><br><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/medidas.svg\">  <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-valvula_cuatropack elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-valvula_cuatropack\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tV\u00e0lvula\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Amb v\u00e0lvula\" id=\"form-field-valvula_cuatropack-0\" name=\"form_fields[valvula_cuatropack]\"> <label for=\"form-field-valvula_cuatropack-0\">Amb v\u00e0lvula<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/con_valvula.svg\"\/> <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Sense v\u00e0lvula\" id=\"form-field-valvula_cuatropack-1\" name=\"form_fields[valvula_cuatropack]\"> <label for=\"form-field-valvula_cuatropack-1\">Sense v\u00e0lvula<br\/><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/sin-valvula.svg\"\/> <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_76ea24a elementor-col-100\">\n\t\t\t\t\t<style>\n.biooroll-msg {\n    display: none;\n    background-color: #f8fafc;\n    border: 2px solid #05290f;\n    border-radius: 10px;\n    padding: 30px;\n    text-align: center;\n    color: #05290f;\n}\n\n.biooroll-msg h3 {\n    color: #05290f;\n    margin-top: 0;\n}\n\n.biooroll-msg p {\n    font-size: 16px;\n    line-height: 1.5;\n    margin-bottom: 0;\n}\n\nhtml:lang(es) .biooroll-msg-es {\n    display: block;\n}\n\nhtml:lang(en) .biooroll-msg-en {\n    display: block;\n}\n\nhtml:lang(ca) .biooroll-msg-ca {\n    display: block;\n}\n\nhtml:lang(fr) .biooroll-msg-fr {\n    display: block;\n}\n<\/style>\n\n<div class=\"biooroll-msg biooroll-msg-es\">\n    <h3>Heu seleccionat BiooBobina<\/h3>\n    <p>Premeu <b>Seg\u00fcent<\/b> per deixar-nos les vostres dades d'enviament.<\/p>\n<\/div>\n\n<div class=\"biooroll-msg biooroll-msg-en\">\n    <h3>Heu seleccionat BiooRoll<\/h3>\n    <p>Feu clic a <b>Seg\u00fcent<\/b> per proporcionar les vostres dades de contacte.<\/p>\n<\/div>\n\n<div class=\"biooroll-msg biooroll-msg-ca\">\n    <h3>Heu seleccionat BiooBobina<\/h3>\n    <p>Feu clic a <b>Seg\u00fcent<\/b> per proporcionar les vostres dades de contacte.<\/p>\n<\/div>\n\n<div class=\"biooroll-msg biooroll-msg-fr\">\n    <h3>Heu seleccionat BiooRoll<\/h3>\n    <p>Feu clic a <b>Seg\u00fcent<\/b> per proporcionar les vostres dades de contacte.<\/p>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-paso3 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"Pas 3\" data-previousButton=\"Anterior\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-chevron-left\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-chevron-left&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_638e1a4 elementor-col-100\">\n\t\t\t\t\t<div id=\"caja-resumen-paso3\" style=\"background-color: rgba(255,255,255,0.05); border: 1px solid #4ade80; border-radius: 8px; padding: 20px; margin-bottom: 25px; display: none;\">\n    <!-- El script inyectar\u00e1 la informaci\u00f3n aqu\u00ed -->\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-mensaje elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-mensaje\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMissatge > Quantitats estimades i altres necessitats\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[mensaje]\" id=\"form-field-mensaje\" rows=\"10\" placeholder=\"Expliqueu-nos una mica m\u00e9s sobre els vostres productes i les vostres necessitats.\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-complementos elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-complementos\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVoleu afegir complements?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  elementor-subgroup-inline\"><span class=\"elementor-field-option\"><input type=\"radio\" value=\" S\u00ed! afegiu complements compostables \" id=\"form-field-complementos-0\" name=\"form_fields[complementos]\"> <label for=\"form-field-complementos-0\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/complemento.svg\">S\u00ed! Afegiu<br\/>Complements<br\/>compostables <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" No! per ara, no m&#039;interessa\" id=\"form-field-complementos-1\" name=\"form_fields[complementos]\"> <label for=\"form-field-complementos-1\"><span style=\"position: relative; display: inline-block;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/complemento.svg\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Line-63.svg\" style=\"position: absolute; top:-15px; left: 0; transform-origin: top left; transform: scale(1.2); z-index: 10; pointer-events: none;\"><\/span>No!<br>Per ara, no m'interessa <\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-paso4 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"Pas 4\" data-previousButton=\"Anterior\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-chevron-left\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-chevron-left&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nombre elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nombre\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNom (*)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[nombre]\" id=\"form-field-nombre\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-apellidos elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-apellidos\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCognoms (*)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[apellidos]\" id=\"form-field-apellidos\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-telefono elementor-col-60\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telefono\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTel\u00e8fon\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[telefono]\" id=\"form-field-telefono\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAteneu electr\u00f2nic (*)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-empresa elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-empresa\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmpresa (*)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[empresa]\" id=\"form-field-empresa\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-direccion elementor-col-60\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-direccion\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAdre\u00e7a\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[direccion]\" id=\"form-field-direccion\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-cp elementor-col-60\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-cp\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCodi postal\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[cp]\" id=\"form-field-cp\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-provincia elementor-col-60\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-provincia\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tProv\u00edncia\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[provincia]\" id=\"form-field-provincia\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-ciudad elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-ciudad\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCiutat (*)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[ciudad]\" id=\"form-field-ciudad\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-pais elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-pais\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPa\u00eds (*)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[pais]\" id=\"form-field-pais\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-aceptacion elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[aceptacion]\" id=\"form-field-aceptacion\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-aceptacion\"><span style=\"font-size: 0.85em; color: #ffffff; opacity: 0.85;\">Accepto que BiooPack emmagatzemi les meves dades personals de manera confidencial i d\u2019acord amb la legislaci\u00f3 vigent en mat\u00e8ria de protecci\u00f3 de dades.<\/span><\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_672d010 elementor-col-60\">\n\t\t\t\t\t<div class=\"aviso-legal-form\" style=\"font-size: 0.85em; line-height: 1.5; color: #ffffff; opacity: 0.85; padding-left: 20px; margin-top: 30px; margin-bottom: 30px;\">\n    \n    <p><a href=\"https:\/\/bioopack.com\/ca\/avis-legal\/\" target=\"_blank\" style=\"color: #4ade80; text-decoration: underline;\">Veure av\u00eds legal<\/a><\/p>\n    \n    <p><em>*Camps obligatoris<\/em><\/p>\n    \n    <p><strong>Av\u00eds de privacitat<\/strong><\/p>\n    \n    <p>La informaci\u00f3 enviada a trav\u00e9s d\u2019aquest formulari s\u2019incorporar\u00e0 als sistemes d\u2019informaci\u00f3 de BIOOPACK IFB S.L. i s\u2019utilitzar\u00e0 exclusivament per gestionar la teva sol\u00b7licitud. En facilitar les teves dades personals i d\u2019acord amb el Reglament (UE) 2016\/679 (Reglament general de protecci\u00f3 de dades), atorgues expressament a BIOOPACK IFB S.L. el teu consentiment inequ\u00edvoc per al tractament de les teves dades personals amb les finalitats descrites anteriorment.  <\/p>\n    \n    <p style=\"margin-bottom: 0;\">Per obtenir informaci\u00f3 m\u00e9s detallada, consulta la nostra Pol\u00edtica de privacitat a:<br\/> <a href=\"https:\/\/bioopack.com\/ca\/avis-legal\/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: none;\">https:\/\/www.bioopack.com\/aviso-legal\/<\/a><br\/>L'Usuari pot exercir en qualsevol moment els drets d'acc\u00e9s, supressi\u00f3, rectificaci\u00f3, oposici\u00f3, portabilitat i limitaci\u00f3, comunicant-ho per escrit, amb indicaci\u00f3 de les seves dades, a l'adre\u00e7a de correu electr\u00f2nic <a href=\"mailto:info@bioopack.com\" style=\"color: #ffffff; text-decoration: none;\">info@bioopack.com<\/a>.<\/p>\n    \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-resumen_js elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[resumen_js]\" id=\"form-field-resumen_js\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-datos_cliente_js elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[datos_cliente_js]\" id=\"form-field-datos_cliente_js\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-30 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-lg\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<input type='hidden' name='lang' value='ca' \/><\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descobreix el teu env\u00e0s ideal Personalitza\u2019l i sol\u00b7licita pressupost<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_joinchat":[],"footnotes":""},"class_list":["post-6099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/pages\/6099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/comments?post=6099"}],"version-history":[{"count":5,"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/pages\/6099\/revisions"}],"predecessor-version":[{"id":7062,"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/pages\/6099\/revisions\/7062"}],"wp:attachment":[{"href":"https:\/\/bioopack.com\/ca\/wp-json\/wp\/v2\/media?parent=6099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}