{"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\/en\/empresas\/","title":{"rendered":"Companies"},"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>How can we help you?<\/h2>\r\n  <p>\r\n    <strong>Our company<\/strong> offers technology services for individuals and companies: from website creation to technical support, cybersecurity and gamification. <br>\r\n    <span >Choose the service you need and place your order in one click!<\/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 development<\/span>\r\n    <span class=\"servicio-desc\">We create modern websites adapted to your business.<\/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\">Sales and repair<\/span>\r\n    <span class=\"servicio-desc\">Sale, assembly and repair of computers and components.<\/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\">Technical Support<\/span>\r\n    <span class=\"servicio-desc\">Remote and on-site assistance, troubleshooting, equipment maintenance.<\/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\">Cybersecurity<\/span>\r\n    <span class=\"servicio-desc\">Protection of your systems and data against digital threats.<\/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\">Digital consulting<\/span>\r\n    <span class=\"servicio-desc\">We help you to optimize and digitize your business.<\/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\">Gamification<\/span>\r\n    <span class=\"servicio-desc\">We implement game mechanics to motivate and retain your customers.<\/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>Company identification<\/h2>\r\n  <p id=\"intro_registro_empresa\" style=\"font-size: 1.1em; color: #444; margin-bottom: 20px;\">\r\n    Enter your company email to continue with the order.\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\">E-mail address<\/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\">Verify email address<\/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>Email:<\/b> <span id=\"email_actual_span\"><\/span>\r\n    <button id=\"btn_cambiar_email\" type=\"button\" style=\"margin-left:14px;\">Change e-mail<\/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\">Trade name<\/label>\r\n    <input type=\"text\" id=\"nombre_empresa\" name=\"nombre\" placeholder=\"Visible name of your company\">\r\n    <label for=\"nombre_fiscal_empresa\">Fiscal name<\/label>\r\n    <input type=\"text\" id=\"nombre_fiscal_empresa\" name=\"nombre_fiscal\" placeholder=\"Legal name of your company\">\r\n    <label for=\"nif_empresa\">NIF \/ CIF<\/label>\r\n    <input type=\"text\" id=\"nif_empresa\" name=\"nif\" placeholder=\"Fiscal number\">\r\n    <label for=\"telefono_empresa\">Phone<\/label>\r\n    <input type=\"text\" id=\"telefono_empresa\" name=\"telefono\" placeholder=\"+34 600 123 456\">\r\n    <label for=\"descripcion_empresa\">Description of the company<\/label>\r\n    <textarea id=\"descripcion_empresa\" name=\"descripcion\" placeholder=\"Main activity, sector, etc.\"><\/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      I agree to the processing of my data for the registration of my company according to the <a href=\"\/en\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/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 code<\/label>\r\n    <input type=\"text\" id=\"pin_empresa\" name=\"pin\" maxlength=\"6\" placeholder=\"Enter the PIN sent by mail\">\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;\">Confirm and send<\/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 Back to services<\/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\">Order sent!<\/div>\r\n    <div id=\"exito_detalles\" style=\"font-size:1.1em;color:#444;margin-bottom:20px;\">\r\n      Thank you for your order. <br>\r\n      We have sent confirmation to your email.\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;\">OK<\/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>Request for web page<\/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>Company:<\/b> <span id=\"nombre_empresa_mostrar\"><\/span><\/p>\r\n    <p><b>Email:<\/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    Exit account \r\n  <\/button>\r\n<\/div>\r\n\r\n    <\/div>\r\n  <h3>Basic information and corporate visuals<\/h3>\r\n  <span style=\"font-weight: normal; font-size: 1rem; color: #555;\">\r\n    (We recommend completing the form with as much detail as possible so that we can create a website that exactly meets your expectations).\r\n  <\/span>\r\n  <label for=\"direccion\">Address (street, number, town and postal code)<\/label>\r\n  <input type=\"text\" id=\"direccion\" name=\"direccion\" placeholder=\"Example Street 123, Madrid, 28001\">\r\n\r\n  <label for=\"horarios\">Opening hours (if any)<\/label>\r\n  <input type=\"text\" id=\"horarios\" name=\"horarios\" placeholder=\"Monday to Friday, 9:00 - 18:00\">\r\n\r\n  <label for=\"logotipo\">Logo (archive)<\/label>\r\n  <input type=\"file\" id=\"logotipo\" name=\"logotipo\" accept=\"image\/*\">\r\n\r\n  <label>Do you have a style guide, corporate identity or corporate colors?<\/label>\r\n<div class=\"checkbox-grid\">\r\n  <label><input type=\"radio\" name=\"estilos\" value=\"si\" id=\"check_estilos_si\"> Yes<\/label>\r\n  <label><input type=\"radio\" name=\"estilos\" value=\"no\" id=\"check_estilos_no\"> No<\/label>\r\n<\/div>\r\n\r\n\r\n  <div id=\"bloque_estilos\" style=\"display: none;\">\r\n    <label for=\"libro_estilos\">Attach stylebook (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\">If you do not have a style guide, describe the desired corporate colors.<\/label>\r\n  <textarea id=\"colores\" name=\"colores\" placeholder=\"E.g.: dark blue, beige, pastel pink...\"><\/textarea>\r\n\r\n<div class=\"form-navigation\">\r\n  <button class=\"btn-prev\">\u2190 Previous<\/button>\r\n  <button class=\"btn-next\">Next \u2192<\/button>\r\n  <button class=\"btn-enviar\">Send form<\/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 Back to services<\/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>Company activity and web content<\/h3>\r\n\r\n  <label for=\"actividad\">What is the activity of your company or the subject of the website?<\/label>\r\n  <textarea id=\"actividad\" name=\"actividad\" placeholder=\"Briefly describe your main activity...\"><\/textarea>\r\n\r\n  <label>What type of business activity does your company do?<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"actividad_tipo[]\" value=\"venta\"> Product sales<\/label>\r\n    <label><input type=\"checkbox\" name=\"actividad_tipo[]\" value=\"servicios\"> Provision of services<\/label>\r\n  <\/div>\r\n\r\n  <label>Will you need an online store (additional cost)?<\/label>\r\n<div class=\"checkbox-grid\">\r\n  <label><input type=\"radio\" name=\"tienda_online\" value=\"s\u00ed\"> Yes<\/label>\r\n  <label><input type=\"radio\" name=\"tienda_online\" value=\"no\"> No<\/label>\r\n<\/div>\r\n\r\n\r\n  <label for=\"lista_servicios\">Give us a short list of products or services<\/label>\r\n  <textarea id=\"lista_servicios\" name=\"lista_servicios\" placeholder=\"Ex: Consulting services, computer sales, etc.\"><\/textarea>\r\n\r\n  <label for=\"fotos_instalaciones\">Do you have photos of your facilities?<\/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;\">If you don't have one, we will use generic images (may have additional cost).<\/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 Previous<\/button>\r\n  <button class=\"btn-next\">Next \u2192<\/button>\r\n  <button class=\"btn-enviar\">Send form<\/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 Back to services<\/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>Audience profile, web style and contact<\/h3>\r\n\r\n<label>What type of audience do you mainly want to reach?<\/label>\r\n<div class=\"checkbox-grid\">\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"hombres\"> Men<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"mujeres\"> Women<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"indiferente\"> I don't care about gender<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"familias\"> Families<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"parejas\"> Couples<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"solteros\"> Singles<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"menores_25\"> Under 25 years of age<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"entre_25_40\"> Between 25 and 40 years old<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"entre_40_60\"> Between 40 and 60 years old<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"mayores_60\"> Over 60 years old<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"ninos\"> Children under 12 years old<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"economico_bajo\"> Any economic profile<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"economico_alto\"> High economic profile<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"zona_local\"> People from the nearby geographic area<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"territorio\"> People of the national territory<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"internacional\"> International<\/label>\r\n  <label><input type=\"checkbox\" name=\"publico[]\" value=\"otro\"> Another<\/label>\r\n<\/div>\r\n\r\n  <label>Select the adjectives that define the style of your site<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"profesional\"> Professional and efficient<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"alegre\"> Fun and cheerful<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"original\"> Colorful and original<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"elegante\"> Elegant and subtle<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"sobria\"> Dark and sober<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"futurista\"> Technological and futuristic<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"confiable\"> Classic and reliable<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"movimiento\"> Eye-catching and moving<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"ambiente\"> Discreet and creating ambience<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"ecologica\"> Ecological<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"romantica\"> Romantic<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"terror\"> Terrifying<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"comica\"> Comic<\/label>\r\n    <label><input type=\"checkbox\" name=\"imagen[]\" value=\"seria\"> Seria<\/label>\r\n  <\/div>\r\n\r\n  <label>What language(s) will your website be in?<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"espanol\"> Spanish<\/label>\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"euskera\"> Basque<\/label>\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"ingles\"> English<\/label>\r\n    <label><input type=\"checkbox\" name=\"idiomas[]\" value=\"otros\"> Others<\/label>\r\n  <\/div>\r\n\r\n  <label for=\"textos_pdf\">Do you have texts written for the web (PDF optional)?<\/label>\r\n  <input type=\"file\" id=\"textos_pdf\" name=\"textos_pdf\" accept=\".pdf\">\r\n\r\n  <label for=\"info_extra\">Additional information (gallery, blog, news section...)<\/label>\r\n  <textarea id=\"info_extra\" name=\"info_extra\" placeholder=\"Describe any additional ideas you want to include in your website...\"><\/textarea>\r\n\r\n  <label for=\"sobre_ti\">Tell us about yourself or your company<\/label>\r\n  <textarea id=\"sobre_ti\" name=\"sobre_ti\" placeholder=\"How the idea came about, what you would like to achieve, if it is a family business, etc.\"><\/textarea>\r\n\r\n  <label>How would you prefer to be contacted?<\/label>\r\n  <div class=\"checkbox-grid\">\r\n    <label><input type=\"checkbox\" name=\"contacto_preferencia[]\" value=\"telefono\"> Phone<\/label>\r\n    <label><input type=\"checkbox\" name=\"contacto_preferencia[]\" value=\"email\"> Email<\/label>\r\n  <\/div>\r\n\r\n  <label for=\"horario_contacto\">What time is best for you to talk?<\/label>\r\n  <input type=\"text\" id=\"horario_contacto\" name=\"horario_contacto\" placeholder=\"Ex: Monday to Thursday, in the morning.\">\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 Previous<\/button>\r\n  <button class=\"btn-next\">Next \u2192<\/button>\r\n  <button class=\"btn-enviar\">Send form<\/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 Back to services<\/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>Request service<\/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>Company:<\/b> <span id=\"nombre_empresa_universal\"><\/span><\/p>\r\n    <p><b>Email:<\/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     Exit account \r\n  <\/button>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n    <\/div>\r\n    <label>Service<\/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>Description of the inquiry or problem<\/label>\r\n    <textarea name=\"descripcion\" id=\"descripcion_servicio\" required placeholder=\"Briefly describe your need...\"><\/textarea>\r\n    <label>Attachments (optional)<\/label>\r\n    <input type=\"file\" name=\"archivos[]\" multiple>\r\n    <button type=\"submit\">Send request<\/button>      <div class=\"form-navigation volver-servicios\">\r\n      <button id=\"btn_volver_servicios\" type=\"button\">\u2190 Back to services<\/button>\r\n    <\/div>\r\n  <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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>On-line support<\/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\">Support<\/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;\">Exit<\/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;\">Client:<\/label>\r\n  <select id=\"admin-client-select\" style=\"padding: 6px; border-radius: 8px; width: 100%;\">\r\n    <option value=\"\">Select a customer...<\/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 Chat is available only from 8:00 am to 8:00 pm.<br>\r\n  Please write to us during business hours.\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 Need help, we're here!<\/strong><br>\r\n  1\ufe0f\u20e3 Enter your email address to start the chat.<br>\r\n  2\ufe0f\u20e3 You will receive a code by email to confirm your identity.<br>\r\n  3\ufe0f\u20e3 You can then send messages or images to our support team.<br>\r\n  4\ufe0f\u20e3 We will get back to you as soon as possible in this chat.<br>\r\n  \ud83d\udee1\ufe0f Your data is used only for this support conversation.\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>Email:<\/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;\">Send code<\/button>\r\n  <\/div>\r\n\r\n  <div id=\"auth-step-codigo\" style=\"display:none;\">\r\n    <label>Code (sent by mail):<\/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>Name:<\/label>\r\n  <input type=\"text\" id=\"chat-auth-nombre\" style=\"width:100%; padding:8px; margin-top:5px;\" \/>\r\n\r\n  <label>Phone:<\/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    I agree to the use of my contact information\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    End registration\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>Wait, loading messages...<\/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=\"Write your message...\" 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 Attach image\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        Send to\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>How can we help you? Our company offers technological services for individuals and companies: from website creation to technical support, cybersecurity and gamification. Choose the service you need and place your order in one click! Web development We create modern websites adapted to your business. Sale and repair Sale, assembly and repair of [...]<\/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\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1637,"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":4321,"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/4321"}],"wp:attachment":[{"href":"https:\/\/computerz.es\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}