{"id":26415,"date":"2025-05-20T13:09:49","date_gmt":"2025-05-20T13:09:49","guid":{"rendered":"https:\/\/vtpower.es\/?page_id=26415"},"modified":"2025-11-03T09:58:29","modified_gmt":"2025-11-03T09:58:29","slug":"lucas","status":"publish","type":"page","link":"https:\/\/vtpower.es\/en\/vtglobal\/lucas\/","title":{"rendered":"Lucas"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Dise\u00f1o\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Recursos:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Cat\u00e1logos:<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n
\n\n\n\n\n\n\n\n\n
Idioma<\/th>\nGlobal<\/th>\nMoto<\/th>\nLeisure & Marina<\/th>\nGIRLING
(Lubricantes)<\/th>\n<\/tr>\n<\/thead>\n
EN<\/strong><\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n<\/tr>\n\n
ES<\/strong><\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n<\/tr>\n\n
PT<\/strong><\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\u2014<\/td>\n<\/tr>\n\n
FR<\/strong><\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n\n \n \"\ud83d\udcd6\"\n <\/a>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Presentaci\u00f3n Corporativa:<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n

Idioma<\/th>Presentaci\u00f3n<\/th><\/tr><\/thead>
ES<\/strong><\/td> \"\ud83d\udcbb\"<\/a><\/td><\/tr>
EN<\/strong><\/td> \"\ud83d\udcbb\"<\/a><\/td><\/tr>
FR<\/strong><\/td>\"\ud83d\udcbb\"<\/a><\/td><\/tr><\/tbody><\/table><\/h4>\n<\/figure>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

P\u00e1gina web:<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\tarrow-icon-size3<\/title><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tLucas Automotive<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\tarrow-icon-size3<\/title><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tLucas Battery North America<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Redes sociales:<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n

Red Social<\/th>Enlace<\/th><\/tr><\/thead>
\n LinkedIn
Lucas Automotive Aftermarket<\/small>\n<\/td>
\"LinkedIn\"
<\/a>\n<\/td><\/tr>
\n LinkedIn
Lucas Batteries<\/small>\n<\/td>
\"LinkedIn\"
<\/a><\/td><\/tr><\/tbody><\/table><\/h4>\n<\/figure>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n \n Lucas - Girling<\/title>\n\n <!-- Estilo CSS mapa -->\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n <link href='\/mapa\/leafletstyle.css' rel='stylesheet' \/> \n\n<\/head>\n<body>\n\n<h2>Lucas - Girling<\/h2>\n\n<div id=\"controls\">\n <label for=\"language\">Choose a language:<\/label>\n <select id=\"language\">\n <!-- idiomas disponibles -->\n <option value=\"en\">English<\/option>\n <!--option value=\"es\">Espa\u00f1ol<\/option>\n <!-- idiomas desactivados\n <option value=\"ar\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/option>\n <option value=\"fr\">Fran\u00e7ais<\/option>\n -->\n <\/select>\n\n <label for=\"brand\" style=\"margin-left: 20px;\">Choose a brand:<\/label>\n <select id=\"brand\">\n <option value=\"all\">All Brands<\/option>\n <option value=\"Lucas\">Lucas<\/option>\n <option value=\"Girling\">Girling<\/option>\n <\/select>\n\n <label for=\"territory\" style=\"margin-left: 20px;\">Choose a territory:<\/label>\n <select id=\"territory\">\n <option value=\"all\">All Territories<\/option>\n <option value=\"Africa\">Africa<\/option>\n <option value=\"America\">America<\/option>\n <option value=\"Central Asia\">Central Asia<\/option>\n <option value=\"Asia Far East\/Oceania\">Asia Far East\/Oceania<\/option>\n <option value=\"Indian Ocean Islands\">Indian Ocean Islands<\/option>\n <option value=\"GCC\">GCC<\/option>\n <\/select>\n<\/div>\n\n<div id=\"map\">\n <!-- Cuadro de informaci\u00f3n -->\n <div id=\"info-box\">\n <h4 id=\"info-title\">Informaci\u00f3n del Pa\u00eds<\/h4>\n <p><span class=\"info-label\" id=\"country-label\">Pa\u00eds:<\/span> <span id=\"country-name\">Selecciona un pa\u00eds<\/span><\/p>\n <p><span class=\"info-label\" id=\"link-label\">Enlace:<\/span> <span id=\"country-link\">-<\/span><\/p>\n\n <!-- Men\u00fa de productos -->\n <div id=\"menu-productos\">\n <h5 id=\"menu-titulo\">Productos Disponibles<\/h5>\n <div id=\"menu-contenido\"><\/div>\n <\/div>\n\n <div id=\"video-thumbnail\" style=\"margin-top:15px;\"><\/div>\n <\/div>\n<\/div>\n\n<div id=\"catalogo-container\" style=\"margin-top: 1em;\"><\/div>\n\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.3.1\/papaparse.min.js\"><\/script>\n<script>\n\n const map = L.map('map').setView([26, 17], 2);\/\/ Coordenadas centradas en Creta\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© OpenStreetMap contributors'\n }).addTo(map);\n\n let catalogos = {};\n let catalogoData = {}; \/\/ Para almacenar todos los datos del cat\u00e1logo\n let brandData = {}; \/\/ Para almacenar datos de marca\n let territoryData = {}; \/\/ Para almacenar datos de territorio\n let youtubeData = {}; \/\/ Para almacenar IDs de YouTube\n let menuData = {}; \/\/ Para almacenar los datos del men\u00fa (cargado desde JSON)\n let markers = {};\n let geojsonLayer = null;\n let highlighted = null;\n\n \/\/ Colores para las marcas\n const brandColors = {\n 'Lucas': '#057353',\n 'Girling': '#FFD407'\n };\n\n \/\/ Textos en diferentes idiomas\n const textos = {\n ar: {\n infoTitle: '\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0628\u0644\u062f',\n countryLabel: '\u0627\u0644\u0628\u0644\u062f:',\n linkLabel: '\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a:',\n selectCountry: '\u0627\u062e\u062a\u0631 \u062f\u0648\u0644\u0629',\n notAvailable: '\u063a\u064a\u0631 \u0645\u062a\u0648\u0641\u0631',\n catalogueLink: '\u0631\u0627\u0628\u0637 \u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c',\n noCatalogue: '\u0644\u0627 \u064a\u0648\u062c\u062f \u0643\u062a\u0627\u0644\u0648\u062c \u0645\u062a\u0627\u062d \u0628\u0647\u0630\u0647 \u0627\u0644\u0644\u063a\u0629 \u0644\u0640',\n menuTitle: '\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629'\n },\n en: {\n infoTitle: 'Country Information',\n countryLabel: 'Country:',\n linkLabel: 'Corporate presentation:',\n selectCountry: 'Select a country',\n notAvailable: 'Not available',\n catalogueLink: 'Catalogue link',\n noCatalogue: 'No catalogue available in this language for',\n menuTitle: 'Available Products'\n },\n es: {\n infoTitle: 'Informaci\u00f3n del pa\u00eds',\n countryLabel: 'Pa\u00eds:',\n linkLabel: 'Presentaci\u00f3n corporativa:',\n selectCountry: 'Elige un pa\u00eds',\n notAvailable: 'No disponible',\n catalogueLink: 'Enlace al cat\u00e1logo',\n noCatalogue: 'No est\u00e1 disponible el catalogo para este lenguaje',\n menuTitle: 'Productos disponibles'\n },\n fr: {\n infoTitle: 'Informations sur le pays',\n countryLabel: 'Pays:',\n linkLabel: 'Pr\u00e9sentation de l\\'entreprise:',\n selectCountry: 'S\u00e9lectionnez un pays',\n notAvailable: 'Non disponible',\n catalogueLink: 'Lien vers le catalogue',\n noCatalogue: 'Pas de catalogue disponible pour cette langue',\n menuTitle: 'Produits disponibles'\n }\n };\n\n \/\/ Funci\u00f3n para obtener el estilo por defecto de un pa\u00eds seg\u00fan su marca\n function getDefaultStyle(pais) {\n const marca = brandData[pais];\n const color = brandColors[marca] || '#555'; \/\/ Color gris por defecto si no hay marca\n\n return {\n color: color,\n weight: 1,\n fillOpacity: 0.4,\n fillColor: color\n };\n }\n\n \/\/ Funci\u00f3n para obtener el estilo cuando un pa\u00eds est\u00e1 seleccionado\n function getSelectedStyle(pais) {\n const marca = brandData[pais];\n const color = brandColors[marca] || '#057353'; \/\/ Color por defecto si no hay marca\n\n return {\n color: color,\n weight: 3,\n fillOpacity: 0.8,\n fillColor: color\n };\n }\n\n \/\/ Funci\u00f3n para cargar el men\u00fa JSON desde archivo externo\n function cargarMenuJSON() {\n fetch('mapa\/menu_paises.json')\n .then(response => {\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n return response.json();\n })\n .then(data => {\n menuData = data;\n console.log('Men\u00fa cargado desde archivo externo:', menuData);\n })\n .catch(error => {\n console.error('Error cargando el men\u00fa desde archivo externo:', error);\n console.log('Usando datos de men\u00fa vac\u00edos como fallback');\n menuData = {};\n });\n }\n\n \/\/ Funci\u00f3n para mostrar el men\u00fa de productos\n function mostrarMenuProductos(pais, idioma) {\n const menuContainer = document.getElementById('menu-contenido');\n const menuBox = document.getElementById('menu-productos');\n const menuTitulo = document.getElementById('menu-titulo');\n\n console.log('Mostrando men\u00fa para:', pais, 'Idioma:', idioma);\n\n \/\/ Actualizar t\u00edtulo del men\u00fa seg\u00fan idioma\n menuTitulo.textContent = textos[idioma].menuTitle;\n\n if (menuData[pais]) {\n menuContainer.innerHTML = '';\n\n for (const categoria in menuData[pais]) {\n const categoriaDiv = document.createElement('div');\n categoriaDiv.className = 'categoria-menu';\n\n const tituloCategoria = document.createElement('div');\n tituloCategoria.className = 'categoria-titulo';\n tituloCategoria.textContent = categoria;\n categoriaDiv.appendChild(tituloCategoria);\n\n const marcasDiv = document.createElement('div');\n marcasDiv.className = 'marcas-lista';\n\n const marcas = menuData[pais][categoria];\n\n \/\/ Verificar si marcas es un objeto con subcategor\u00edas o enlaces directos\n if (typeof marcas === 'object') {\n for (const marca in marcas) {\n if (typeof marcas[marca] === 'string') {\n \/\/ Es un enlace directo\n const enlace = document.createElement('a');\n enlace.href = marcas[marca];\n enlace.textContent = marca;\n enlace.className = 'marca-enlace';\n enlace.target = '_blank';\n marcasDiv.appendChild(enlace);\n } else if (typeof marcas[marca] === 'object') {\n \/\/ Es una subcategor\u00eda\n const subcategoriaDiv = document.createElement('div');\n subcategoriaDiv.className = 'subcategoria';\n\n const tituloSubcategoria = document.createElement('div');\n tituloSubcategoria.className = 'subcategoria-titulo';\n tituloSubcategoria.textContent = marca;\n subcategoriaDiv.appendChild(tituloSubcategoria);\n\n for (const submarca in marcas[marca]) {\n const enlace = document.createElement('a');\n enlace.href = marcas[marca][submarca];\n enlace.textContent = submarca;\n enlace.className = 'marca-enlace';\n enlace.target = '_blank';\n subcategoriaDiv.appendChild(enlace);\n }\n\n marcasDiv.appendChild(subcategoriaDiv);\n }\n }\n }\n\n categoriaDiv.appendChild(marcasDiv);\n menuContainer.appendChild(categoriaDiv);\n }\n\n menuBox.style.display = 'block';\n } else {\n menuBox.style.display = 'none';\n }\n }\n\n \/\/ Funci\u00f3n para ocultar el men\u00fa de productos\n function ocultarMenuProductos() {\n document.getElementById('menu-productos').style.display = 'none';\n }\n\n \/\/ Funci\u00f3n para actualizar textos de la interfaz seg\u00fan el idioma\n function actualizarTextos(idioma) {\n const texto = textos[idioma];\n document.getElementById('info-title').textContent = texto.infoTitle;\n document.getElementById('country-label').textContent = texto.countryLabel;\n document.getElementById('link-label').textContent = texto.linkLabel;\n\n \/\/ Aplicar direcci\u00f3n de texto para \u00e1rabe\n const infoBox = document.getElementById('info-box');\n if (idioma === 'ar') {\n infoBox.classList.add('arabic-text');\n } else {\n infoBox.classList.remove('arabic-text');\n }\n }\n\n \/\/ Funci\u00f3n para actualizar el cuadro de informaci\u00f3n\n function actualizarInfoBox(pais, idioma) {\n const texto = textos[idioma];\n const countryNameEl = document.getElementById('country-name');\n const countryLinkEl = document.getElementById('country-link');\n const videoThumbnailEl = document.getElementById('video-thumbnail');\n\n countryNameEl.textContent = pais;\n\n \/\/ Usar url_pdf en lugar de url_enlace\n if (catalogoData[pais] && catalogoData[pais][idioma]) { \n const urlPdf = catalogoData[pais][idioma].url_pdf; \n const nombrePdf = catalogoData[pais][idioma].nombre_pdf; \n if (urlPdf && urlPdf !== 'url_pdf') { \n countryLinkEl.innerHTML = `<a href=\"${urlPdf}\" target=\"_blank\">${nombrePdf || texto.catalogueLink}<\/a>`; \n } else { \n countryLinkEl.textContent = texto.notAvailable; \n } \n } else { \n countryLinkEl.textContent = texto.notAvailable; \n }\n\n \/\/ Mostrar men\u00fa de productos\n mostrarMenuProductos(pais, idioma);\n\n \/\/ Obtener YouTube ID din\u00e1micamente\n const youtubeId = youtubeData[pais] || \"mqlaJnx6dHo\"; \/\/ ID por defecto\n\n \/\/ Reproductor de YouTube incrustado \n videoThumbnailEl.innerHTML = ` \n <iframe width=\"100%\" height=\"215\" \n src=\"https:\/\/www.youtube.com\/embed\/${youtubeId}\" \n title=\"YouTube video player\" frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n allowfullscreen style=\"border-radius:8px;\"><\/iframe> \n `;\n }\n\n \/\/ Funci\u00f3n para resetear el cuadro de informaci\u00f3n\n function resetearInfoBox(idioma) {\n const texto = textos[idioma];\n document.getElementById('country-name').textContent = texto.selectCountry;\n document.getElementById('country-link').textContent = '-';\n document.getElementById('video-thumbnail').innerHTML = '';\n ocultarMenuProductos();\n }\n\n \/\/ Funci\u00f3n para verificar si un pa\u00eds debe mostrarse seg\u00fan los filtros\n function deberMostrarPais(pais, idioma, marca, territorio) {\n \/\/ Verificar idioma\n if (!catalogos[pais] || !catalogos[pais][idioma]) {\n return false;\n }\n\n \/\/ Verificar marca\n if (marca !== 'all' && brandData[pais] !== marca) {\n return false;\n }\n\n \/\/ Verificar territorio\n if (territorio !== 'all' && territoryData[pais] !== territorio) {\n return false;\n }\n\n return true;\n }\n\n \/\/ Funci\u00f3n para actualizar el mapa seg\u00fan los filtros\n function actualizarMapaPorFiltros() {\n const idioma = document.getElementById('language').value;\n const marca = document.getElementById('brand').value;\n const territorio = document.getElementById('territory').value;\n\n geojsonLayer.eachLayer(layer => {\n const pais = layer.feature.properties.name;\n if (deberMostrarPais(pais, idioma, marca, territorio)) {\n \/\/ Aplicar estilo por defecto con color de marca\n layer.setStyle(getDefaultStyle(pais));\n layer.addTo(map);\n } else {\n map.removeLayer(layer);\n }\n });\n\n document.getElementById('catalogo-container').innerHTML = '';\n\n \/\/ Resetear info box si el pa\u00eds seleccionado ya no es visible\n const countryName = document.getElementById('country-name').textContent;\n const textoActual = textos[idioma];\n if (countryName !== textoActual.selectCountry && \n countryName !== textos.ar.selectCountry && \n countryName !== textos.en.selectCountry &&\n !deberMostrarPais(countryName, idioma, marca, territorio)) {\n resetearInfoBox(idioma);\n if (highlighted) {\n highlighted.setStyle(getDefaultStyle(highlighted.feature.properties.name));\n highlighted = null;\n }\n }\n }\n\n \/\/ Cargar cat\u00e1logo\n Papa.parse('\/mapa\/catalogo.csv', {\n download: true,\n header: true,\n complete: function(results) {\n results.data.forEach(row => {\n if (row.pais && row.idioma) { \/\/ Verificar que no sea una fila vac\u00eda\n if (!catalogos[row.pais]) catalogos[row.pais] = {};\n if (!catalogoData[row.pais]) catalogoData[row.pais] = {};\n\n catalogos[row.pais][row.idioma] = row.url_pdf;\n catalogoData[row.pais][row.idioma] = {\n url_enlace: row.url_enlace,\n url_pdf: row.url_pdf,\n nombre_pdf: row.nombre_pdf\n };\n\n \/\/ Almacenar datos de marca y territorio\n if (row.nombre_pdf) {\n brandData[row.pais] = row.nombre_pdf;\n }\n if (row.territorio) {\n territoryData[row.pais] = row.territorio;\n }\n if (row.youtube) {\n youtubeData[row.pais] = row.youtube;\n }\n }\n });\n\n cargarGeoJSON();\n \/\/ Inicializar textos\n const idiomaInicial = document.getElementById('language').value;\n actualizarTextos(idiomaInicial);\n resetearInfoBox(idiomaInicial);\n }\n });\n\n \/\/ Cargar el GeoJSON con los contornos de pa\u00edses\n function cargarGeoJSON() {\n fetch('\/mapa\/countries.geojson')\n .then(res => res.json())\n .then(data => {\n geojsonLayer = L.geoJSON(data, {\n style: feature => {\n \/\/ Aplicar estilo inicial por defecto (se actualizar\u00e1 despu\u00e9s de cargar los datos)\n return {\n color: '#555',\n weight: 1,\n fillOpacity: 0.4\n };\n },\n onEachFeature: (feature, layer) => {\n const pais = feature.properties.name;\n layer.bindPopup(pais);\n layer.on('click', () => {\n const idioma = document.getElementById('language').value;\n const texto = textos[idioma];\n const container = document.getElementById('catalogo-container');\n\n \/\/ Actualizar cuadro de informaci\u00f3n\n actualizarInfoBox(pais, idioma);\n\n container.innerHTML = '';\n\n \/\/ Resetear el pa\u00eds anteriormente seleccionado\n if (highlighted) {\n highlighted.setStyle(getDefaultStyle(highlighted.feature.properties.name));\n }\n\n \/\/ Aplicar estilo de selecci\u00f3n al pa\u00eds actual\n layer.setStyle(getSelectedStyle(pais));\n highlighted = layer;\n });\n }\n }).addTo(map);\n\n \/\/ Actualizar estilos despu\u00e9s de cargar los datos de marca\n setTimeout(() => {\n actualizarMapaPorFiltros();\n }, 100);\n\n \/\/ Event listeners para los selectores\n document.getElementById('language').addEventListener('change', () => {\n const nuevoIdioma = document.getElementById('language').value;\n actualizarTextos(nuevoIdioma);\n actualizarMapaPorFiltros();\n\n \/\/ Si hay un pa\u00eds seleccionado, actualizar el cuadro de informaci\u00f3n\n const countryName = document.getElementById('country-name').textContent;\n const textoActual = textos[nuevoIdioma];\n\n if (countryName !== textoActual.selectCountry && \n countryName !== textos.ar.selectCountry && \n countryName !== textos.en.selectCountry) {\n actualizarInfoBox(countryName, nuevoIdioma);\n } else {\n resetearInfoBox(nuevoIdioma);\n }\n });\n\n document.getElementById('brand').addEventListener('change', actualizarMapaPorFiltros);\n document.getElementById('territory').addEventListener('change', actualizarMapaPorFiltros);\n });\n }\n\n \/\/ Cargar el men\u00fa JSON al inicializar\n cargarMenuJSON();\n\n<\/script>\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-73db81c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73db81c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc88520\" data-id=\"dc88520\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1efd196 elementor-widget elementor-widget-spacer\" data-id=\"1efd196\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ced191a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ced191a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f863c5a\" data-id=\"f863c5a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97da8f4 elementor-widget elementor-widget-heading\" data-id=\"97da8f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conoce <b>m\u00e1s <\/b>sobre <b>LUCAS:<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1e09ca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1e09ca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4476e45\" data-id=\"4476e45\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b63005 elementor-widget elementor-widget-video\" data-id=\"6b63005\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=fIQTiIqzXE0","autoplay":"yes","loop":"yes","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9c18d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a9c18d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f78677\" data-id=\"1f78677\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee63dc2 elementor-widget elementor-widget-spacer\" data-id=\"ee63dc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Recursos: Cat\u00e1logos: Idioma Global Moto Leisure & Marina GIRLING(Lubricantes) EN ES PT \u2014 FR Presentaci\u00f3n Corporativa: Idioma Presentaci\u00f3n ES EN FR P\u00e1gina web: arrow-icon-size3 Lucas Automotive arrow-icon-size3 Lucas Battery North […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4621,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26415","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/pages\/26415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/comments?post=26415"}],"version-history":[{"count":249,"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/pages\/26415\/revisions"}],"predecessor-version":[{"id":29192,"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/pages\/26415\/revisions\/29192"}],"up":[{"embeddable":true,"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/pages\/4621"}],"wp:attachment":[{"href":"https:\/\/vtpower.es\/en\/wp-json\/wp\/v2\/media?parent=26415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}