{"id":6096,"date":"2026-07-24T10:22:44","date_gmt":"2026-07-24T08:22:44","guid":{"rendered":"https:\/\/bioopack.com\/custom-form\/"},"modified":"2026-09-21T17:29:56","modified_gmt":"2026-09-21T15:29:56","slug":"custom-form","status":"publish","type":"page","link":"https:\/\/bioopack.com\/en\/custom-form\/","title":{"rendered":"custom-form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6096\" class=\"elementor elementor-6096 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\">Discover your ideal packaging<\/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\">Customize and Request a Budget<\/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;Next&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=\"biopack-form\" aria-label=\"biopack-form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6096\"\/>\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=\"Step 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\tApplications\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=\" Premium markets\" 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>Premium<br\/>Markets <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Fruits\/Vegetables\" 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>Fruits and<br\/>Vegetables <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Snacks\/Dried Fruits\" 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<br\/>and Dried Fruits <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Bakery\/Pastry\" 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>Bakery<br\/>Pastry <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Eco-Friendly \/ Vegan Packaging\" 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>Eco-Friendly \/ Vegan Packaging <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Pharmacy &amp; Nutraceuticals\" 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>Pharmacy & Nutraceuticals <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Pet Care\" 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>Pet Care<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" Personal care kits\" 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>Personal<br\/>care kits <\/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;\">Choose your 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. Choose your BiooBag\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\/>Flat-Bottom <\/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. Or BiooRoll\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>BiooRolls <\/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\tBarrier\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=\" Medium security\" id=\"form-field-barrera-0\" name=\"form_fields[barrera]\"> <label for=\"form-field-barrera-0\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/nuevo-seguridad-02.svg\"\/>Medium <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" High security\" id=\"form-field-barrera-1\" name=\"form_fields[barrera]\"> <label for=\"form-field-barrera-1\"><br\/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/alta-seguridad.svg\"\/>High <\/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\tWindow \/ No Window\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=\" With window\" 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=\" Without window\" 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\tCustom printing\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=\"Yes\" id=\"form-field-sino-0\" name=\"form_fields[sino]\"> <label for=\"form-field-sino-0\">Yes<\/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=\"Step 2\" data-previousButton=\"Previous\" 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\tSize\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=\" Width 85mm \/ 100g\" id=\"form-field-tamano_doypack-0\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-0\">Width<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=\" Width 110mm \/ 250g \" id=\"form-field-tamano_doypack-1\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-1\">Width<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=\" Width 130mm \/ 500g\" id=\"form-field-tamano_doypack-2\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-2\">Width<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=\" Width 160mm \/ 750g\" id=\"form-field-tamano_doypack-3\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-3\">Width<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=\" Width 750mm \/ 1000g\" id=\"form-field-tamano_doypack-4\" name=\"form_fields[tamano_doypack]\"> <label for=\"form-field-tamano_doypack-4\">Width<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\tClosure\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=\" With Zipper closure\" 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=\" Without Zipper closure\" id=\"form-field-cierre_doypack-1\" name=\"form_fields[cierre_doypack]\"> <label for=\"form-field-cierre_doypack-1\">No 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=\" With Eurohole\" id=\"form-field-eurohole_doypack-0\" name=\"form_fields[eurohole_doypack]\"> <label for=\"form-field-eurohole_doypack-0\">I want 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=\" Without Eurohole\" id=\"form-field-eurohole_doypack-1\" name=\"form_fields[eurohole_doypack]\"> <label for=\"form-field-eurohole_doypack-1\">Without 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\tSize\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=\" Width 110mm \/ 250g\" id=\"form-field-tamano_plana-0\" name=\"form_fields[tamano_plana]\"> <label for=\"form-field-tamano_plana-0\">Width<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=\" Width 130mm \/ 500g\" id=\"form-field-tamano_plana-1\" name=\"form_fields[tamano_plana]\"> <label for=\"form-field-tamano_plana-1\">Width<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=\" Width 160mm \/ 750g\" id=\"form-field-tamano_plana-2\" name=\"form_fields[tamano_plana]\"> <label for=\"form-field-tamano_plana-2\">Width<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\tClosure\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=\" With Zipper closure\" 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=\" Without Zipper closure\" id=\"form-field-cierre_plana-1\" name=\"form_fields[cierre_plana]\"> <label for=\"form-field-cierre_plana-1\">No 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=\" With Eurohole\" id=\"form-field-eurohole_plana-0\" name=\"form_fields[eurohole_plana]\"> <label for=\"form-field-eurohole_plana-0\">I want 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=\" Without Eurohole\" id=\"form-field-eurohole_plana-1\" name=\"form_fields[eurohole_plana]\"> <label for=\"form-field-eurohole_plana-1\">Without 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\tSize\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=\" Width 130mm \/ 500g\" id=\"form-field-tamano_cuatropack-0\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-0\">Width<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=\" Width 160mm \/ 750g\" id=\"form-field-tamano_cuatropack-1\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-1\">Width<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=\" Width 180mm \/ 1000g\" id=\"form-field-tamano_cuatropack-2\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-2\">Width<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=\" Width 200mm \/ 1200g\" id=\"form-field-tamano_cuatropack-3\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-3\">Width<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=\" Width 200mm \/ 1500g\" id=\"form-field-tamano_cuatropack-4\" name=\"form_fields[tamano_cuatropack]\"> <label for=\"form-field-tamano_cuatropack-4\">Width<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\tValve\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=\" With valve\" id=\"form-field-valvula_cuatropack-0\" name=\"form_fields[valvula_cuatropack]\"> <label for=\"form-field-valvula_cuatropack-0\">With Valve<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=\" Without valve\" id=\"form-field-valvula_cuatropack-1\" name=\"form_fields[valvula_cuatropack]\"> <label for=\"form-field-valvula_cuatropack-1\">Without Valve<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>You have selected BiooRoll<\/h3>\n    <p>Click <b>Next<\/b> to provide your shipping details.<\/p>\n<\/div>\n\n<div class=\"biooroll-msg biooroll-msg-en\">\n    <h3>You have selected BiooRoll<\/h3>\n    <p>Click <b>Next<\/b> to provide your contact details.<\/p>\n<\/div>\n\n<div class=\"biooroll-msg biooroll-msg-ca\">\n    <h3>You have selected BiooRoll<\/h3>\n    <p>Click <b>Next<\/b> to provide your contact details.<\/p>\n<\/div>\n\n<div class=\"biooroll-msg biooroll-msg-fr\">\n    <h3>You have selected BiooRoll<\/h3>\n    <p>Click <b>Next<\/b> to provide your contact details.<\/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=\"Step 3\" data-previousButton=\"Previous\" 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\tMessage > Estimated quantities and other needs\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=\"Tell us a bit more about your products and your needs.\"><\/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\tWould you like to add accessories?\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=\" Yes! add compostable accessories \" 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\">Yes! Add<br\/>compostable<br\/>accessories <\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\" No! for now, I&#039;m not interested\" 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>For now, I'm not interested <\/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=\"Step 4\" data-previousButton=\"Previous\" 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\tFirst Name (*)\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\tLast Name (*)\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\tPhone\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\tEmail (*)\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\tCompany (*)\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\tAddress\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\tPostal Code\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\tProvince\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\tCity(*)\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\tCountry (*)\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;\">I agree that BiooPack may store my personal data confidentially and in accordance with the applicable data protection legislation.<\/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\/aviso-legal\/\" target=\"_blank\" style=\"color: #4ade80; text-decoration: underline;\">View legal notice<\/a><\/p>\n    \n    <p><em>*Required fields<\/em><\/p>\n    \n    <p><strong>Privacy Notice<\/strong><\/p>\n    \n    <p>The information submitted through this form will be incorporated into the information systems of BIOOPACK IFB S.L. and will be used exclusively to process your request. By providing your personal data, and in accordance with Regulation (EU) 2016\/679 (General Data Protection Regulation), you expressly grant BIOOPACK IFB S.L. your unequivocal consent to process your personal data for the purposes described above.  <\/p>\n    \n    <p style=\"margin-bottom: 0;\">For more detailed information, please consult our Privacy Policy at:<br\/> <a href=\"https:\/\/bioopack.com\/aviso-legal\/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: none;\">https:\/\/www.bioopack.com\/legal-notice\/<\/a><br\/>You may exercise your rights of access, erasure, rectification, objection, data portabilty, and restriction of processing at any time by contacting us in writing and providing your details at:<br\/> <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\">Submit<\/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='en-us' \/><\/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>Discover your ideal packaging Customize and Request a Budget<\/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-6096","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/pages\/6096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/comments?post=6096"}],"version-history":[{"count":33,"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/pages\/6096\/revisions"}],"predecessor-version":[{"id":6861,"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/pages\/6096\/revisions\/6861"}],"wp:attachment":[{"href":"https:\/\/bioopack.com\/en\/wp-json\/wp\/v2\/media?parent=6096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}