{"id":26415,"date":"2025-05-20T13:09:49","date_gmt":"2025-05-20T13:09:49","guid":{"rendered":"https:\/\/vtpower.es\/?page_id=26415"},"modified":"2026-05-12T09:24:33","modified_gmt":"2026-05-12T09:24:33","slug":"lucas","status":"publish","type":"page","link":"https:\/\/vtpower.es\/pt\/vtglobal\/lucas\/","title":{"rendered":"Lucas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26415\" class=\"elementor elementor-26415\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7a0a3 e-con-full e-flex e-con e-parent\" data-id=\"5a7a0a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad857c elementor-widget elementor-widget-html\" data-id=\"9ad857c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<title>Lucas Batteries \u2014 VT Batteries<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n  --green:        #009e49;\r\n  --green-dark:   #005a28;\r\n  --green-light:  #e6f7ee;\r\n  --green-mid2:   #b3e6cc;\r\n  --gray-900:     #111;\r\n  --gray-700:     #3d3d3d;\r\n  --gray-500:     #6e6e6e;\r\n  --gray-200:     #eaeaea;\r\n  --gray-100:     #f6f6f6;\r\n  --white:        #fff;\r\n  --font:         'Poppins', sans-serif;\r\n  --radius:       6px;\r\n  --radius-lg:    12px;\r\n  --shadow:       0 2px 12px rgba(0,0,0,0.07);\r\n  --shadow-hover: 0 8px 28px rgba(0,158,73,0.18);\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { font-family: var(--font); background: var(--gray-100); color: var(--gray-900); font-size: 18px; line-height: 1.75; }\r\nsvg { display: block; }\r\na { text-decoration: none; }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\n  background: linear-gradient(135deg, #005a28 0%, #009e49 60%, #33b86a 100%);\r\n  padding: 44px 20px 40px;\r\n  width: 100%;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.hero::before {\r\n  content: '';\r\n  position: absolute; top: -80px; left: -80px;\r\n  width: 300px; height: 300px;\r\n  background: rgba(255,255,255,0.05);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n.hero::after {\r\n  content: '';\r\n  position: absolute; bottom: -80px; right: -80px;\r\n  width: 260px; height: 260px;\r\n  background: rgba(255,255,255,0.04);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n.hero-inner { position: relative; z-index: 1; max-width: 660px; margin: 0 auto; }\r\n.hero-badge {\r\n  display: inline-flex;\r\n  background: rgba(255,255,255,0.18);\r\n  border: 1px solid rgba(255,255,255,0.32);\r\n  color: #fff;\r\n  font-size: 11px; font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  padding: 5px 16px;\r\n  border-radius: 100px;\r\n  margin-bottom: 14px;\r\n}\r\n.hero h1 {\r\n  font-size: clamp(2rem, 5vw, 3rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1.1;\r\n  letter-spacing: -.5px;\r\n  margin: 0 auto 14px;\r\n}\r\n.hero h1 span { color: #a8f0c6; }\r\n.hero-desc {\r\n  font-size: 16px; font-weight: 300;\r\n  color: rgba(255,255,255,.82);\r\n  line-height: 1.65;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 PAGE \u2500\u2500 *\/\r\n.page-wrap { max-width: 1100px; margin: 0 auto; padding: 36px 40px 60px; }\r\n\r\n\/* \u2500\u2500 SECTION HEAD \u2500\u2500 *\/\r\n.section-head {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 2px solid var(--green-mid2);\r\n}\r\n.section-icon {\r\n  width: 34px; height: 34px;\r\n  border-radius: 9px;\r\n  background: var(--green-light);\r\n  color: var(--green);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.section-head h2 { font-size: 18px; font-weight: 700; color: var(--gray-900); }\r\n\r\n\/* \u2500\u2500 CATALOG CARD \u2500\u2500 *\/\r\n.catalog-card {\r\n  background: var(--white);\r\n  border: 2px solid var(--green);\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  margin-bottom: 36px;\r\n}\r\n.catalog-card-header {\r\n  padding: 22px 24px 16px;\r\n  background: linear-gradient(135deg, #005a28, #009e49);\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n}\r\n.catalog-brand-name {\r\n  font-size: 2rem; font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: 1px;\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n}\r\n.stamp {\r\n  display: inline-flex;\r\n  font-size: 11px; font-weight: 700;\r\n  color: #a8f0c6;\r\n  border: 1.5px solid #a8f0c6;\r\n  border-radius: var(--radius);\r\n  padding: 2px 9px;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 5px;\r\n}\r\n.badge-dist {\r\n  background: rgba(255,255,255,0.2);\r\n  border: 1px solid rgba(255,255,255,0.35);\r\n  color: #fff;\r\n  font-size: 12px; font-weight: 700;\r\n  padding: 3px 10px;\r\n  border-radius: 100px;\r\n  align-self: flex-start;\r\n  white-space: nowrap;\r\n}\r\n.catalog-card-body {\r\n  padding: 18px 24px;\r\n  display: flex; flex-direction: column;\r\n  gap: 18px;\r\n  border-bottom: 1px solid var(--gray-200);\r\n}\r\n.card-desc { font-size: 15px; font-weight: 300; color: var(--gray-700); line-height: 1.75; }\r\n.card-tags { display: flex; flex-wrap: wrap; gap: 5px; }\r\n.tag {\r\n  font-size: 12px; font-weight: 600;\r\n  color: var(--green);\r\n  background: var(--green-light);\r\n  padding: 2px 9px;\r\n  border-radius: 100px;\r\n  border: 1px solid var(--green-mid2);\r\n}\r\n.sec-label {\r\n  font-size: 12px; font-weight: 700;\r\n  color: var(--green);\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 8px;\r\n}\r\n.pills { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.cat-pill {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: var(--green-light);\r\n  color: var(--green-dark);\r\n  font-size: 14px; font-weight: 600;\r\n  padding: 7px 16px;\r\n  border-radius: var(--radius);\r\n  border: 1px solid var(--green-mid2);\r\n  white-space: nowrap;\r\n  transition: all .2s;\r\n}\r\n.cat-pill:hover { background: var(--green); color: #fff; border-color: var(--green); }\r\n.catalog-card-footer { padding: 14px 24px; display: flex; flex-wrap: wrap; gap: 8px; }\r\n.btn-web {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  color: var(--gray-500);\r\n  font-size: 14px; font-weight: 500;\r\n  padding: 9px 14px;\r\n  border-radius: var(--radius);\r\n  border: 1px solid var(--gray-200);\r\n  background: #fff;\r\n  transition: all .2s;\r\n}\r\n.btn-web:hover { border-color: var(--green); color: var(--green); }\r\n\r\n\/* \u2500\u2500 PRESENTATION \u2500\u2500 *\/\r\n.pres-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n  gap: 12px;\r\n  margin-bottom: 36px;\r\n}\r\n.pres-card {\r\n  display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n  background: var(--white);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: var(--radius-lg);\r\n  padding: 20px 16px;\r\n  text-decoration: none;\r\n  text-align: center;\r\n  transition: all .2s;\r\n  box-shadow: var(--shadow);\r\n}\r\n.pres-card:hover { border-color: var(--green); box-shadow: var(--shadow-hover); transform: translateY(-2px); }\r\n.pres-icon-wrap {\r\n  width: 44px; height: 44px;\r\n  background: var(--green-light);\r\n  border-radius: 10px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: var(--green);\r\n  margin-bottom: 4px;\r\n}\r\n.pres-lang { font-size: 14px; font-weight: 700; color: var(--gray-900); }\r\n.pres-sub { font-size: 12px; font-weight: 400; color: var(--gray-500); }\r\n\r\n\/* \u2500\u2500 SOCIAL \u2500\u2500 *\/\r\n.social-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n  gap: 12px;\r\n  margin-bottom: 36px;\r\n}\r\n.social-card {\r\n  display: flex; align-items: center; gap: 12px;\r\n  background: var(--white);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: var(--radius-lg);\r\n  padding: 14px 18px;\r\n  text-decoration: none;\r\n  color: var(--gray-700);\r\n  font-size: 14px; font-weight: 600;\r\n  transition: all .2s;\r\n}\r\n.social-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px); }\r\n.social-card.li { border-color: #0077b5; }\r\n.social-card.li:hover { background: #f0f6fa; color: #0077b5; }\r\n.social-icon {\r\n  width: 36px; height: 36px;\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.social-icon.li { background: #0077b5; }\r\n.social-card-label { display: flex; flex-direction: column; }\r\n.social-card-label span:first-child { font-weight: 700; font-size: 14px; }\r\n.social-card-label span:last-child { font-weight: 400; font-size: 12px; color: var(--gray-500); }\r\n\r\n\/* \u2500\u2500 VIDEO \u2500\u2500 *\/\r\n.video-wrap {\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 28px rgba(0,158,73,0.18);\r\n}\r\n.video-ratio { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }\r\n.video-ratio iframe {\r\n  position: absolute; top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  border: 0;\r\n}\r\n\r\n@media (max-width: 900px) { .page-wrap { padding: 24px 20px 48px; } }\r\n@media (max-width: 600px) {\r\n  .social-grid { grid-template-columns: 1fr; }\r\n  .pres-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media (max-width: 400px) { .pres-grid { grid-template-columns: 1fr; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"hero\">\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-badge\">\ud83d\udd0b Bater\u00edas \u00b7 Distribuci\u00f3n oficial<\/div>\r\n    <h1>Lucas <span>Batteries<\/span><\/h1>\r\n    <p class=\"hero-desc\">Una de las marcas de bater\u00edas m\u00e1s reconocidas a nivel mundial. Arranque, moto, leisure &amp; marina y lubricantes Girling. VT Batteries distribuidor oficial internacional.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"page-wrap\">\r\n\r\n  <!-- \u2500\u2500\u2500 CAT\u00c1LOGOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"section-head\">\r\n    <div class=\"section-icon\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n    <\/div>\r\n    <h2>Cat\u00e1logos Lucas Batteries<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"catalog-card\">\r\n    <div class=\"catalog-card-header\">\r\n      <div>\r\n        <div class=\"stamp\">Distribuci\u00f3n oficial<\/div>\r\n        <div class=\"catalog-brand-name\">LUCAS<\/div>\r\n      <\/div>\r\n      <span class=\"badge-dist\">Bater\u00edas 2026<\/span>\r\n    <\/div>\r\n    <div class=\"catalog-card-body\">\r\n      <p class=\"card-desc\">Cat\u00e1logos de bater\u00edas de arranque, moto, leisure &amp; marina y lubricantes Girling, disponibles por regi\u00f3n e idioma.<\/p>\r\n      <div class=\"card-tags\">\r\n        <span class=\"tag\">Arranque<\/span>\r\n        <span class=\"tag\">Moto<\/span>\r\n        <span class=\"tag\">Leisure &amp; Marina<\/span>\r\n        <span class=\"tag\">Girling<\/span>\r\n        <span class=\"tag\">Lubricantes<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"sec-label\">\ud83c\udf0d \u00c1frica<\/div>\r\n        <div class=\"pills\">\r\n          <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2026\/05\/FR-LUCAS-CATALOGUE-2026-AFRICA_COMPRIMIDO.pdf\" target=\"_blank\" rel=\"noopener\" class=\"cat-pill\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n            FR\r\n          <\/a>\r\n          <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2026\/05\/EN-LUCAS-CATALOGUE-2026-AFRICA_COMPRIMIDO.pdf\" target=\"_blank\" rel=\"noopener\" class=\"cat-pill\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n            EN\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"sec-label\">\ud83c\udf0e Am\u00e9rica<\/div>\r\n        <div class=\"pills\">\r\n          <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2026\/05\/ES-LUCAS-CATALOGO-2026-AMERICA_COMPRIMIDO.pdf\" target=\"_blank\" rel=\"noopener\" class=\"cat-pill\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n            ES\r\n          <\/a>\r\n          <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2026\/05\/EN-LUCAS-CATALOGO-2026-AMERICA_COMPRIMIDO.pdf\" target=\"_blank\" rel=\"noopener\" class=\"cat-pill\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n            EN\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"catalog-card-footer\">\r\n      <a href=\"https:\/\/www.lucasautomotive.com\/es\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-web\">\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n        lucasautomotive.com\r\n      <\/a>\r\n      <a href=\"https:\/\/lucasbatteryusa.com\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-web\">\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n        Lucas Battery North America \u2197\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500\u2500 PRESENTACI\u00d3N CORPORATIVA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"section-head\">\r\n    <div class=\"section-icon\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n    <\/div>\r\n    <h2>Presentaci\u00f3n Corporativa<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"pres-grid\">\r\n    <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2025\/09\/PRESENTACION-VTGLOBAL-ESP.pdf\" target=\"_blank\" rel=\"noopener\" class=\"pres-card\">\r\n      <div class=\"pres-icon-wrap\">\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"pres-lang\">Espa\u00f1ol<\/span>\r\n      <span class=\"pres-sub\">Presentaci\u00f3n VTGlobal<\/span>\r\n    <\/a>\r\n    <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2025\/09\/PRESENTATION-VTGLOBAL-ENG.pdf\" target=\"_blank\" rel=\"noopener\" class=\"pres-card\">\r\n      <div class=\"pres-icon-wrap\">\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"pres-lang\">English<\/span>\r\n      <span class=\"pres-sub\">VTGlobal Presentation<\/span>\r\n    <\/a>\r\n    <a href=\"https:\/\/vtpower.es\/wp-content\/uploads\/2025\/09\/PRESENTATION-VTGLOBAL-ENG.pdf\" target=\"_blank\" rel=\"noopener\" class=\"pres-card\">\r\n      <div class=\"pres-icon-wrap\">\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"pres-lang\">Fran\u00e7ais<\/span>\r\n      <span class=\"pres-sub\">Pr\u00e9sentation VTGlobal<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500\u2500 REDES SOCIALES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"section-head\">\r\n    <div class=\"section-icon\">\r\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n    <\/div>\r\n    <h2>Redes sociales<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"social-grid\">\r\n    <a href=\"https:\/\/www.linkedin.com\/company\/lucas-automotive-aftermarket\/\" target=\"_blank\" rel=\"noopener\" class=\"social-card li\">\r\n      <div class=\"social-icon li\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"social-card-label\">\r\n        <span>LinkedIn<\/span>\r\n        <span>Lucas Automotive Aftermarket<\/span>\r\n      <\/div>\r\n    <\/a>\r\n    <a href=\"https:\/\/www.linkedin.com\/company\/lucas-automotive-aftermarket-batteries\/\" target=\"_blank\" rel=\"noopener\" class=\"social-card li\">\r\n      <div class=\"social-icon li\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"social-card-label\">\r\n        <span>LinkedIn<\/span>\r\n        <span>Lucas Batteries<\/span>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500\u2500 V\u00cdDEO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"section-head\">\r\n    <div class=\"section-icon\">\r\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\r\n    <\/div>\r\n    <h2>Conoce m\u00e1s sobre Lucas<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"video-wrap\">\r\n    <div class=\"video-ratio\">\r\n      <iframe\r\n        src=\"https:\/\/www.youtube.com\/embed\/fIQTiIqzXE0?rel=0&modestbranding=1\"\r\n        title=\"More About Lucas Automotive\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n        allowfullscreen>\r\n      <\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f9cb1c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f9cb1c\" 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-7a23d32\" data-id=\"7a23d32\" 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-e57cf90 elementor-widget elementor-widget-spacer\" data-id=\"e57cf90\" 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-316c97d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"316c97d\" 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-171fb46\" data-id=\"171fb46\" 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-e91d730 elementor-widget elementor-widget-html\" data-id=\"e91d730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<head>\n  <meta charset=\"UTF-8\">\n  <title>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: '&copy; 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-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>Lucas Batteries \u2014 VT Batteries \ud83d\udd0b Bater\u00edas \u00b7 Distribuci\u00f3n oficial Lucas Batteries Una de las marcas de bater\u00edas m\u00e1s reconocidas a nivel mundial. Arranque, moto, leisure &amp; marina y lubricantes [&hellip;]<\/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\/pt\/wp-json\/wp\/v2\/pages\/26415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/comments?post=26415"}],"version-history":[{"count":261,"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/pages\/26415\/revisions"}],"predecessor-version":[{"id":29725,"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/pages\/26415\/revisions\/29725"}],"up":[{"embeddable":true,"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/pages\/4621"}],"wp:attachment":[{"href":"https:\/\/vtpower.es\/pt\/wp-json\/wp\/v2\/media?parent=26415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}