{"id":13,"date":"2025-04-10T21:11:36","date_gmt":"2025-04-10T21:11:36","guid":{"rendered":"https:\/\/computerz.vdrtduds.lucusprueba.es\/?page_id=13"},"modified":"2025-04-30T19:41:41","modified_gmt":"2025-04-30T17:41:41","slug":"empresas","status":"publish","type":"page","link":"https:\/\/computerz.es\/eu\/empresas\/","title":{"rendered":"Enpresak"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-360888c e-flex e-con-boxed e-con e-parent\" data-id=\"360888c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3beb284 elementor-widget elementor-widget-html\" data-id=\"3beb284\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"servicios-intro\" id=\"servicios_intro\">\r\n  <h2>Nola lagundu zaitzakegu?<\/h2>\r\n  <p>\r\n    <strong>Gure enpresa<\/strong> zerbitzu teknologikoak eskaintzen dizkie partikularrei eta enpresei: webguneen sorreratik hasi eta laguntza teknikora, zibersegurtasunera eta gamifikaziora arte. <br>\r\n    <span >Aukeratu behar duzun zerbitzua eta egin eskaera klik bakarrarekin!<\/span>\r\n  <\/p>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b40a09 elementor-widget elementor-widget-html\" data-id=\"1b40a09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"servicios-grid\" id=\"servicios_grid\">\r\n  <button class=\"btn-servicio\" data-servicio=\"web\" style=\"background-image:url('https:\/\/computerz.es\/wp-content\/uploads\/2025\/04\/1.png')\">\r\n    <span class=\"servicio-icono\" aria-hidden=\"true\">\r\n      <!-- \u0438\u043a\u043e\u043d\u043a\u0430 web -->\r\n      <svg width=\"40\" height=\"40\" viewbox=\"0 0 48 48\" fill=\"none\"><circle cx=\"24\" cy=\"24\" r=\"20\" stroke=\"#2196f3\" stroke-width=\"3\"\/><path d=\"M24 11v26M11 24h26\" stroke=\"#2196f3\" stroke-width=\"2.3\" stroke-linecap=\"round\"\/><circle cx=\"24\" cy=\"24\" r=\"5\" fill=\"#2196f3\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"servicio-titulo\">Web garapena<\/span>\r\n    <span class=\"servicio-desc\">Zure negozioarentzako egokitutako webgune modernoak sortzen ditugu.<\/span>\r\n  <\/button>\r\n  <button class=\"btn-servicio\" data-servicio=\"reparacion\" style=\"background-image:url('https:\/\/computerz.es\/wp-content\/uploads\/2025\/04\/2.png')\">\r\n    <span class=\"servicio-icono\" aria-hidden=\"true\">\r\n      <!-- \u0438\u043a\u043e\u043d\u043a\u0430 reparaci\u00f3n -->\r\n      <svg width=\"40\" height=\"40\" viewbox=\"0 0 48 48\" fill=\"none\"><rect x=\"9\" y=\"30\" width=\"30\" height=\"7\" rx=\"2.5\" fill=\"#FF9800\"\/><rect x=\"13\" y=\"8\" width=\"22\" height=\"20\" rx=\"3\" fill=\"#ff9800\"\/><rect x=\"17\" y=\"13\" width=\"14\" height=\"11\" rx=\"2\" fill=\"#FFF3E0\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"servicio-titulo\">Salmentak eta konponketak<\/span>\r\n    <span class=\"servicio-desc\">Ordenagailuen eta osagaien salmenta, muntaketa eta konponketa.<\/span>\r\n  <\/button>\r\n  <button class=\"btn-servicio\" data-servicio=\"soporte\" style=\"background-image:url('https:\/\/computerz.es\/wp-content\/uploads\/2025\/04\/6.png')\">\r\n    <span class=\"servicio-icono\" aria-hidden=\"true\">\r\n      <!-- \u0438\u043a\u043e\u043d\u043a\u0430 soporte -->\r\n      <svg width=\"40\" height=\"40\" viewbox=\"0 0 48 48\" fill=\"none\"><circle cx=\"24\" cy=\"24\" r=\"20\" stroke=\"#03A9F4\" stroke-width=\"3\"\/><path d=\"M24 16a8 8 0 1 1 0 16v-6\" stroke=\"#03A9F4\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><circle cx=\"24\" cy=\"24\" r=\"3\" fill=\"#03A9F4\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"servicio-titulo\">Laguntza teknikoa<\/span>\r\n    <span class=\"servicio-desc\">Urruneko eta tokiko laguntza, arazoak konpontzea, ekipoen mantentze-lanak.<\/span>\r\n  <\/button>\r\n  <button class=\"btn-servicio\" data-servicio=\"ciberseguridad\" style=\"background-image:url('https:\/\/computerz.es\/wp-content\/uploads\/2025\/04\/4.png')\">\r\n    <span class=\"servicio-icono\" aria-hidden=\"true\">\r\n      <!-- \u0438\u043a\u043e\u043d\u043a\u0430 ciberseguridad -->\r\n      <svg width=\"40\" height=\"40\" viewbox=\"0 0 48 48\" fill=\"none\"><rect x=\"12\" y=\"17\" width=\"24\" height=\"17\" rx=\"4\" fill=\"#1976D2\"\/><path d=\"M24 25v3\" stroke=\"#fff\" stroke-width=\"2\"\/><circle cx=\"24\" cy=\"23\" r=\"2\" fill=\"#fff\"\/><path d=\"M18 17v-2a6 6 0 0 1 12 0v2\" stroke=\"#fff\" stroke-width=\"2\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"servicio-titulo\">Zibersegurtasuna<\/span>\r\n    <span class=\"servicio-desc\">Zure sistemak eta datuak mehatxu digitalen aurka babestea.<\/span>\r\n  <\/button>\r\n  <button class=\"btn-servicio\" data-servicio=\"consultoria\" style=\"background-image:url('https:\/\/computerz.es\/wp-content\/uploads\/2025\/04\/3.png')\">\r\n    <span class=\"servicio-icono\" aria-hidden=\"true\">\r\n      <!-- \u0438\u043a\u043e\u043d\u043a\u0430 consultor\u00eda -->\r\n      <svg width=\"40\" height=\"40\" viewbox=\"0 0 48 48\" fill=\"none\"><rect x=\"8\" y=\"15\" width=\"32\" height=\"20\" rx=\"6\" fill=\"#388E3C\"\/><rect x=\"13\" y=\"20\" width=\"22\" height=\"10\" rx=\"2\" fill=\"#C8E6C9\"\/><path d=\"M24 15v-5m0 28v-5\" stroke=\"#388E3C\" stroke-width=\"2\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"servicio-titulo\">Aholkularitza digitala<\/span>\r\n    <span class=\"servicio-desc\">Zure negozioa optimizatzen eta digitalizatzen laguntzen dizugu.<\/span>\r\n  <\/button>\r\n  <button class=\"btn-servicio\" data-servicio=\"gamificacion\" style=\"background-image:url('https:\/\/computerz.es\/wp-content\/uploads\/2025\/04\/5.png')\">\r\n    <span class=\"servicio-icono\" aria-hidden=\"true\">\r\n      <!-- \u0438\u043a\u043e\u043d\u043a\u0430 gamificaci\u00f3n -->\r\n      <svg width=\"40\" height=\"40\" viewbox=\"0 0 48 48\" fill=\"none\"><rect x=\"10\" y=\"14\" width=\"28\" height=\"20\" rx=\"8\" fill=\"#F44336\"\/><circle cx=\"18\" cy=\"24\" r=\"4\" fill=\"#fff\"\/><circle cx=\"30\" cy=\"24\" r=\"4\" fill=\"#fff\"\/><rect x=\"20\" y=\"21\" width=\"8\" height=\"6\" rx=\"2\" fill=\"#FFCDD2\"\/><\/svg>\r\n    <\/span>\r\n    <span class=\"servicio-titulo\">Gamifikazioa<\/span>\r\n    <span class=\"servicio-desc\">Zure bezeroak motibatu eta fidelizatzeko joko-mekanikak ezartzen ditugu.<\/span>\r\n  <\/button>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94610c8 e-flex e-con-boxed e-con e-parent\" data-id=\"94610c8\" data-element_type=\"container\" id=\"form-registro\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4f25c5 elementor-widget elementor-widget-html\" data-id=\"b4f25c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"form-registro\" id=\"registro_empresa\" style=\"display:none; position:relative;\">\r\n\r\n  <h2>Enpresaren identifikazioa<\/h2>\r\n  <p id=\"intro_registro_empresa\" style=\"font-size: 1.1em; color: #444; margin-bottom: 20px;\">\r\n    Sartu zure enpresaren helbide elektronikoa eskaerarekin jarraitzeko.\r\n  <\/p>\r\n\r\n\r\n  <!-- \u0411\u043b\u043e\u043a \u0441 email -->\r\n  <div id=\"bloque_email\">\r\n    <label for=\"email_empresa\">Posta elektronikoa<\/label>\r\n    <input type=\"email\" id=\"email_empresa\" name=\"email\" required placeholder=\"ejemplo@empresa.com\">\r\n    <div class=\"form-navigation\" style=\"margin-top: 20px;\">\r\n      <button id=\"btn_verificar_email\" type=\"button\">Egiaztatu helbide elektronikoa<\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0411\u043b\u043e\u043a \u0441 \u0443\u0436\u0435 \u0432\u0432\u0435\u0434\u0451\u043d\u043d\u044b\u043c email -->\r\n  <div id=\"info_email_actual\" style=\"display:none; margin:12px 0;\">\r\n    <b>Helbide elektronikoa:<\/b> <span id=\"email_actual_span\"><\/span>\r\n    <button id=\"btn_cambiar_email\" type=\"button\" style=\"margin-left:14px;\">Aldatu helbide elektronikoa<\/button>\r\n    \r\n  <\/div>\r\n\r\n  <!-- \u041d\u043e\u0432\u0430\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f -->\r\n  <div id=\"registro_nuevo\" style=\"display: none;\">\r\n    <label for=\"nombre_empresa\">Merkataritza izena<\/label>\r\n    <input type=\"text\" id=\"nombre_empresa\" name=\"nombre\" placeholder=\"Zure enpresaren izen ikusgaia\">\r\n    <label for=\"nombre_fiscal_empresa\">Zerga izena<\/label>\r\n    <input type=\"text\" id=\"nombre_fiscal_empresa\" name=\"nombre_fiscal\" placeholder=\"Zure enpresaren izen ikusgaia\">\r\n    <label for=\"nif_empresa\">NIF \/ CIF<\/label>\r\n    <input type=\"text\" id=\"nif_empresa\" name=\"nif\" placeholder=\"Zerga zenbakia\">\r\n    <label for=\"telefono_empresa\">Telefonoa<\/label>\r\n    <input type=\"text\" id=\"telefono_empresa\" name=\"telefono\" placeholder=\"+34 600 123 456\">\r\n    <label for=\"descripcion_empresa\">Enpresaren deskribapena<\/label>\r\n    <textarea id=\"descripcion_empresa\" name=\"descripcion\" placeholder=\"Jarduera nagusia, sektorea, etab.\"><\/textarea>\r\n      <div class=\"consent-wrap\" id=\"consent-registro\" style=\"margin-top:15px;\">\r\n    <label class=\"consent-label\">\r\n      <input type=\"checkbox\" id=\"consent_empresa\" required>\r\n      <span class=\"checkmark\"><\/span>\r\n      Acepto el tratamiento de mis datos para registrar mi empresa seg\u00fan la <a href=\"\/eu\/privacy-policy\/\" target=\"_blank\">Pribatutasun Politika<\/a>.\r\n    <\/label>\r\n  <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0412\u0432\u043e\u0434 PIN -->\r\n  <div id=\"campo_pin\" style=\"display: none;\">\r\n    <label for=\"pin_empresa\">PIN kodea<\/label>\r\n    <input type=\"text\" id=\"pin_empresa\" name=\"pin\" maxlength=\"6\" placeholder=\"Sartu posta elektronikoz bidalitako PINa\">\r\n  <\/div>\r\n\r\n\r\n  <!-- \u041a\u043d\u043e\u043f\u043a\u0430 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f -->\r\n<div class=\"form-navigation\" style=\"margin-top: 26px; margin-bottom:10px;\">\r\n  <button id=\"btn_confirmar_registro\" type=\"button\" style=\"display: none;\">Berretsi eta bidali<\/button>\r\n<\/div>\r\n\r\n<div class=\"form-navigation volver-servicios\" style=\"margin-bottom: 0;\">\r\n  <button id=\"btn_volver_servicios\" type=\"button\">\u2190 Zerbitzuetara itzuli<\/button>\r\n<\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff7156 elementor-widget elementor-widget-html\" data-id=\"6ff7156\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"click\", function (e) {\r\nconst target = e.target.closest(\".btn-servicio\");\r\n\r\n\r\n  if (!target) return;\r\n  setRegistroIntro(\"Introduce el correo de tu empresa para continuar con el pedido.\");\r\n  const servicio = target.dataset.servicio;\r\n  localStorage.setItem(\"servicio_seleccionado\", servicio);\r\n\r\n  \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u043c \u0442\u0430\u043a\u0436\u0435 \u0442\u0438\u043f \u0444\u043e\u0440\u043c\u044b\r\n  if (servicio === \"web\") {\r\n    localStorage.setItem('forma', 'web');\r\n  } else {\r\n    localStorage.setItem('forma', 'universal');\r\n  }\r\n  \r\n  e.preventDefault();\r\n\r\n\r\n  \/\/ \u0421\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0451 \u043b\u0438\u0448\u043d\u0435\u0435\r\n  document.getElementById(\"servicios_intro\")?.style.setProperty(\"display\", \"none\");\r\n  document.getElementById(\"servicios_grid\")?.style.setProperty(\"display\", \"none\");\r\nconst email = localStorage.getItem('email_empresa');\r\nconst nombre = localStorage.getItem('nombre_empresa');\r\n  console.log('--- \u041a\u041d\u041e\u041f\u041a\u0410 \u0421\u0415\u0420\u0412\u0418\u0421\u0410 \u041d\u0410\u0416\u0410\u0422\u0410 ---');\r\n  console.log('servicio_seleccionado:', servicio);\r\n  console.log('forma:', localStorage.getItem('forma'));\r\n  console.log('email_empresa \u0432 localStorage:', localStorage.getItem('email_empresa'));\r\n  console.log('nombre_empresa \u0432 localStorage:', localStorage.getItem('nombre_empresa'));\r\n  if (email && nombre) {\r\nconst email = localStorage.getItem('email_empresa') || window.tempEmailEmpresa;\r\nconst nombre = localStorage.getItem('nombre_empresa') || window.tempNombreEmpresa;\r\nif (!localStorage.getItem('email_empresa') && window.tempEmailEmpresa) {\r\n  localStorage.setItem('email_empresa', window.tempEmailEmpresa);\r\n}\r\nif (!localStorage.getItem('nombre_empresa') && window.tempNombreEmpresa) {\r\n  localStorage.setItem('nombre_empresa', window.tempNombreEmpresa);\r\n}\r\n\r\n    if (servicio === \"web\") {\r\n      mostrarFormaTresPartes(); \/\/ \u0442\u0432\u043e\u044f \u0442\u0440\u0435\u0445\u0447\u0430\u0441\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430\r\n    } else {\r\n          localStorage.setItem('nombre_empresa', nombre || \"\");\r\n  localStorage.setItem('email_empresa', email || \"\");\r\n      mostrarFormaUniversal(); \/\/ \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445\r\n    }\r\n    return;\r\n  }\r\n\r\n  \/\/ ---------- \u0415\u0421\u041b\u0418 \u041d\u0415 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d \u2014 \u043e\u0431\u044b\u0447\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 ----------\r\n  const regForm = document.getElementById(\"registro_empresa\");\r\n  if (regForm) {\r\n    regForm.classList.add(\"active\");\r\n    regForm.style.display = \"block\";\r\n    regForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n\r\n    \/\/ \u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u043f\u043e\u043b\u044f (reset)\r\n    document.getElementById(\"registro_nuevo\").style.display = \"none\";\r\n    document.getElementById(\"campo_pin\").style.display = \"none\";\r\n    document.getElementById(\"btn_confirmar_registro\").style.display = \"none\";\r\n    document.getElementById(\"email_empresa\").removeAttribute(\"readonly\");\r\n    document.getElementById(\"email_empresa\").value = \"\";\r\n    document.getElementById(\"pin_empresa\").value = \"\";\r\n    document.getElementById(\"btn_verificar_email\").style.display = \"inline-block\";\r\n  }\r\n});\r\n\r\ndocument.addEventListener(\"click\", function (e) {\r\n  if (\r\n    e.target.id === \"btn_volver_servicios\" ||\r\n    e.target.id === \"btn_volver_servicios_universal\"\r\n  ) {\r\n    \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043e\u0431\u0435 \u0444\u043e\u0440\u043c\u044b\r\n    document.getElementById(\"tres_partes\")?.classList.remove(\"active\");\r\n    document.getElementById(\"tres_partes\")?.style.setProperty(\"display\", \"none\");\r\n    document.getElementById(\"universal_servicio_container\")?.style.setProperty(\"display\", \"none\");\r\n\r\n    \/\/ \u0415\u0441\u043b\u0438 \u0432\u0434\u0440\u0443\u0433 \u043e\u0442\u043a\u0440\u044b\u0442\u0430 \u0444\u043e\u0440\u043c\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u2014 \u0442\u043e\u0436\u0435 \u0441\u043a\u0440\u044b\u0442\u044c \u0438 \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c\r\n    const regForm = document.getElementById(\"registro_empresa\");\r\n    if (regForm && regForm.style.display !== \"none\") {\r\n      regForm.style.display = \"none\";\r\n      \/\/ \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u043f\u043e\u043b\u044f\r\n      if (typeof setRegistroIntro === \"function\") {\r\n        setRegistroIntro(\"Introduce el correo de tu empresa para continuar con el pedido.\");\r\n      }\r\n      \/\/ \u041f\u0440\u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u0435 \u043a \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c\r\n        window.tempNombreEmpresa = \"\";\r\n        window.tempEmailEmpresa = \"\";\r\n\r\n      document.getElementById(\"email_empresa\").value = \"\";\r\n      document.getElementById(\"pin_empresa\").value = \"\";\r\n      \/\/document.getElementById(\"mensaje_registro\").innerText = \"\";\r\n      document.getElementById(\"campo_pin\").style.display = \"none\";\r\n      document.getElementById(\"bloque_email\").style.display = \"block\";\r\n      document.getElementById(\"info_email_actual\").style.display = \"none\";\r\n      \/\/document.getElementById(\"registro_nuevo\").style.display = \"none\";\r\n    }\r\n\r\n    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0432\u044b\u0431\u043e\u0440 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\r\n    document.getElementById(\"servicios_intro\")?.style.setProperty(\"display\", \"block\");\r\n    document.getElementById(\"servicios_grid\")?.style.setProperty(\"display\", \"grid\");\r\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  }\r\n});\r\n\r\n\r\ndocument.getElementById(\"btn_verificar_email\").onclick = function () {\r\n\r\n  const email = document.getElementById(\"email_empresa\").value.trim();\r\n  if (!email) return alert(\"Introduce un correo electr\u00f3nico v\u00e1lido.\");\r\n\r\n  fetch(\"\/wp-admin\/admin-ajax.php\", {\r\n    method: \"POST\",\r\n    headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" },\r\n    body: new URLSearchParams({\r\n      action: \"enviar_pin_empresa\",\r\n      email: email\r\n    })\r\n  })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      if (!data.success) {\r\n        alert(\"\u274c \" + data.data);\r\n        return;\r\n      } else {\r\n        \/\/ \u0422\u043e\u043b\u044c\u043a\u043e \u0432\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435!\r\n        window.tempNombreEmpresa = data.data.nombre || \"\";\r\n        window.tempEmailEmpresa = email || \"\";\r\n        \/\/ localStorage \u0437\u0434\u0435\u0441\u044c \u041d\u0415 \u0422\u0420\u041e\u0413\u0410\u0415\u041c!\r\n      }\r\n\r\n\r\n      \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u0435 email \u0438 \u043a\u043d\u043e\u043f\u043a\u0443\r\n      document.getElementById(\"bloque_email\").style.display = \"none\";\r\n      document.getElementById(\"info_email_actual\").style.display = \"block\";\r\n      document.getElementById(\"email_actual_span\").innerText = email;\r\n\r\n      \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c PIN \u0438, \u0435\u0441\u043b\u0438 \u043d\u0430\u0434\u043e, \u0444\u043e\u0440\u043c\u0443 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438\r\n      if (data.data.existe) {\r\n          setRegistroIntro(`\ud83c\udf89 Bienvenido de nuevo, ${data.data.nombre || \"cliente\"}. Introduzca su PIN.`);\r\n          document.getElementById(\"registro_nuevo\").style.display = \"none\";\r\n        } else {\r\n          setRegistroIntro(\"\ud83c\udd95 Nuevo cliente. Complete sus datos y revise su correo.\");\r\n          document.getElementById(\"registro_nuevo\").style.display = \"block\";\r\n        }\r\n\r\n\r\n      document.getElementById(\"campo_pin\").style.display = \"block\";\r\n      document.getElementById(\"btn_volver_servicios\").style.display = \"block\";\r\n      document.getElementById(\"btn_confirmar_registro\").style.display = \"inline-block\";\r\n      document.getElementById(\"email_empresa\").setAttribute(\"readonly\", \"true\");\r\n    });\r\n};\r\n\r\n\/\/ \u041a\u043d\u043e\u043f\u043a\u0430 \"Cambiar correo\"\r\ndocument.getElementById(\"btn_cambiar_email\").onclick = function () {\r\n  document.getElementById(\"bloque_email\").style.display = \"block\";\r\n  document.getElementById(\"info_email_actual\").style.display = \"none\";\r\n  document.getElementById(\"registro_nuevo\").style.display = \"none\";\r\n  document.getElementById(\"campo_pin\").style.display = \"none\";\r\n  document.getElementById(\"btn_confirmar_registro\").style.display = \"none\";\r\n  \/\/document.getElementById(\"mensaje_registro\").innerText = \"\";\r\n  document.getElementById(\"email_empresa\").removeAttribute(\"readonly\");\r\n  document.getElementById(\"email_empresa\").value = \"\";\r\n};\r\n\r\n\r\n\r\n\r\ndocument.addEventListener(\"click\", function (e) {\r\n  if (e.target && e.target.id === \"btn_confirmar_registro\") {\r\n    const consentimiento = document.getElementById(\"consent_empresa\");\r\n    const consentWrap = document.getElementById(\"consent-registro\");\r\n\r\n        const esNuevoRegistro = document.getElementById(\"registro_nuevo\")?.style.display === \"block\";\r\n        \r\n        if (esNuevoRegistro && !consentimiento.checked) {\r\n          consentWrap.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\r\n          consentWrap.classList.add(\"highlight-error\");\r\n        \r\n          setTimeout(() => {\r\n            consentWrap.classList.remove(\"highlight-error\");\r\n          }, 1500);\r\n        \r\n          return;\r\n        }\r\n\r\n\r\n    const email = document.getElementById(\"email_empresa\").value.trim();\r\n    const pin = document.getElementById(\"pin_empresa\").value.trim();\r\n    const nombre = document.getElementById(\"nombre_empresa\")?.value.trim() || \"\";\r\n    const nombre_fiscal = document.getElementById(\"nombre_fiscal_empresa\")?.value.trim() || \"\";\r\n    const nif = document.getElementById(\"nif_empresa\")?.value.trim() || \"\";\r\n    const telefono = document.getElementById(\"telefono_empresa\")?.value.trim() || \"\";\r\n    const descripcion = document.getElementById(\"descripcion_empresa\")?.value.trim() || \"\";\r\n    const contacto = \"\";\r\n\r\n    const campos = [\r\n      [\"nombre_empresa\", \"Nombre comercial\"],\r\n      [\"nombre_fiscal_empresa\", \"Nombre fiscal\"],\r\n      [\"nif_empresa\", \"NIF \/ CIF\"],\r\n      [\"telefono_empresa\", \"Tel\u00e9fono\"],\r\n      [\"pin_empresa\", \"PIN\"]\r\n    ];\r\n    let vacios = [];\r\n\r\n    campos.forEach(campo => {\r\n      const input = document.getElementById(campo[0]);\r\n      if (input && input.offsetParent !== null && !input.value.trim()) {\r\n        vacios.push(campo);\r\n        const label = document.querySelector(`label[for=\"${campo[0]}\"]`);\r\n        if (label) {\r\n          label.dataset.original = label.textContent;\r\n          label.textContent = campo[1] + \" (obligatorio)\";\r\n          label.classList.add('label-error');\r\n        }\r\n      }\r\n    });\r\n\r\n    if (vacios.length > 0) {\r\n      document.getElementById(vacios[0][0]).focus();\r\n      setTimeout(() => {\r\n        vacios.forEach(campo => {\r\n          const label = document.querySelector(`label[for=\"${campo[0]}\"]`);\r\n          if (label && label.dataset.original) {\r\n            label.textContent = label.dataset.original;\r\n            label.classList.remove('label-error');\r\n          }\r\n        });\r\n      }, 5000);\r\n      return;\r\n    }\r\n\r\n    \/\/ \ud83d\udd01 fetch \u21161 \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c PIN\r\n    fetch(\"\/wp-admin\/admin-ajax.php\", {\r\n      method: \"POST\",\r\n      headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" },\r\n      body: new URLSearchParams({\r\n        action: \"verificar_pin_empresa\",\r\n        email,\r\n        pin\r\n      })\r\n    })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      if (!data.success) {\r\n        alert(\"\u274c PIN incorrecto: \" + data.data);\r\n        return;\r\n      }\r\n\r\n      localStorage.setItem('nombre_empresa', window.tempNombreEmpresa || \"\");\r\n      localStorage.setItem('email_empresa', window.tempEmailEmpresa || \"\");\r\n      localStorage.setItem('empresa_autorizada', '1');\r\n\r\n      const formaElegida = localStorage.getItem('forma');\r\n\r\n      \/\/ \ud83d\udd01 fetch \u21162 \u2014 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f, \u0435\u0441\u043b\u0438 \u043d\u043e\u0432\u044b\u0439\r\n      if (document.getElementById(\"registro_nuevo\").style.display === \"block\") {\r\n        return fetch(\"\/wp-admin\/admin-ajax.php\", {\r\n          method: \"POST\",\r\n          headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" },\r\n          body: new URLSearchParams({\r\n            action: \"registrar_empresa\",\r\n            email,\r\n            nombre,\r\n            contacto,\r\n            telefono,\r\n            descripcion,\r\n            nombre_fiscal,\r\n            nif\r\n          })\r\n        })\r\n        .then(res => res.json())\r\n        .then(data2 => {\r\n          if (!data2.success) {\r\n            alert(\"\u274c Error registrando empresa: \" + data2.data);\r\n            return;\r\n          }\r\n          localStorage.setItem('nombre_empresa', nombre || \"\");\r\n          localStorage.setItem('email_empresa', email || \"\");\r\n          if (formaElegida === 'web') {\r\n            mostrarFormaTresPartes();\r\n          } else {\r\n            mostrarFormaUniversal();\r\n          }\r\n        });\r\n      } else {\r\n        if (formaElegida === 'web') {\r\n          mostrarFormaTresPartes();\r\n        } else {\r\n          mostrarFormaUniversal();\r\n        }\r\n      }\r\n    });\r\n  }\r\n});\r\n\r\n\r\n\r\n\r\nfunction mostrarFormaTresPartes() {\r\n  document.getElementById(\"registro_empresa\").classList.remove(\"active\");\r\n  document.getElementById(\"registro_empresa\").style.display = \"none\";\r\n  document.getElementById(\"tres_partes\").classList.add(\"active\");\r\n  document.getElementById(\"tres_partes\").style.display = \"block\";\r\n  mostrarParte(0);\r\n}\r\n\r\n\r\n  \r\n  \r\n      function setRegistroTitulo(texto) {\r\n  document.getElementById(\"titulo_registro_empresa\").innerText = texto;\r\n}\r\nfunction setRegistroIntro(texto) {\r\n  document.getElementById(\"intro_registro_empresa\").innerText = texto;\r\n}\r\n  \r\n\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f50d13 elementor-widget elementor-widget-html\" data-id=\"3f50d13\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pedido_exito_modal\" style=\"display:none;position:fixed;z-index:10000;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.25);align-items:center;justify-content:center;\">\r\n  <div style=\"background:white;max-width:410px;padding:36px 28px;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,0.12);text-align:center;\">\r\n    <div style=\"font-size:46px;color:#9ccc65;margin-bottom:8px;\">\u2705<\/div>\r\n    <div style=\"font-size:1.4em;font-weight:600;margin-bottom:10px;\" id=\"exito_texto\">Eskaera bidalita!<\/div>\r\n    <div id=\"exito_detalles\" style=\"font-size:1.1em;color:#444;margin-bottom:20px;\">\r\n      Gracias por tu pedido. <br>\r\n      Zure posta elektronikora baieztapena bidali dizugu.\r\n    <\/div>\r\n    <button id=\"cerrar_exito_modal\" style=\"background:#fdd835;color:#222;font-weight:600;padding:12px 34px;border:none;border-radius:8px;font-size:1.15em;cursor:pointer;transition:.2s;\">Ados<\/button>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\nfunction mostrarExitoPedido(pedidoId) {\r\n  const modal = document.getElementById(\"pedido_exito_modal\");\r\n  document.getElementById(\"exito_texto\").textContent = \"\u00a1Pedido enviado!\";\r\n  document.getElementById(\"exito_detalles\").innerHTML = `\r\n    <b>N\u00famero de pedido: <span style=\"color:#388e3c;font-weight:bold;\">${pedidoId}<\/span><\/b><br>\r\n    Gracias por tu pedido.<br>\r\n    Hemos enviado la confirmaci\u00f3n a tu correo electr\u00f3nico.<br>\r\n    <br>\r\n    Si tienes preguntas, puedes escribirnos en el chat de la web o llamar por tel\u00e9fono.\r\n  `;\r\n  modal.style.display = \"flex\";\r\n\r\n  document.getElementById(\"cerrar_exito_modal\").onclick = function () {\r\n    modal.style.display = \"none\";\r\n  };\r\n}\r\nfunction resetearVistaPedido() {\r\n  \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u044b\r\n  document.getElementById(\"tres_partes\")?.classList.remove(\"active\");\r\n  document.getElementById(\"tres_partes\")?.style.setProperty(\"display\", \"none\");\r\n  document.getElementById(\"registro_empresa\")?.classList.remove(\"active\");\r\n  document.getElementById(\"registro_empresa\")?.style.setProperty(\"display\", \"none\");\r\n\r\n  \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\r\n  document.getElementById(\"servicios_intro\")?.style.setProperty(\"display\", \"block\");\r\n  document.getElementById(\"servicios_grid\")?.style.setProperty(\"display\", \"grid\");\r\n  document.getElementById(\"resumen_pedido\")?.classList.remove(\"active\"); \r\n}\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1396412 e-flex e-con-boxed e-con e-parent\" data-id=\"1396412\" data-element_type=\"container\" id=\"tres_partes\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53d0d72 elementor-widget elementor-widget-html\" data-id=\"53d0d72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<div class=\"form-container\"  id=\"parte1\" >\r\n\r\n  <h2>Webgune eskaera<\/h2>\r\n      <div class=\"empresa-info\">\r\n<div id=\"resumen_empresa_web\" style=\"display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px;\">\r\n  <div>\r\n    <p><b>Enpresa:<\/b> <span id=\"nombre_empresa_mostrar\"><\/span><\/p>\r\n    <p><b>Helbide elektronikoa:<\/b> <span id=\"email_empresa_mostrar\"><\/span><\/p>\r\n  <\/div>\r\n  <button id=\"btn-salir-web\" onclick=\"logoutEmpresa()\" style=\"    background-color: #ffcc33;    color: black;    border: none;    padding: 10px 16px;    border-radius: 6px;    font-size: 14px;    font-weight: 600;    cursor: pointer;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    transition: background 0.2s;  \">\r\n    Saioa itxi \r\n  <\/button>\r\n<\/div>\r\n\r\n    <\/div>\r\n  <h3>Oinarrizko eta ikusizko enpresaren informazioa<\/h3>\r\n  <span style=\"font-weight: normal; font-size: 1rem; color: #555;\">\r\n    (Gomendatzen dizugu formularioa ahalik eta xehetasun gehienekin betetzea, zure itxaropenak betetzen dituen webgune bat sortu ahal izateko)\r\n  <\/span>\r\n  <label for=\"direccion\">Helbidea (kalea, zenbakia, hiria eta posta kodea)<\/label>\r\n  <input type=\"text\" id=\"direccion\" name=\"direccion\" placeholder=\"Adibide Kalea 123, Madril, 28001\">\r\n\r\n  <label for=\"horarios\">Ordutegia (baldin badago)<\/label>\r\n  <input type=\"text\" id=\"horarios\" name=\"horarios\" placeholder=\"Astelehenetik ostiralera, 9:00 \u2013 18:00\">\r\n\r\n  <label for=\"logotipo\">Logotipoa (fitxategia)<\/label>\r\n  <input type=\"file\" id=\"logotipo\" name=\"logotipo\" accept=\"image\/*\">\r\n\r\n  <label>Estilo libururik, identitate korporatiborik edo kolore korporatiborik baduzu?<\/label>\r\n<div class=\"checkbox-grid\">\r\n  <label><input type=\"radio\" name=\"estilos\" value=\"si\" id=\"check_estilos_si\"> Bai<\/label>\r\n  <label><input type=\"radio\" name=\"estilos\" value=\"no\" id=\"check_estilos_no\"> Ez<\/label>\r\n<\/div>\r\n\r\n\r\n  <div id=\"bloque_estilos\" style=\"display: none;\">\r\n    <label for=\"libro_estilos\">Erantsi estilo liburua (PDF)<\/label>\r\n    <input type=\"file\" id=\"libro_estilos\" name=\"libro_estilos\" accept=\".pdf\">\r\n  <\/div>\r\n\r\n  <label for=\"colores\">Estilo-libururik ez baduzu, deskribatu nahi dituzun kolore korporatiboak<\/label>\r\n  <textarea id=\"colores\" name=\"colores\" placeholder=\"Adibidez: urdin iluna, beix, arrosa pastel...\"><\/textarea>\r\n\r\n<div class=\"form-navigation\">\r\n  <button class=\"btn-prev\">\u2190 Aurrekoa<\/button>\r\n  <button class=\"btn-next\">Hurrengoa \u2192<\/button>\r\n  <button class=\"btn-enviar\">Bidali formularioa<\/button>\r\n\r\n<\/div>\r\n        <div class=\"form-navigation volver-servicios\" style=\"margin-bottom: 0;\">\r\n      <button id=\"btn_volver_servicios\" type=\"button\">\u2190 Zerbitzuetara itzuli<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById('check_estilos_si').addEventListener('change', function() {\r\n  if (this.checked) {\r\n    document.getElementById('bloque_estilos').style.display = 'block';\r\n  }\r\n});\r\n\r\ndocument.getElementById('check_estilos_no').addEventListener('change', function() {\r\n  if (this.checked) {\r\n    document.getElementById('bloque_estilos').style.display = 'none';\r\n    \/\/ \u041c\u043e\u0436\u043d\u043e \u0435\u0449\u0435 \u043e\u0447\u0438\u0449\u0430\u0442\u044c \u043f\u043e\u043b\u0435 \u0444\u0430\u0439\u043b\u0430, \u0435\u0441\u043b\u0438 \u0431\u044b\u043b\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043e\r\n    document.getElementById('libro_estilos').value = '';\r\n  }\r\n});\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ea41a4 elementor-widget elementor-widget-html\" data-id=\"4ea41a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"form-container\" id=\"parte2\"  style=\"display: none;\">\r\n  <h3>Enpresaren jarduera eta web edukia<\/h3>\r\n\r\n  <label for=\"actividad\">Zein da zure enpresaren jarduera edo zure webgunearen gaia?<\/label>\r\n  <textarea id=\"actividad\" name=\"actividad\" placeholder=\"Laburbilduz deskribatu zure jarduera nagusia...\"><\/textarea>\r\n\r\n  <label>Zer negozio mota egiten du zure enpresak?<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"actividad_tipo[]\" value=\"venta\"> Produktuen salmenta.<\/label>\r\n    <label><input type=\"checkbox\" name=\"actividad_tipo[]\" value=\"servicios\"> Zerbitzuen hornidura<\/label>\r\n  <\/div>\r\n\r\n  <label>Online denda bat beharko duzu? (Kostu gehigarria)<\/label>\r\n<div class=\"checkbox-grid\">\r\n  <label><input type=\"radio\" name=\"tienda_online\" value=\"s\u00ed\"> Bai<\/label>\r\n  <label><input type=\"radio\" name=\"tienda_online\" value=\"no\"> Ez<\/label>\r\n<\/div>\r\n\r\n\r\n  <label for=\"lista_servicios\">Eman iezaguzu produktu edo zerbitzuen zerrenda labur bat<\/label>\r\n  <textarea id=\"lista_servicios\" name=\"lista_servicios\" placeholder=\"Adibidez: aholkularitza zerbitzuak, ordenagailuen salmenta, etab.\"><\/textarea>\r\n\r\n  <label for=\"fotos_instalaciones\">Baduzu zure instalazioen argazkiak?<\/label>\r\n  <input type=\"file\" id=\"fotos_instalaciones\" name=\"fotos_instalaciones[]\" accept=\"image\/*\" multiple>\r\n  <p style=\"font-size: 0.9em; color: #666;\">Irudi generikorik ez baduzu, erabiliko ditugu (agian kostu gehigarria izango du).<\/p>\r\n  <!-- \u0412\u041d\u0423\u0422\u0420\u0418 \u041a\u0410\u0416\u0414\u041e\u0413\u041e .form-container -->\r\n<div class=\"form-navigation\">\r\n  <button class=\"btn-prev\">\u2190 Aurrekoa<\/button>\r\n  <button class=\"btn-next\">Hurrengoa \u2192<\/button>\r\n  <button class=\"btn-enviar\">Bidali formularioa<\/button>\r\n<\/div>\r\n        <div class=\"form-navigation volver-servicios\" style=\"margin-bottom: 0;\">\r\n      <button id=\"btn_volver_servicios\" type=\"button\">\u2190 Zerbitzuetara itzuli<\/button>\r\n    <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cecba7 elementor-widget elementor-widget-html\" data-id=\"7cecba7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"form-container\" id=\"parte3\"  style=\"display: none;\">\r\n  <h3>Publikoaren profila, webgunearen estiloa eta kontaktua<\/h3>\r\n\r\n<label>Zein publiko motarengana iritsi nahi duzu batez ere?<\/label>\r\n<div class=\"checkbox-grid\">\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"hombres\"> Gizonak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"mujeres\"> Emakumeak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"indiferente\"> Ez zait axola generoa<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"familias\"> Familiak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"parejas\"> Bikoteak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"solteros\"> Bakarrak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"menores_25\"> 25 urtetik beherakoak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"entre_25_40\"> 25 eta 40 urte bitartean<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"entre_40_60\"> Entre 40 y 60 a\u00f1os<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"mayores_60\"> 60 urte baino gehiago<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"ninos\"> 12 urtetik beherako haurrak<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"economico_bajo\"> Edozein profil ekonomiko<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"economico_alto\"> Profil ekonomiko handia<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"zona_local\"> Gertuko eremu geografikoetako jendea<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"territorio\"> Lurralde nazionaleko jendea<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"internacional\"> Nazioarteko irismena<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"otro\"> Beste<\/label>\r\n<\/div>\r\n\r\n  <label>Hautatu zure webgunearen estiloa definitzen duten adjektiboak<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"profesional\"> Profesional eta eraginkorra<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"alegre\"> Dibertigarria eta alaia.<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"original\"> Koloretsua eta originala<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"elegante\"> Dotorea eta sotila<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"sobria\"> Ilun eta soila<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"futurista\"> Teknologikoa eta futurista<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"confiable\"> Klasikoa eta fidagarria<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"movimiento\"> Deigarria eta hunkigarria<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"ambiente\"> Diskretua eta giroa sortzen duena<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"ecologica\"> Ekologikoa<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"romantica\"> Erromantikoa<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"terror\"> Izugarria<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"comica\"> Komediantea<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"seria\"> Ni izango nintzateke<\/label>\r\n  <\/div>\r\n\r\n  <label>Zein hizkuntzatan egongo da zure webgunea?<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"espanol\"> Gaztelania<\/label>\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"euskera\"> Euskera<\/label>\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"ingles\"> Ingelesa<\/label>\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"otros\"> Beste batzuk<\/label>\r\n  <\/div>\r\n\r\n  <label for=\"textos_pdf\">Weberako idatzitako testuak dituzu? (PDF aukerakoa)<\/label>\r\n  <input type=\"file\" id=\"textos_pdf\" name=\"textos_pdf\" accept=\".pdf\">\r\n\r\n  <label for=\"info_extra\">Informazio gehigarria (galeria, bloga, albisteen atala...)<\/label>\r\n  <textarea id=\"info_extra\" name=\"info_extra\" placeholder=\"Deskribatu zure webgunean sartu nahi dituzun beste ideia batzuk...\"><\/textarea>\r\n\r\n  <label for=\"sobre_ti\">Kontatu iezaguzu zure buruari edo zure enpresari buruz<\/label>\r\n  <textarea id=\"sobre_ti\" name=\"sobre_ti\" placeholder=\"Nola sortu zen ideia, zer lortu nahi zenuke, familia-enpresa bat den, etab.\"><\/textarea>\r\n\r\n  <label>Nola nahiago duzu zurekin harremanetan jartzea?<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"contacto_preferencia[]\" value=\"telefono\"> Telefonoa<\/label>\r\n    <label><input type=\"checkbox\" name=\"contacto_preferencia[]\" value=\"email\"> Posta elektronikoa<\/label>\r\n  <\/div>\r\n\r\n  <label for=\"horario_contacto\">Zein ordu da zuretzat hitz egiteko onena?<\/label>\r\n  <input type=\"text\" id=\"horario_contacto\" name=\"horario_contacto\" placeholder=\"Adibidez: Astelehenetik ostegunera, goizez.\">\r\n  <!-- \u0412\u041d\u0423\u0422\u0420\u0418 \u041a\u0410\u0416\u0414\u041e\u0413\u041e .form-container -->\r\n<div class=\"form-navigation\">\r\n  <button class=\"btn-prev\">\u2190 Aurrekoa<\/button>\r\n  <button class=\"btn-next\">Hurrengoa \u2192<\/button>\r\n  <button class=\"btn-enviar\">Bidali formularioa<\/button>\r\n<\/div>\r\n        <div class=\"form-navigation volver-servicios\" style=\"margin-bottom: 0;\">\r\n      <button id=\"btn_volver_servicios\" type=\"button\">\u2190 Zerbitzuetara itzuli<\/button>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa8091 elementor-widget elementor-widget-html\" data-id=\"1aa8091\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\nlet primerInicio = true;\r\n\r\nconst partes = [\"parte1\", \"parte2\", \"parte3\"];\r\nlet actual = 0;\r\n\r\nfunction mostrarParte(index) {\r\n  partes.forEach((id, i) => {\r\n    const el = document.getElementById(id);\r\n    el.classList.remove(\"active\");\r\n    if (i === index) {\r\n      setTimeout(() => el.classList.add(\"active\"), 50);\r\n    } else {\r\n      el.style.display = \"none\";\r\n    }\r\n  });\r\n  document.getElementById('nombre_empresa_mostrar').textContent = localStorage.getItem('nombre_empresa') || \"\";\r\n  document.getElementById('email_empresa_mostrar').textContent = localStorage.getItem('email_empresa') || \"\";\r\n  document.getElementById(partes[index]).style.display = \"block\";\r\n\r\n  \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0443\u0436\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438\r\n  document.querySelectorAll(\".btn-prev\").forEach(btn => btn.style.display = \"none\");\r\n  document.querySelectorAll(\".btn-next\").forEach(btn => btn.style.display = \"none\");\r\n  document.querySelectorAll(\".btn-enviar\").forEach(btn => btn.style.display = \"none\");\r\n\r\n  document.getElementById(partes[index])?.querySelector(\".btn-prev\")?.style.setProperty(\"display\", (index > 0 ? \"inline-block\" : \"none\"));\r\n  document.getElementById(partes[index])?.querySelector(\".btn-next\")?.style.setProperty(\"display\", (index < partes.length - 1 ? \"inline-block\" : \"none\"));\r\n  document.getElementById(partes[index])?.querySelector(\".btn-enviar\")?.style.setProperty(\"display\", (index === partes.length - 1 ? \"inline-block\" : \"none\"));\r\n\r\n  \/\/ \u2705 \u0422\u043e\u043b\u044c\u043a\u043e \u0443\u0441\u043b\u043e\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u0432\u0432\u0435\u0440\u0445 (\u0435\u0441\u043b\u0438 \u041d\u0415 \u043f\u0435\u0440\u0432\u043e\u0435 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u043b \u043d\u0438\u0436\u0435)\r\n  const parteActual = document.getElementById(partes[index]);\r\n  if (!primerInicio) {\r\n    const offsetTop = parteActual.getBoundingClientRect().top + window.scrollY;\r\n    if (window.scrollY > offsetTop - 20) {\r\n      window.scrollTo({ top: offsetTop - 20, behavior: \"smooth\" });\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\nfunction guardarCampos() {\r\n  const inputs = document.querySelectorAll(\"input, textarea\");\r\n  inputs.forEach(input => {\r\n    if (input.type === \"checkbox\") {\r\n      localStorage.setItem(input.name + \"_\" + input.value, input.checked);\r\n    } else {\r\n      localStorage.setItem(input.id, input.value);\r\n    }\r\n  });\r\n}\r\nfunction cargarCampos() {\r\n  const inputs = document.querySelectorAll(\"input, textarea\");\r\n  inputs.forEach(input => {\r\n    if (input.type === \"checkbox\") {\r\n      input.checked = localStorage.getItem(input.name + \"_\" + input.value) === \"true\";\r\n    } else if (input.type === \"file\") {\r\n      \/\/ \u041d\u0435\u043b\u044c\u0437\u044f \u0441\u0442\u0430\u0432\u0438\u0442\u044c value \u0434\u043b\u044f file, \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430\u0435\u043c\r\n      return;\r\n    } else {\r\n      const val = localStorage.getItem(input.id);\r\n      if (val) input.value = val;\r\n    }\r\n  });\r\n}\r\n\r\n\r\nfunction recolectarDatosFormulario() {\r\n  \/\/ \u0421\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043c\u0443\u043b\u044c\u0442\u0438\u0432\u044b\u0431\u043e\u0440\u0430 \u0438 \u0444\u0430\u0439\u043b\u043e\u0432\r\n  const datos = {\r\n    \/\/ --- PARTE 1 ---\r\n    direccion: document.getElementById('direccion')?.value || '',\r\n    horarios: document.getElementById('horarios')?.value || '',\r\n\r\n    logotipo: document.getElementById('logotipo')?.files.length \r\n      ? document.getElementById('logotipo').files[0].name \/\/ \u0422\u043e\u043b\u044c\u043a\u043e \u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430!\r\n      : '',\r\n\r\n    estilos: Array.from(document.querySelectorAll('input[name=\"estilos\"]:checked')).map(cb => cb.value),\r\n\r\n    libro_estilos: document.getElementById('libro_estilos')?.files.length\r\n      ? document.getElementById('libro_estilos').files[0].name \/\/ \u0422\u043e\u043b\u044c\u043a\u043e \u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430!\r\n      : '',\r\n\r\n    colores: document.getElementById('colores')?.value || '',\r\n\r\n    \/\/ --- PARTE 2 ---\r\n    actividad: document.getElementById('actividad')?.value || '',\r\n\r\n    actividad_tipo: Array.from(document.querySelectorAll('input[name=\"actividad_tipo[]\"]:checked')).map(cb => cb.value),\r\n\r\n    tienda_online: Array.from(document.querySelectorAll('input[name=\"tienda_online\"]:checked')).map(cb => cb.value),\r\n\r\n    lista_servicios: document.getElementById('lista_servicios')?.value || '',\r\n\r\n    fotos_instalaciones: document.getElementById('fotos_instalaciones')?.files.length\r\n      ? Array.from(document.getElementById('fotos_instalaciones').files).map(f => f.name) \/\/ \u0422\u043e\u043b\u044c\u043a\u043e \u0438\u043c\u0435\u043d\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\r\n      : [],\r\n\r\n    \/\/ --- PARTE 3 ---\r\n    publico: Array.from(document.querySelectorAll('input[name=\"publico[]\"]:checked')).map(cb => cb.value),\r\n\r\n    imagen: Array.from(document.querySelectorAll('input[name=\"imagen[]\"]:checked')).map(cb => cb.value),\r\n\r\n    idiomas: Array.from(document.querySelectorAll('input[name=\"idiomas[]\"]:checked')).map(cb => cb.value),\r\n\r\n    textos_pdf: document.getElementById('textos_pdf')?.files.length\r\n      ? document.getElementById('textos_pdf').files[0].name\r\n      : '',\r\n\r\n    info_extra: document.getElementById('info_extra')?.value || '',\r\n    sobre_ti: document.getElementById('sobre_ti')?.value || '',\r\n\r\n    contacto_preferencia: Array.from(document.querySelectorAll('input[name=\"contacto_preferencia[]\"]:checked')).map(cb => cb.value),\r\n\r\n    horario_contacto: document.getElementById('horario_contacto')?.value || ''\r\n  };\r\n\r\n  return datos;\r\n}\r\n\r\n\r\n\r\n\/\/ \u041e\u0431\u0449\u0438\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043a\u043d\u043e\u043f\u043e\u043a (\u0447\u0435\u0440\u0435\u0437 \u043a\u043b\u0430\u0441\u0441\u044b)\r\ndocument.addEventListener(\"click\", function(e) {\r\n  if (e.target.classList.contains(\"btn-prev\")) {\r\n    e.preventDefault();\r\n    guardarCampos();\r\n    if (actual > 0) actual--;\r\n    mostrarParte(actual);\r\n  }\r\n\r\n  if (e.target.classList.contains(\"btn-next\")) {\r\n    e.preventDefault();\r\n    guardarCampos();\r\n    if (actual < partes.length - 1) actual++;\r\n    mostrarParte(actual);\r\n  }\r\n\r\n  if (e.target.classList.contains(\"btn-enviar\")) {\r\n    e.preventDefault();\r\n    guardarCampos();\r\n\r\n    \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0444\u043e\u0440\u043c\u044b (\u0432\u0441\u0435 input\/textarea)\r\n    const formData = new FormData();\r\n    const datos = recolectarDatosFormulario();\r\n\r\n    \/\/ \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u0441\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u043a JSON (\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e)\r\n    formData.append('action', 'confirmar_pedido_empresa');\r\n    formData.append('email', localStorage.getItem('email_empresa') || document.getElementById('email_empresa').value);\r\n    formData.append('datos', JSON.stringify(datos));\r\n    formData.append('notas', datos.actividad || '');\r\n\r\n    \/\/ \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438\r\n    ['logotipo', 'libro_estilos', 'fotos_instalaciones', 'textos_pdf'].forEach(id => {\r\n      const input = document.getElementById(id);\r\n      if (input && input.files && input.files.length > 0) {\r\n        \/\/ \u041c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440 \u0434\u043b\u044f fotos_instalaciones\r\n        if (id === 'fotos_instalaciones') {\r\n          for (let i = 0; i < input.files.length; i++) {\r\n            formData.append('fotos_instalaciones[]', input.files[i]);\r\n          }\r\n        } else {\r\n          formData.append(id, input.files[0]);\r\n        }\r\n      }\r\n    });\r\n\r\n    fetch(\"\/wp-admin\/admin-ajax.php\", {\r\n      method: \"POST\",\r\n      body: formData\r\n    })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      if (data.success) {\r\n        \/\/ \u041a\u0420\u0410\u0421\u0418\u0412\u041e\u0415 \u041e\u041a\u041d\u041e \u0432\u043c\u0435\u0441\u0442\u043e alert\r\n        mostrarExitoPedido(data.data.pedido_id);\r\n\r\n        \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0432\u0441\u0435 \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c\u044b, localStorage \u043a\u0440\u043e\u043c\u0435 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 (email_empresa\/pin)\r\n        Object.keys(localStorage).forEach(key => {\r\n          if (\r\n            !key.startsWith('email_empresa') &&\r\n            !key.startsWith('pin_empresa') &&\r\n            !key.startsWith('nombre_empresa')\r\n          ) {\r\n            localStorage.removeItem(key);\r\n          }\r\n        });\r\n\r\n\r\n        \/\/ \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0432\u0441\u0435 input\/textarea (\u043d\u0435 email\/pin)\r\n        document.querySelectorAll(\r\n          '#tres_partes input:not([id^=\"email\"]), #tres_partes textarea'\r\n        ).forEach(inp => {\r\n          if (inp.type === 'checkbox' || inp.type === 'radio') inp.checked = false;\r\n          else inp.value = '';\r\n        });\r\n        setTimeout(resetearVistaPedido, 800);\r\n\r\n      } else {\r\n        alert(\"\u274c Error: \" + data.data);\r\n      }\r\n    }); \r\n  } \r\n});\r\n\r\n\r\nwindow.addEventListener(\"load\", () => {\r\n  cargarCampos();\r\n  mostrarParte(actual);\r\n   setTimeout(() => primerInicio = false, 500);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eec4e95 e-flex e-con-boxed e-con e-parent\" data-id=\"eec4e95\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f25f0d elementor-widget elementor-widget-html\" data-id=\"4f25f0d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"universal_servicio_container\" style=\"display:none;\">\r\n\r\n    <form id=\"universal_servicio_form\">\r\n    <h2>Eskatu zerbitzua<\/h2>\r\n    <div class=\"empresa-info\">\r\n<div id=\"universal_servicio_resumen\" style=\"display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px;\">\r\n  <div>\r\n    <p><b>Enpresa:<\/b> <span id=\"nombre_empresa_universal\"><\/span><\/p>\r\n    <p><b>Helbide elektronikoa:<\/b> <span id=\"email_empresa_universal\"><\/span><\/p>\r\n  <\/div>\r\n  <button id=\"btn-salir-universal\" onclick=\"logoutEmpresa()\" style=\"    background-color: #ffcc33;    color: black;    border: none;    padding: 10px 16px;    border-radius: 6px;    font-size: 14px;    font-weight: 600;    cursor: pointer;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    transition: background 0.2s;  \">\r\n     Saioa itxi \r\n  <\/button>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n    <\/div>\r\n    <label>Zerbitzua<\/label>\r\n    <input type=\"text\" id=\"servicio_mostrar\" readonly style=\"font-weight:bold; background:#fcfcfc;\" \/>\r\n    <div id=\"servicio_opciones\"><\/div>\r\n    <label>Kontsultaren edo arazoaren deskribapena<\/label>\r\n    <textarea name=\"descripcion\" id=\"descripcion_servicio\" required placeholder=\"Laburki deskribatu zure beharra...\"><\/textarea>\r\n    <label>Eranskinak (aukerakoak)<\/label>\r\n    <input type=\"file\" name=\"archivos[]\" multiple>\r\n    <button type=\"submit\">Bidali eskaera<\/button>      <div class=\"form-navigation volver-servicios\">\r\n      <button id=\"btn_volver_servicios\" type=\"button\">\u2190 Zerbitzuetara itzuli<\/button>\r\n    <\/div>\r\n  <input type=\"hidden\" name=\"trp-form-language\" value=\"eu\"\/><\/form>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27d0005 elementor-widget elementor-widget-html\" data-id=\"27d0005\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.getElementById(\"universal_servicio_form\").onsubmit = function(e) {\r\n  e.preventDefault();\r\n  \r\n    e.preventDefault();\r\n  const formData = new FormData(this);\r\n  formData.append('action', 'confirmar_pedido_empresa'); \/\/ \u0442\u043e\u0442 \u0436\u0435 \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\r\n  formData.append('email', localStorage.getItem(\"email_empresa\") || document.getElementById('email_empresa').value);\r\n  formData.append('servicio', localStorage.getItem(\"servicio_seleccionado\")); \/\/ \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0435!\r\n  \r\n  \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c\u044b \u0432 \u043e\u0434\u0438\u043d \u043e\u0431\u044a\u0435\u043a\u0442 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440)\r\n  let datos = {};\r\n  this.querySelectorAll(\"input, textarea, select\").forEach(input => {\r\n    if (input.type === \"file\") return; \/\/ \u0444\u0430\u0439\u043b\u044b \u043d\u0435 \u0432 JSON\r\n    if (input.name && input.value) datos[input.name] = input.value;\r\n  });\r\n  formData.append('datos', JSON.stringify(datos));\r\n  formData.append('notas', datos.descripcion || '');\r\n\r\n  \/\/ \u0424\u0430\u0439\u043b\u044b (\u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c)\r\n  if (this.querySelector('input[type=\"file\"]')) {\r\n    const archivos = this.querySelector('input[type=\"file\"]').files;\r\n    for (let i = 0; i < archivos.length; i++) {\r\n      formData.append('archivos[]', archivos[i]);\r\n    }\r\n  }\r\n\r\n  fetch('\/wp-admin\/admin-ajax.php', {\r\n    method: 'POST',\r\n    body: formData\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      mostrarExitoPedido(data.data.pedido_id); \/\/ \u0438\u043b\u0438 \u0442\u0432\u043e\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f\r\n      document.getElementById('universal_servicio_container').style.display = 'none';\r\n      document.getElementById('servicios_intro').style.display = 'block';\r\n      document.getElementById('servicios_grid').style.display = 'grid';\r\n    } else {\r\n      alert(\"\u274c Error: \" + data.data);\r\n\r\n    }\r\n    \r\n  });\r\n};\r\n\r\n\r\nfunction mostrarFormaUniversal() {\r\n    \r\n  document.getElementById(\"registro_empresa\").style.display = \"none\";\r\n  document.getElementById(\"universal_servicio_container\").style.display = \"block\";\r\n  \/\/ \u041f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438\r\n    document.getElementById('nombre_empresa_universal').textContent = localStorage.getItem('nombre_empresa') || \"\";\r\n  document.getElementById('email_empresa_universal').textContent = localStorage.getItem('email_empresa') || \"\";\r\n  const servicio = localStorage.getItem(\"servicio_seleccionado\");\r\n  const nombresServicios = {\r\n    reparacion: \"Venta y reparaci\u00f3n de equipos\",\r\n    soporte: \"Soporte t\u00e9cnico y asistencia remota\",\r\n    ciberseguridad: \"Ciberseguridad\",\r\n    consultoria: \"Consultor\u00eda digital\",\r\n    gamificacion: \"Gamificaci\u00f3n\"\r\n  };\r\n  document.getElementById('servicio_mostrar').value = nombresServicios[servicio] || \"Servicio\";\r\n  document.getElementById('nombre_empresa_mostrar').textContent = localStorage.getItem('nombre_empresa') || \"\";\r\n  document.getElementById('email_empresa_mostrar').textContent = localStorage.getItem('email_empresa') || \"\";\r\n  \r\n  document.getElementById('descripcion_servicio').value = \"\";\r\n  document.getElementById(\"universal_servicio_form\").scrollIntoView({behavior:\"smooth\"});\r\n}\r\nfunction logoutUniversal() {\r\n  \/\/ \u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438\r\n  localStorage.removeItem('empresa_autorizada');\r\n  localStorage.removeItem('email_empresa');\r\n  localStorage.removeItem('nombre_empresa');\r\n  localStorage.removeItem('forma');\r\n  localStorage.removeItem('servicio_seleccionado');\r\n\r\n  \/\/ \u0421\u0431\u0440\u043e\u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\r\n  document.getElementById(\"universal_servicio_container\").classList.remove(\"active\");\r\n  document.getElementById(\"universal_servicio_container\").style.display = \"none\";\r\n\r\n  \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0431\u043b\u043e\u043a \u0432\u044b\u0431\u043e\u0440\u0430 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0437\u0430\u043d\u043e\u0432\u043e\r\n  document.getElementById(\"servicios_intro\")?.style.setProperty(\"display\", \"block\");\r\n  document.getElementById(\"servicios_grid\")?.style.setProperty(\"display\", \"grid\");\r\n\r\n  window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n}\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2e399b e-flex e-con-boxed e-con e-parent\" data-id=\"a2e399b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f53a75b elementor-widget elementor-widget-html\" data-id=\"f53a75b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- Bot\u00f3n flotante de chat -->\r\n<div id=\"chat-button\" style=\"position:fixed; bottom:20px; right:20px; z-index:9999;\">\r\n  <button onclick=\"toggleChat()\" style=\"display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:30px; background:#f5a623; color:#000000; font-size:16px; border:none; box-shadow: 0 0 10px rgba(0,0,0,0.2); cursor:pointer;\">\r\n    <span style=\"font-size:20px;\">\ud83d\udcac<\/span> \r\n    <span>Lineako laguntza<\/span>\r\n    <span id=\"chat-badge\" style=\"display:none; margin-left:6px; background:red; color:white; font-size:12px; border-radius:12px; padding:2px 6px; font-weight:bold;\">0<\/span>\r\n  <\/button>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<!-- \u041e\u043a\u043d\u043e \u0447\u0430\u0442\u0430 -->\r\n<div id=\"chat-window\" style=\"display: none; position:fixed; bottom:90px; right:20px; width:340px; height:520px; background:#fff7e6; border:1px solid #f5a623; display:none; z-index:10000; box-shadow: 0 0 15px rgba(0,0,0,0.3); border-radius:15px; overflow:hidden; font-family:sans-serif;flex-direction:column;\">\r\n<!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a -->\r\n<div id=\"chat-header\" style=\"background:#f5a623; color:white; padding:10px; display:flex; justify-content:space-between; align-items:center;\">\r\n  <span id=\"chat-username\">Ertaina<\/span>\r\n  <div>\r\n    <button id=\"btn-salir\" onclick=\"logoutChat()\" style=\"background:none; border:none; color:white; font-size:16px; margin-right:10px;\">Irten<\/button>\r\n    <button onclick=\"toggleChat()\" style=\"background:transparent; border:none; color:white; font-size:18px;\">\u2716<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<!-- \u0422\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d\u0430 -->\r\n<div id=\"admin-select-container\" style=\"display:none; padding:10px; background:#fff7e6;\">\r\n  <label for=\"admin-client-select\" style=\"margin-right: 8px;\">Bezeroa:<\/label>\r\n  <select id=\"admin-client-select\" style=\"padding: 6px; border-radius: 8px; width: 100%;\">\r\n    <option value=\"\">Aukeratu bezero bat...<\/option>\r\n  <\/select>\r\n<\/div>\r\n\r\n<div id=\"chat-fuera-horario\" style=\"display:none; text-align:center; color:#d32f2f; padding:20px; font-weight:bold;\">\r\n  \u23f0 Txata goizeko 8:00etatik gaueko 8:00etara bakarrik dago eskuragarri.<br>\r\n  Mesedez, idatzi iezaguzu lanorduetan.\r\n<\/div>\r\n\r\n\r\n<!-- \u041e\u043a\u043d\u043e \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 -->\r\n<div id=\"chat-instrucciones\" style=\"  background: #f9fbe7;  border: 1px solid #dce775;  padding: 10px;  margin-bottom: 10px;  border-radius: 6px;  font-size: 12px;  color: #666600;\">\r\n  <strong>\ud83d\udcac Laguntza behar duzu? Hemen gaude!<\/strong><br>\r\n  1\ufe0f\u20e3 Txata hasteko, idatzi zure helbide elektronikoa.<br>\r\n  2\ufe0f\u20e3 Zure identitatea baieztatzeko kode bat jasoko duzu posta elektronikoz.<br>\r\n  3\ufe0f\u20e3 Ondoren, mezuak edo irudiak bidali diezazkiokezu gure laguntza taldeari.<br>\r\n  4\ufe0f\u20e3 Ahalik eta azkarren erantzungo dizugu txat honetan.<br>\r\n  \ud83d\udee1\ufe0f Zure datuak laguntza-elkarrizketa honetarako soilik erabiltzen dira.\r\n<\/div>\r\n\r\n<div id=\"chat-auth\" style=\"flex:1; padding:20px; display:none; flex-direction:column; justify-content:center; background:#fffef4;\">\r\n  <div id=\"auth-step-email\">\r\n    <label>Helbide elektronikoa:<\/label>\r\n    <input type=\"email\" id=\"chat-auth-email\" style=\"width:100%; padding:8px; margin-top:5px;\" \/>\r\n    <button onclick=\"enviarCodigoAuth()\" style=\"margin-top:10px; background:#f5a623; color:white; border:none; padding:10px; width:100%; border-radius:8px;\">Bidali kodea<\/button>\r\n  <\/div>\r\n\r\n  <div id=\"auth-step-codigo\" style=\"display:none;\">\r\n    <label>Kodea (posta elektronikoz bidalia):<\/label>\r\n    <input type=\"text\" id=\"chat-auth-codigo\" style=\"width:100%; padding:8px; margin-top:5px;\" \/>\r\n  <\/div>\r\n\r\n<div id=\"auth-step-registro\" style=\"display:none;\">\r\n  <label>Izena:<\/label>\r\n  <input type=\"text\" id=\"chat-auth-nombre\" style=\"width:100%; padding:8px; margin-top:5px;\" \/>\r\n\r\n  <label>Telefonoa:<\/label>\r\n  <input type=\"text\" id=\"chat-auth-telefono\" style=\"width:100%; padding:8px; margin-top:5px;\" \/>\r\n\r\n  <label style=\"margin-top:10px; display:flex; align-items:center;\">\r\n    <input type=\"checkbox\" id=\"chat-auth-consent\" style=\"margin-right:8px;\" \/>\r\n    Nire datuak harremanetarako erabiltzea onartzen dut\r\n  <\/label>\r\n\r\n  <button onclick=\"finalizarRegistro()\" style=\"margin-top:10px; background:#f5a623; color:white; padding:10px; width:100%; border:none; border-radius:8px;\">\r\n    Osatu erregistroa\r\n  <\/button>\r\n<\/div>\r\n\r\n  <div id=\"auth-msg\" style=\"margin-top:10px; color:green;\"><\/div>\r\n<\/div>\r\n\r\n  <!-- \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f -->\r\n  <div id=\"chat-messages\" style=\"flex:1; padding:10px; overflow-y:auto; border-top:1px solid #ffe9b5; border-bottom:1px solid #ffe9b5; font-size:14px;\">\r\n    <p style=\"text-align:center;\"><em>Itxaron mesedez, mezuak kargatzen...<\/em><\/p>\r\n  <\/div>\r\n<div class=\"chat-footer\" id=\"chat-footer\" style=\"padding:10px; background:#fffaf0; display:none;\">\r\n\r\n  <!-- \u0412\u0432\u043e\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f -->\r\n  <div style=\"padding:10px; background:#fffaf0;\">\r\n    <textarea id=\"chat-input\" placeholder=\"Idatzi zure mezua...\" style=\"width:100%; height:60px; padding:8px; border:1px solid #f5a623; border-radius:8px; resize:none;\"><\/textarea>\r\n\r\n    <div style=\"display:flex; align-items:center; margin-top:8px;\">\r\n      <label for=\"chat-image\" style=\"background:#ffe082; padding:6px 12px; border-radius:8px; cursor:pointer; flex:1; text-align:center; font-size:14px;\">\r\n        \ud83d\udcce Erantsi irudia\r\n      <\/label>\r\n<input type=\"file\" id=\"chat-image\" accept=\"image\/*\" style=\"display:none;\">\r\n<div id=\"imagen-info\" style=\"margin-top:5px; font-size:12px; color:#666;\"><\/div>\r\n\r\n      \r\n      <button onclick=\"sendMessage()\" style=\"margin-left:10px; background:#f5a623; color:white; padding:8px 12px; border:none; border-radius:8px; font-weight:bold; cursor:pointer;\">\r\n        Bidali\r\n      <\/button>\r\n    <\/div>\r\n  <\/div><\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e783980 elementor-widget elementor-widget-html\" data-id=\"e783980\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n\r\nconst ADMIN_EMAIL = 'serkafox@gmail.com';\r\nlet chatAbierto = false;\r\n\r\nfunction esHorarioLaboral() {\r\n    const ahora = new Date();\r\n    const hora = ahora.getHours();\r\n    return hora >= 8 && hora < 20; \/\/ 8:00 - 19:59\r\n}\r\n\r\nfunction actualizarInterfazChatPorHorario() {\r\n    if (!esHorarioLaboral()) {\r\n        \/\/ \u0412\u041d\u0415 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438\r\n        document.getElementById('chat-instrucciones').style.display = 'none';\r\n        document.getElementById('chat-auth').style.display = 'none';\r\n        document.getElementById('chat-fuera-horario').style.display = 'block';\r\n        \/\/ \u041c\u043e\u0436\u043d\u043e \u0442\u0430\u043a\u0436\u0435 \u0441\u043a\u0440\u044b\u0442\u044c \u0444\u0443\u0442\u0435\u0440, \u0435\u0441\u043b\u0438 \u043e\u043d \u0435\u0441\u0442\u044c\r\n        document.getElementById('chat-footer').style.display = 'none';\r\n    } else {\r\n        \/\/ \u0412 \u0420\u0410\u0411\u041e\u0427\u0415\u0415 \u0432\u0440\u0435\u043c\u044f\r\n        document.getElementById('chat-instrucciones').style.display = 'block';\r\n        document.getElementById('chat-auth').style.display = 'flex';\r\n        document.getElementById('chat-fuera-horario').style.display = 'none';\r\n        document.getElementById('chat-footer').style.display = 'none'; \/\/ \u0438\u043b\u0438 block, \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c\r\n    }\r\n}\r\n\r\nfunction toggleChat() {\r\n\r\n\r\n    const chatWindow = document.getElementById('chat-window');\r\n    const isVisible = chatWindow.style.display === 'flex' || chatWindow.style.display === 'block';\r\n    chatWindow.style.display = isVisible ? 'none' : 'flex';\r\n    chatAbierto = !isVisible;\r\n\r\n    \/\/ --- \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 ---\r\n    if (!esHorarioLaboral()) {\r\n        document.getElementById('chat-header').style.display = 'flex';\r\n        document.getElementById('chat-messages').innerHTML = \r\n            '<div style=\"text-align:center;color:#d32f2f;font-weight:bold;padding:30px;\">\u23f0 El chat est\u00e1 disponible solo de 8:00 a 20:00.<br>Por favor, escr\u00edbenos en horario laboral.<\/div>';\r\n        document.getElementById('chat-auth').style.display = 'none';\r\n        document.getElementById('chat-instrucciones').style.display = 'none';\r\n        document.getElementById('btn-salir').style.display = 'none';\r\n        document.getElementById('chat-footer').style.display = 'none';\r\n        document.getElementById('admin-select-container').style.display = 'none';\r\n        return;\r\n    }\r\n\r\n\r\nconst email = localStorage.getItem('email_empresa');\r\n  const closeBtn = document.getElementById('chat-close-btn');\r\n\r\n  if (chatAbierto) {\r\n        const email_empresa = localStorage.getItem('email_empresa');\r\n  const nombre_empresa = localStorage.getItem('nombre_empresa');\r\n  \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0430\u0434\u043c\u0438\u043d \u043b\u0438 \u044d\u0442\u043e (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u0441 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u043e\u0439 ADMIN_EMAIL)\r\n  if (email && email === ADMIN_EMAIL) {\r\n    localStorage.setItem('is_admin', '1');\r\n  } else {\r\n    localStorage.setItem('is_admin', '0');\r\n  }\r\n  \/\/ \u0435\u0441\u043b\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0435 \u0441\u0442\u043e\u0438\u0442, \u043d\u043e \u0434\u0430\u043d\u043d\u044b\u0435 \u0435\u0441\u0442\u044c \u2014 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0443\u0435\u043c!\r\n  if (!localStorage.getItem('empresa_autorizada') && email_empresa && nombre_empresa) {\r\n    \/\/ \u041c\u043e\u0436\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e\r\n    localStorage.setItem('empresa_autorizada', '1');\r\n    \/\/ \u0415\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u2014 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u043c\u044f \u0432 input\/\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0447\u0430\u0442\u0430\r\n    \/\/ document.getElementById('chat_nombre_input').value = nombre_empresa;\r\n    \/\/ document.getElementById('chat_email_input').value = email_empresa;\r\n  }\r\n      \r\n    const isAuth = localStorage.getItem('empresa_autorizada') === '1';\r\n    if (!isAuth) {\r\n      document.getElementById('chat-auth').style.display = 'flex';\r\n      document.getElementById('chat-username').style.display = 'none';\r\n        document.getElementById('btn-salir').style.display = 'none';\r\n\r\n      document.getElementById('chat-instrucciones').style.display = 'block';\r\n      document.getElementById('chat-messages').style.display = 'none';\r\n      document.getElementById('chat-footer').style.display = 'none';\r\n      document.getElementById('admin-select-container').style.display = 'none';\r\n      document.getElementById('chat-username').innerText = 'Soporte';\r\n    } else {\r\n      document.getElementById('chat-auth').style.display = 'none';\r\n      document.getElementById('chat-instrucciones').style.display = 'none';\r\n      document.getElementById('chat-messages').style.display = 'block';\r\n      document.getElementById('chat-footer').style.display = 'block';\r\n\r\n      const isAdmin = localStorage.getItem('is_admin') === '1';\r\n      if (isAdmin) {\r\n        document.getElementById('admin-select-container').style.display = 'block';\r\n        cargarSelectEmpresas();\r\n      } else {\r\n        document.getElementById('admin-select-container').style.display = 'none';\r\n      }\r\n\r\n      actualizarNombreEmpresa();\r\n      cargarMensajes();\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\nfunction logoutChat() {\r\n  \/\/ \u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438\r\n  localStorage.removeItem('empresa_autorizada');\r\n  localStorage.removeItem('email_empresa');\r\n  localStorage.removeItem('nombre_empresa');\r\n  localStorage.removeItem('is_admin');\r\n  localStorage.removeItem('admin_selected_email');\r\n\r\n  \/\/ \u0421\u0431\u0440\u043e\u0441 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438\r\n  document.getElementById('chat-auth').style.display = 'flex';\r\n  document.getElementById('chat-username').style.display = 'none';\r\ndocument.getElementById('btn-salir').style.display = 'none';\r\n\r\n  document.getElementById('chat-instrucciones').style.display = 'block';\r\n  document.getElementById('chat-messages').style.display = 'none';\r\n  document.getElementById('chat-footer').style.display = 'none';\r\n  document.getElementById('admin-select-container').style.display = 'none';\r\n\r\n}\r\n\r\n\r\n\r\n<\/script>\r\n\r\n<script>\r\nlet empresaEmail = '';\r\nlet empresaID = null;\r\nfunction enviarCodigoAuth() {\r\n  const email = document.getElementById('chat-auth-email').value.trim();\r\n  empresaEmail = email;\r\n\r\n  if (!email || !email.includes('@')) {\r\n    alert(\"Por favor, ingresa un email v\u00e1lido.\");\r\n    return;\r\n  }\r\n\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\r\n    body: new URLSearchParams({\r\n      action: 'enviar_pin_empresa',\r\n      email: email\r\n    })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0448\u0430\u0433 email\r\n      document.getElementById('auth-step-email').style.display = 'none';\r\n      document.getElementById('auth-msg').innerText = data.data.mensaje;\r\n\r\n      if (data.data.existe) {\r\n        \/\/ \u041a\u043b\u0438\u0435\u043d\u0442 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u2014 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c PIN \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c\r\n        document.getElementById('auth-step-codigo').style.display = 'block';\r\n\r\n        \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0430\u0432\u0442\u043e-\u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043f\u0440\u0438 \u0432\u0432\u043e\u0434\u0435 PIN\r\n        document.getElementById('chat-auth-codigo').addEventListener('input', function () {\r\n          if (this.value.trim().length === 6) {\r\n            verificarPinDirecto(this.value.trim());\r\n          }\r\n        });\r\n\r\n      } else {\r\n        \/\/ \u041d\u043e\u0432\u044b\u0439 \u043a\u043b\u0438\u0435\u043d\u0442 \u2014 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438\r\n        document.getElementById('auth-step-codigo').style.display = 'block';\r\n        document.getElementById('auth-step-registro').style.display = 'block';\r\n        document.getElementById('chat-instrucciones').style.display = 'none';\r\n      }\r\n    } else {\r\n      document.getElementById('auth-msg').innerText = 'Error al enviar c\u00f3digo.';\r\n    }\r\n  });\r\n}\r\nfunction verificarPinDirecto(pin) {\r\n  if (empresaEmail === ADMIN_EMAIL) {\r\n    localStorage.setItem('is_admin', '1');\r\n    document.getElementById('admin-select-container').style.display = 'block';\r\n    cargarSelectEmpresas();\r\n  } else {\r\n    localStorage.setItem('is_admin', '0');\r\n    document.getElementById('admin-select-container').style.display = 'none';\r\n  }\r\n\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\r\n    body: new URLSearchParams({\r\n      action: 'verificar_pin_empresa',\r\n      email: empresaEmail,\r\n      pin: pin\r\n    })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      localStorage.setItem('empresa_autorizada', '1');\r\n      localStorage.setItem('email_empresa', empresaEmail);\r\n\r\n      \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0438\u043c\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438\r\n      fetch(ajaxurl, {\r\n        method: 'POST',\r\n        headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\r\n        body: new URLSearchParams({\r\n          action: 'get_nombre_empresa',\r\n          email: empresaEmail\r\n        })\r\n      })\r\n      .then(res => res.json())\r\n      .then(resp => {\r\n        if (resp.success && resp.data.nombre) {\r\n          localStorage.setItem('nombre_empresa', resp.data.nombre);\r\n        }\r\n        actualizarNombreEmpresa();\r\n\r\n        document.getElementById('chat-auth').style.display = 'none';\r\n        document.getElementById('chat-instrucciones').style.display = 'none';\r\n        document.getElementById('chat-messages').style.display = 'block';\r\n        document.getElementById('chat-footer').style.display = 'block';\r\ndocument.getElementById('chat-username').style.display = 'flex';\r\ndocument.getElementById('btn-salir').style.display = 'inline-block';\r\n        cargarMensajes();\r\n      });\r\n\r\n    } else {\r\n      document.getElementById('auth-msg').innerText = data.data;\r\n    }\r\n  });\r\n}\r\n\r\n\r\nfunction finalizarRegistro() {\r\n  const codigo = document.getElementById('chat-auth-codigo').value.trim();\r\n  const nombre = document.getElementById('chat-auth-nombre').value.trim();\r\n  const telefono = document.getElementById('chat-auth-telefono').value.trim();\r\n  const consent = document.getElementById('chat-auth-consent').checked;\r\n  \r\n\r\n  if (!codigo || codigo.length !== 6) return alert(\"C\u00f3digo incorrecto.\");\r\n  if (!nombre || !telefono) return alert(\"Completa todos los campos.\");\r\n  if (!consent) return alert(\"Debes aceptar el uso de tus datos.\");\r\nif (empresaEmail === ADMIN_EMAIL) {\r\n  localStorage.setItem('is_admin', '1');\r\n  document.getElementById('admin-select-container').style.display = 'block';\r\n  cargarSelectEmpresas();\r\n} else {\r\n  localStorage.setItem('is_admin', '0');\r\n  document.getElementById('admin-select-container').style.display = 'none';\r\n}\r\n\r\n  \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 PIN\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\r\n    body: new URLSearchParams({\r\n      action: 'verificar_pin_empresa',\r\n      email: empresaEmail,\r\n      pin: codigo\r\n    })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      \/\/ \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430\r\n      fetch(ajaxurl, {\r\n        method: 'POST',\r\n        headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\r\n        body: new URLSearchParams({\r\n          action: 'registrar_empresa_chat',\r\n          email: empresaEmail,\r\n          nombre: nombre,\r\n          telefono: telefono\r\n        })\r\n      })\r\n      .then(reg => reg.json())\r\n      .then(resp => {\r\n        if (resp.success) {\r\n            localStorage.setItem('empresa_autorizada', '1');\r\n            localStorage.setItem('email_empresa', empresaEmail);\r\n\r\n          document.getElementById('chat-auth').style.display = 'none';\r\n          document.getElementById('chat-instrucciones').style.display = 'none';\r\n          document.getElementById('chat-messages').style.display = 'block';\r\n          document.getElementById('chat-footer').style.display = 'block';\r\n          document.getElementById('chat-username').style.display = 'flex';\r\n        document.getElementById('btn-salir').style.display = 'inline-block';\r\n          actualizarNombreEmpresa();\r\n\r\n          cargarMensajes(); \/\/ \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u043f\u043e\u0437\u0436\u0435\r\n        } else {\r\n          alert(\"Error al registrar empresa.\");\r\n        }\r\n      });\r\n    } else {\r\n      alert(data.data);\r\n    }\r\n  });\r\n}\r\nconst remitente = localStorage.getItem('is_admin') === '1' ? 'admin' : 'empresa';\r\n\r\nfunction sendMessage() {\r\n\r\n  const input = document.getElementById('chat-input');\r\n  const mensaje = input.value.trim();\r\n  const email = localStorage.getItem('email_empresa');\r\n  const remitente = localStorage.getItem('is_admin') === '1' ? 'admin' : 'empresa';\r\n  const imageInput = document.getElementById('chat-image');\r\n  const file = imageInput.files[0];\r\n\r\n  if (!mensaje && !file) return;\r\n\r\n  const formData = new FormData();\r\n  formData.append('action', 'enviar_mensaje_chat');\r\n  formData.append('email', email);\r\n  formData.append('remitente', remitente);\r\n  formData.append('mensaje', mensaje);\r\n\r\n  if (file) {\r\n    formData.append('imagen', file);\r\n  }\r\n\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    body: formData\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      input.value = '';\r\n      imageInput.value = '';\r\n      document.getElementById('imagen-info').innerText = '';\r\n      cargarMensajes();\r\n    } else {\r\n      alert(\"Error al enviar mensaje: \" + data.data);\r\n    }\r\n  });\r\n}\r\n\r\n\r\ndocument.getElementById('chat-image').addEventListener('change', function () {\r\n  const file = this.files[0];\r\n  if (file) {\r\n    document.getElementById('imagen-info').innerText = `\ud83d\udcf7 Imagen seleccionada: ${file.name}`;\r\n  } else {\r\n    document.getElementById('imagen-info').innerText = '';\r\n  }\r\n});\r\n\r\n\r\ndocument.getElementById('chat-input').addEventListener('keydown', function (e) {\r\n  if (e.key === 'Enter' && !e.shiftKey) {\r\n    e.preventDefault();\r\n    sendMessage();\r\n  }\r\n});\r\n\r\n\r\nfunction cargarSelectEmpresas() {\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n    body: new URLSearchParams({ action: 'get_empresas_chat' })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      const select = document.getElementById('admin-client-select');\r\n      select.innerHTML = '<option value=\"\">Selecciona un cliente...<\/option>';\r\n\r\n      data.data.forEach(empresa => {\r\n        const option = document.createElement('option');\r\n        option.value = empresa.email;\r\n\r\n        const contador = empresa.no_leidos > 0 ? ` \ud83d\udd34 ${empresa.no_leidos}` : '';\r\n        option.textContent = `${empresa.nombre} (${empresa.email})${contador}`;\r\n\r\n        select.appendChild(option);\r\n      });\r\n    }\r\n  });\r\n}\r\n\r\n\r\ndocument.getElementById('admin-client-select').addEventListener('change', function () {\r\n  const emailSeleccionado = this.value;\r\n actualizarNombreEmpresa(emailSeleccionado); \r\n\r\n  if (!emailSeleccionado) return;\r\n\r\n  \/\/ \u041f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u043c email \u043d\u0430 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430\r\n  localStorage.setItem('email_empresa', emailSeleccionado);\r\n    localStorage.setItem('admin_selected_email', emailSeleccionado);\r\n  \/\/ \u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430\r\n  cargarMensajes();\r\n});\r\n\r\n\r\nfunction cargarMensajes() {\r\n        if (!esHorarioLaboral()) {\r\n        const mensajesDiv = document.getElementById('chat-messages');\r\n        mensajesDiv.innerHTML = '<p style=\"text-align:center; color:#d32f2f;\"><b>\u23f0 El chat est\u00e1 disponible solo de 8:00 a 20:00.<br>Por favor, escr\u00edbenos en horario laboral.<\/b><\/p>';\r\n        return;\r\n    }\r\n    \r\n    \r\n  const remitente = localStorage.getItem('is_admin') === '1' ? 'admin' : 'empresa';\r\n  const email = localStorage.getItem('email_empresa');\r\n  const mensajesDiv = document.getElementById('chat-messages');\r\n\r\n  if (!email) {\r\n    mensajesDiv.innerHTML = '<p style=\"text-align:center; color:red;\">Error: No hay email registrado.<\/p>';\r\n    return;\r\n  }\r\n\r\n  console.log('[cargarMensajes] remitente:', remitente);\r\n  console.log('[cargarMensajes] email:', email);\r\n\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n    body: new URLSearchParams({\r\n      action: 'get_mensajes_chat',\r\n      email: email,\r\n      remitente: remitente,\r\n      marcar_leido: document.getElementById('chat-window').style.display === 'flex' ? '1' : '0'\r\n    })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    console.log('[cargarMensajes] respuesta:', data);\r\n\r\n    if (!data.success) {\r\n      mensajesDiv.innerHTML = '<p style=\"text-align:center; color:red;\">Error: ' + data.data + '<\/p>';\r\n      return;\r\n    }\r\n\r\n    const mensajes = data.data;\r\n\r\n    if (mensajes.length === 0) {\r\n      mensajesDiv.innerHTML = '<p style=\"text-align:center;\"><em>No hay mensajes a\u00fan.<\/em><\/p>';\r\n      return;\r\n    }\r\n\r\n    mensajesDiv.innerHTML = '';\r\n    let ultimoID = parseInt(localStorage.getItem('ultimo_id_chat')) || 0;\r\n\r\n    mensajes.forEach(msg => {\r\n      console.log('[msg]', msg);\r\n\r\n      const div = document.createElement('div');\r\n      div.style.marginBottom = '10px';\r\n\r\n      const fecha = new Date(msg.fecha);\r\n      const hora = fecha.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n\r\n      let autor = 'T\u00fa';\r\n      const isAdmin = localStorage.getItem('is_admin') === '1';\r\n      if (isAdmin) autor = msg.remitente === 'admin' ? 'T\u00fa' : msg.nombre || 'Cliente';\r\n      else autor = msg.remitente === 'admin' ? 'Admin' : 'T\u00fa';\r\n\r\n      let imagenHTML = msg.imagen ? `<div style=\"margin-top:5px;\"><img decoding=\"async\" src=\"${msg.imagen}\" style=\"max-width:100%; border-radius:10px;\"><\/div>` : '';\r\n      let vistoHTML = '';\r\n\r\n      if (msg.remitente === remitente) {\r\n        if (msg.leido == 1 && msg.leido_en) {\r\n          const fechaLeido = new Date(msg.leido_en);\r\n          const horaLeido = fechaLeido.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n          vistoHTML = `<span style=\"font-size:11px; color:green; margin-left:5px;\">\u2714\ufe0e le\u00eddo a las ${horaLeido}<\/span>`;\r\n        } else {\r\n          vistoHTML = `<span style=\"font-size:11px; color:#999; margin-left:5px;\">no le\u00eddo<\/span>`;\r\n        }\r\n      }\r\n\r\n      const contenido = `\r\n        <div style=\"font-size:11px; color:#999; margin-bottom:2px;\">\r\n          ${autor} \u2022 ${hora}${vistoHTML}\r\n        <\/div>\r\n        <div style=\"display:inline-block; background:${msg.remitente === 'empresa' ? '#dcedc8' : '#ffe082'}; padding:8px 12px; border-radius:12px; max-width:70%;\">\r\n          ${msg.mensaje || ''}${imagenHTML}\r\n        <\/div>\r\n      `;\r\n\r\n      div.style.textAlign = msg.remitente === 'empresa' ? 'right' : 'left';\r\n      div.innerHTML = contenido;\r\n      mensajesDiv.appendChild(div);\r\n\r\n      \/\/ \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 ID\r\n      if (parseInt(msg.id) > ultimoID) {\r\n        ultimoID = parseInt(msg.id);\r\n      }\r\n    });\r\n\r\n    \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 ID \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438\r\n    const previoID = parseInt(localStorage.getItem('ultimo_id_chat')) || 0;\r\n    if (ultimoID > previoID) {\r\n      localStorage.setItem('ultimo_id_chat', ultimoID);\r\n      const chatWindow = document.getElementById('chat-window');\r\n      chatWindow.classList.add('mensaje-nuevo');\r\n      setTimeout(() => {\r\n        chatWindow.classList.remove('mensaje-nuevo');\r\n      }, 1000);\r\n    }\r\n\r\n    mensajesDiv.scrollTop = mensajesDiv.scrollHeight;\r\n  });\r\n}\r\n\r\n\r\n\r\nfunction actualizarNombreEmpresa(email = null) {\r\n  const correo = email || localStorage.getItem('email_empresa');\r\n  if (!correo) return;\r\n\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n    body: new URLSearchParams({\r\n      action: 'get_nombre_empresa',\r\n      email: correo\r\n    })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success) {\r\n      const nombre = data.data.nombre;\r\n      document.getElementById('chat-username').innerText = `\ud83d\udc4b ${nombre}`;\r\n      cargarSelectEmpresas();\r\n    }\r\n  });\r\n}\r\n\r\n\r\n\r\nfunction actualizarContadorNuevosMensajes() {\r\n  const chatWindow = document.getElementById('chat-window');\r\n  const badge = document.getElementById('chat-badge');\r\n\r\n  if (!chatWindow || !badge) return;\r\n\r\n  const isVisible = chatWindow.style.display === 'flex' || chatWindow.style.display === 'block';\r\n\r\n  if (isVisible) {\r\n    badge.innerText = '';\r\n    badge.style.display = 'none';\r\n    return;\r\n  }\r\n\r\n  const email = localStorage.getItem('email_empresa');\r\n  const remitente = localStorage.getItem('is_admin') === '1' ? 'admin' : 'empresa';\r\n\r\n  if (!email || !remitente) return;\r\n\r\n  fetch(ajaxurl, {\r\n    method: 'POST',\r\n    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n    body: new URLSearchParams({\r\n      action: 'get_nuevos_mensajes_count',\r\n      email: email,\r\n      remitente: remitente\r\n    })\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.success && data.data > 0) {\r\n      badge.innerText = data.data;\r\n      badge.style.display = 'inline-block';\r\n      badge.classList.add('nuevo-msg-pulse'); \/\/ \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u044d\u0444\u0444\u0435\u043a\u0442\r\n    } else {\r\n      badge.innerText = '';\r\n      badge.style.display = 'none';\r\n      badge.classList.remove('nuevo-msg-pulse');\r\n    }\r\n  });\r\n}\r\n\r\n\r\n\r\nsetInterval(actualizarContadorNuevosMensajes, 10000); \/\/ \u041a\u0430\u0436\u0434\u044b\u0435 10 \u0441\u0435\u043a\u0443\u043d\u0434\r\n\r\n\r\n\r\nsetInterval(() => {\r\n  if (\r\n    chatAbierto &&\r\n    localStorage.getItem('empresa_autorizada') === '1'\r\n  ) {\r\n    cargarMensajes();\r\n  }\r\n}, 10000);\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfEn qu\u00e9 podemos ayudarte? Nuestra empresa ofrece servicios tecnol\u00f3gicos para particulares y empresas: desde creaci\u00f3n de p\u00e1ginas web hasta soporte t\u00e9cnico, ciberseguridad y gamificaci\u00f3n. \u00a1Elige el servicio que necesitas y solicita tu pedido en un clic! Desarrollo web Creamos p\u00e1ginas web modernas y adaptadas a tu negocio. Venta y reparaci\u00f3n Venta, montaje y reparaci\u00f3n de [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1637,"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":4321,"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/pages\/13\/revisions\/4321"}],"wp:attachment":[{"href":"https:\/\/computerz.es\/eu\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}