{"id":9,"date":"2026-06-22T01:11:12","date_gmt":"2026-06-21T19:11:12","guid":{"rendered":"https:\/\/new.hyundaidemagna.com\/?page_id=9"},"modified":"2026-08-21T23:50:34","modified_gmt":"2026-08-21T17:50:34","slug":"inicio","status":"publish","type":"page","link":"https:\/\/new.hyundaidemagna.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e174933 e-con e-atomic-element e-flexbox-base e-15edb08 yt-hero-shell \" data-id=\"e174933\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e174933\" data-e-type=\"e-flexbox\" data-id=\"e174933\">\n    \t\t<div class=\"elementor-element elementor-element-e8fcbb4 elementor-widget elementor-widget-html\" data-id=\"e8fcbb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"yt-hero-section\">\r\n  <div class=\"yt-hero-media\">\r\n    <div id=\"yt-hero-player\" class=\"yt-hero-player\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"yt-hero-overlay\"><\/div>\r\n\r\n  <div class=\"yt-hero-content\">\r\n    <p class=\"yt-hero-subtitle\">Bienvenido<\/p>\r\n\r\n    <h1 class=\"yt-hero-title\">\r\n      Trabajamos para superar tus expectativas.\r\n    <\/h1>\r\n\r\n    <div class=\"ytv-hero-actions\">\r\n      <a class=\"ytv-hero-btn ytv-hero-btn-primary\" href=\"#contacto\">\r\n        Conoce m\u00e1s <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BOT\u00d3N DE AUDIO -->\r\n  <button\r\n    class=\"yt-hero-sound\"\r\n    type=\"button\"\r\n    aria-label=\"Activar sonido\"\r\n    aria-pressed=\"false\"\r\n  >\r\n    <span class=\"yt-hero-sound-icon\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n        <path\r\n          d=\"M11 5L6.5 9H3v6h3.5L11 19V5z\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linejoin=\"round\"\r\n        \/>\r\n\r\n        <path\r\n          class=\"yt-sound-wave-1\"\r\n          d=\"M15 9.5c1.2 1.4 1.2 3.6 0 5\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n        \/>\r\n\r\n        <path\r\n          class=\"yt-sound-wave-2\"\r\n          d=\"M18 7c2.7 2.8 2.7 7.2 0 10\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n        \/>\r\n\r\n        <path\r\n          class=\"yt-sound-muted-x\"\r\n          d=\"M15.5 9.5l5 5m0-5l-5 5\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n        \/>\r\n      <\/svg>\r\n    <\/span>\r\n  <\/button>\r\n\r\n  <!-- NAVEGACI\u00d3N -->\r\n  <div class=\"yt-hero-dots\" aria-label=\"Seleccionar video\">\r\n\r\n    <button\r\n      class=\"yt-hero-dot active\"\r\n      type=\"button\"\r\n      data-index=\"0\"\r\n      aria-label=\"Mostrar video 1\"\r\n      aria-pressed=\"true\"\r\n    ><\/button>\r\n\r\n    <button\r\n      class=\"yt-hero-dot\"\r\n      type=\"button\"\r\n      data-index=\"1\"\r\n      aria-label=\"Mostrar video 2\"\r\n      aria-pressed=\"false\"\r\n    ><\/button>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n.yt-hero-shell {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.yt-hero-shell > .e-con-inner,\r\n.yt-hero-shell .elementor-widget-html,\r\n.yt-hero-shell .elementor-widget-container {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.yt-hero-section,\r\n.yt-hero-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yt-hero-section {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n\r\n  height: 100vh;\r\n  height: 100svh;\r\n\r\n  min-height: 650px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #000;\r\n}\r\n\r\n\r\n\/* VIDEO *\/\r\n\r\n.yt-hero-media {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #000;\r\n}\r\n\r\n#yt-hero-player,\r\n.yt-hero-player {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  max-width: none !important;\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  border: 0;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#yt-hero-player iframe,\r\niframe#yt-hero-player,\r\n.yt-hero-player iframe {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  max-width: none !important;\r\n\r\n  border: 0;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* OSCURECIMIENTO *\/\r\n\r\n.yt-hero-overlay {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(0, 0, 0, 0.72) 0%,\r\n    rgba(0, 0, 0, 0.45) 45%,\r\n    rgba(0, 0, 0, 0.18) 100%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* CONTENIDO *\/\r\n\r\n.yt-hero-content {\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1180px;\r\n\r\n  height: 100%;\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 0 40px;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.yt-hero-subtitle {\r\n  margin: 0 0 14px;\r\n\r\n  color: #fff;\r\n\r\n  font-family: Roboto, Arial, sans-serif;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: 0.12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yt-hero-title {\r\n  width: 100%;\r\n\r\n  max-width: 760px;\r\n\r\n  margin: 0 0 28px;\r\n\r\n  color: #fff;\r\n\r\n  font-family: Roboto, Arial, sans-serif;\r\n\r\n  font-size: clamp(42px, 6vw, 82px);\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 0.98;\r\n\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\r\n\/* BOT\u00d3N CONOCE M\u00c1S *\/\r\n\r\n.ytv-hero-actions {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 14px;\r\n}\r\n\r\n.ytv-hero-btn {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-width: 145px;\r\n\r\n  padding: 15px 30px;\r\n\r\n  border-radius: 2px;\r\n\r\n  font-family: Roboto, Arial, sans-serif;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1;\r\n\r\n  text-decoration: none;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background-size 0.38s cubic-bezier(0.65, 0, 0.35, 1),\r\n    color 0.25s ease,\r\n    border-color 0.25s ease,\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.ytv-hero-btn-primary {\r\n  color: #002c5f;\r\n\r\n  border: 2px solid #fff;\r\n\r\n  background-color: #fff;\r\n\r\n  background-image: linear-gradient(\r\n    to right,\r\n    #002c5f 0%,\r\n    #002c5f 100%\r\n  );\r\n\r\n  background-repeat: no-repeat;\r\n\r\n  background-position: left center;\r\n\r\n  background-size: 0% 100%;\r\n}\r\n\r\n.ytv-hero-btn-primary:hover,\r\n.ytv-hero-btn-primary:focus {\r\n  color: #fff;\r\n\r\n  border-color: #002c5f;\r\n\r\n  background-size: 100% 100%;\r\n\r\n  transform: translate(-2px, -2px);\r\n\r\n  box-shadow:\r\n    5px 5px 0 #35719e,\r\n    0 12px 24px rgba(0, 44, 95, 0.24);\r\n}\r\n\r\n.ytv-hero-btn:focus-visible {\r\n  outline: 3px solid rgba(255, 255, 255, 0.45);\r\n\r\n  outline-offset: 4px;\r\n}\r\n\r\n.ytv-hero-btn span {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.ytv-hero-btn:hover span,\r\n.ytv-hero-btn:focus span {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* BOT\u00d3N DE AUDIO *\/\r\n\r\n.yt-hero-section button.yt-hero-sound {\r\n  -webkit-appearance: none !important;\r\n\r\n  appearance: none !important;\r\n\r\n  position: absolute !important;\r\n\r\n  right: 28px !important;\r\n\r\n  bottom: 62px !important;\r\n\r\n  z-index: 10 !important;\r\n\r\n  display: flex !important;\r\n\r\n  align-items: center !important;\r\n\r\n  justify-content: center !important;\r\n\r\n  flex: 0 0 44px !important;\r\n\r\n  width: 44px !important;\r\n\r\n  min-width: 44px !important;\r\n\r\n  max-width: 44px !important;\r\n\r\n  height: 44px !important;\r\n\r\n  min-height: 44px !important;\r\n\r\n  max-height: 44px !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  color: #fff !important;\r\n\r\n  font-size: 0 !important;\r\n\r\n  line-height: 0 !important;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.78) !important;\r\n\r\n  border-radius: 50% !important;\r\n\r\n  background: rgba(0, 0, 0, 0.42) !important;\r\n\r\n  background-image: none !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  cursor: pointer !important;\r\n\r\n  overflow: hidden !important;\r\n\r\n  transform: none !important;\r\n\r\n  opacity: 1 !important;\r\n\r\n  touch-action: manipulation;\r\n\r\n  backdrop-filter: blur(6px);\r\n\r\n  -webkit-backdrop-filter: blur(6px);\r\n\r\n  transition:\r\n    background-color 0.25s ease,\r\n    border-color 0.25s ease,\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-sound::before,\r\n.yt-hero-section button.yt-hero-sound::after {\r\n  content: none !important;\r\n\r\n  display: none !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-sound:hover,\r\n.yt-hero-section button.yt-hero-sound:focus {\r\n  background: rgba(0, 44, 95, 0.88) !important;\r\n\r\n  border-color: #fff !important;\r\n\r\n  transform: scale(1.06) !important;\r\n\r\n  box-shadow: 3px 3px 0 #35719e !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-sound:focus-visible {\r\n  outline: 3px solid rgba(255, 255, 255, 0.45) !important;\r\n\r\n  outline-offset: 4px !important;\r\n}\r\n\r\n.yt-hero-sound-icon {\r\n  display: flex !important;\r\n\r\n  align-items: center !important;\r\n\r\n  justify-content: center !important;\r\n\r\n  width: 22px !important;\r\n\r\n  height: 22px !important;\r\n\r\n  pointer-events: none !important;\r\n}\r\n\r\n.yt-hero-sound-icon svg {\r\n  display: block !important;\r\n\r\n  width: 22px !important;\r\n\r\n  min-width: 22px !important;\r\n\r\n  max-width: 22px !important;\r\n\r\n  height: 22px !important;\r\n\r\n  min-height: 22px !important;\r\n\r\n  max-height: 22px !important;\r\n\r\n  fill: none !important;\r\n\r\n  stroke: currentColor;\r\n\r\n  overflow: visible !important;\r\n\r\n  pointer-events: none !important;\r\n}\r\n\r\n.yt-sound-wave-1,\r\n.yt-sound-wave-2 {\r\n  display: none;\r\n}\r\n\r\n.yt-sound-muted-x {\r\n  display: block;\r\n}\r\n\r\n.yt-hero-sound.sound-on .yt-sound-wave-1,\r\n.yt-hero-sound.sound-on .yt-sound-wave-2 {\r\n  display: block;\r\n}\r\n\r\n.yt-hero-sound.sound-on .yt-sound-muted-x {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* PUNTOS *\/\r\n\r\n.yt-hero-section .yt-hero-dots {\r\n  position: absolute !important;\r\n\r\n  right: 28px !important;\r\n\r\n  bottom: 28px !important;\r\n\r\n  z-index: 10 !important;\r\n\r\n  display: flex !important;\r\n\r\n  align-items: center !important;\r\n\r\n  justify-content: flex-end !important;\r\n\r\n  flex-wrap: nowrap !important;\r\n\r\n  width: auto !important;\r\n\r\n  height: auto !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  gap: 8px !important;\r\n\r\n  background: transparent !important;\r\n\r\n  border: 0 !important;\r\n\r\n  box-shadow: none !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-dot {\r\n  -webkit-appearance: none !important;\r\n\r\n  appearance: none !important;\r\n\r\n  position: relative !important;\r\n\r\n  display: block !important;\r\n\r\n  flex: 0 0 10px !important;\r\n\r\n  width: 10px !important;\r\n\r\n  min-width: 10px !important;\r\n\r\n  max-width: 10px !important;\r\n\r\n  height: 10px !important;\r\n\r\n  min-height: 10px !important;\r\n\r\n  max-height: 10px !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  color: transparent !important;\r\n\r\n  font-size: 0 !important;\r\n\r\n  line-height: 0 !important;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.85) !important;\r\n\r\n  border-radius: 1px !important;\r\n\r\n  background: transparent !important;\r\n\r\n  background-image: none !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  cursor: pointer !important;\r\n\r\n  transform: none !important;\r\n\r\n  opacity: 1 !important;\r\n\r\n  overflow: hidden !important;\r\n\r\n  touch-action: manipulation;\r\n\r\n  transition:\r\n    background-color 0.25s ease,\r\n    border-color 0.25s ease,\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-dot::before,\r\n.yt-hero-section button.yt-hero-dot::after {\r\n  content: none !important;\r\n\r\n  display: none !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-dot:hover,\r\n.yt-hero-section button.yt-hero-dot:focus {\r\n  background: rgba(255, 255, 255, 0.45) !important;\r\n\r\n  border-color: #fff !important;\r\n\r\n  transform: translateY(-2px) !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-dot.active {\r\n  background: #fff !important;\r\n\r\n  border-color: #fff !important;\r\n\r\n  box-shadow: 2px 2px 0 #35719e !important;\r\n}\r\n\r\n.yt-hero-section button.yt-hero-dot:focus-visible {\r\n  outline: 3px solid rgba(255, 255, 255, 0.45) !important;\r\n\r\n  outline-offset: 4px !important;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .yt-hero-content {\r\n    padding-right: 32px;\r\n\r\n    padding-left: 32px;\r\n  }\r\n\r\n  .yt-hero-title {\r\n    max-width: 680px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* M\u00d3VIL *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .yt-hero-section {\r\n    height: 100vh;\r\n\r\n    height: 100svh;\r\n\r\n    min-height: 600px;\r\n  }\r\n\r\n  .yt-hero-content {\r\n    padding-right: 24px;\r\n\r\n    padding-left: 24px;\r\n  }\r\n\r\n  .yt-hero-subtitle {\r\n    margin-bottom: 12px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .yt-hero-title {\r\n    max-width: 100%;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    font-size: clamp(38px, 11vw, 52px);\r\n\r\n    line-height: 1;\r\n  }\r\n\r\n  .ytv-hero-actions {\r\n    width: 100%;\r\n  }\r\n\r\n  .ytv-hero-btn {\r\n    width: fit-content;\r\n\r\n    min-width: 135px;\r\n\r\n    padding: 13px 26px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n  .yt-hero-section button.yt-hero-sound {\r\n    right: 20px !important;\r\n\r\n    bottom: 56px !important;\r\n\r\n    flex-basis: 40px !important;\r\n\r\n    width: 40px !important;\r\n\r\n    min-width: 40px !important;\r\n\r\n    max-width: 40px !important;\r\n\r\n    height: 40px !important;\r\n\r\n    min-height: 40px !important;\r\n\r\n    max-height: 40px !important;\r\n  }\r\n\r\n  .yt-hero-sound-icon,\r\n  .yt-hero-sound-icon svg {\r\n    width: 20px !important;\r\n\r\n    min-width: 20px !important;\r\n\r\n    max-width: 20px !important;\r\n\r\n    height: 20px !important;\r\n\r\n    min-height: 20px !important;\r\n\r\n    max-height: 20px !important;\r\n  }\r\n\r\n  .yt-hero-section .yt-hero-dots {\r\n    right: 20px !important;\r\n\r\n    bottom: 23px !important;\r\n\r\n    gap: 7px !important;\r\n  }\r\n\r\n  .yt-hero-section button.yt-hero-dot,\r\n  .yt-hero-section button.yt-hero-dot:hover,\r\n  .yt-hero-section button.yt-hero-dot:focus,\r\n  .yt-hero-section button.yt-hero-dot.active {\r\n    flex-basis: 9px !important;\r\n\r\n    width: 9px !important;\r\n\r\n    min-width: 9px !important;\r\n\r\n    max-width: 9px !important;\r\n\r\n    height: 9px !important;\r\n\r\n    min-height: 9px !important;\r\n\r\n    max-height: 9px !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ytv-hero-btn,\r\n  .ytv-hero-btn span,\r\n  .yt-hero-section button.yt-hero-dot,\r\n  .yt-hero-section button.yt-hero-sound {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  const hero =\r\n    document.querySelector(\r\n      \".yt-hero-section\"\r\n    );\r\n\r\n\r\n  if (\r\n    !hero ||\r\n    hero.dataset.ytHeroInitialized === \"true\"\r\n  ) {\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  hero.dataset.ytHeroInitialized =\r\n    \"true\";\r\n\r\n\r\n  \/* =========================================\r\n     VIDEOS\r\n  ========================================= *\/\r\n\r\n  const videos = [\r\n\r\n    {\r\n      id: \"Ytc0j5CsE4w\",\r\n\r\n      title:\r\n        \"Detr\u00e1s de cada carga, hay un esfuerzo que mueve al pa\u00eds\",\r\n\r\n      subtitle:\r\n        \"Bienvenido\"\r\n    },\r\n\r\n    {\r\n      id: \"5QaSYSaq338\",\r\n\r\n      title:\r\n        \"Compromiso con la excelencia y satisfacci\u00f3n del cliente\",\r\n\r\n      subtitle:\r\n        \"Testimonio\"\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  \/* =========================================\r\n     ELEMENTOS\r\n  ========================================= *\/\r\n\r\n  const playerElement =\r\n    hero.querySelector(\r\n      \"#yt-hero-player\"\r\n    );\r\n\r\n\r\n  const titleElement =\r\n    hero.querySelector(\r\n      \".yt-hero-title\"\r\n    );\r\n\r\n\r\n  const subtitleElement =\r\n    hero.querySelector(\r\n      \".yt-hero-subtitle\"\r\n    );\r\n\r\n\r\n  const dots =\r\n    Array.from(\r\n      hero.querySelectorAll(\r\n        \".yt-hero-dot\"\r\n      )\r\n    );\r\n\r\n\r\n  const soundButton =\r\n    hero.querySelector(\r\n      \".yt-hero-sound\"\r\n    );\r\n\r\n\r\n  \/* =========================================\r\n     VARIABLES\r\n  ========================================= *\/\r\n\r\n  let currentVideo = 0;\r\n\r\n  let player = null;\r\n\r\n  let resizeObserver = null;\r\n\r\n  let isMuted = true;\r\n\r\n\r\n  \/* =========================================\r\n     AJUSTAR VIDEO\r\n  ========================================= *\/\r\n\r\n  function fitVideoToHero() {\r\n\r\n    if (\r\n      !player ||\r\n      typeof player.getIframe !==\r\n        \"function\"\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const iframe =\r\n      player.getIframe();\r\n\r\n\r\n    if (!iframe) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const heroWidth =\r\n      hero.clientWidth;\r\n\r\n\r\n    const heroHeight =\r\n      hero.clientHeight;\r\n\r\n\r\n    const videoRatio =\r\n      16 \/ 9;\r\n\r\n\r\n    let videoWidth =\r\n      heroWidth;\r\n\r\n\r\n    let videoHeight =\r\n      videoWidth \/\r\n      videoRatio;\r\n\r\n\r\n    if (\r\n      videoHeight <\r\n      heroHeight\r\n    ) {\r\n\r\n      videoHeight =\r\n        heroHeight;\r\n\r\n\r\n      videoWidth =\r\n        videoHeight *\r\n        videoRatio;\r\n\r\n    }\r\n\r\n\r\n    iframe.style.width =\r\n      Math.ceil(\r\n        videoWidth\r\n      ) + \"px\";\r\n\r\n\r\n    iframe.style.height =\r\n      Math.ceil(\r\n        videoHeight\r\n      ) + \"px\";\r\n\r\n\r\n    iframe.style.maxWidth =\r\n      \"none\";\r\n\r\n\r\n    iframe.style.position =\r\n      \"absolute\";\r\n\r\n\r\n    iframe.style.top =\r\n      \"50%\";\r\n\r\n\r\n    iframe.style.left =\r\n      \"50%\";\r\n\r\n\r\n    iframe.style.transform =\r\n      \"translate(-50%, -50%)\";\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     ACTUALIZAR TEXTO\r\n  ========================================= *\/\r\n\r\n  function updateHeroContent() {\r\n\r\n    const selectedVideo =\r\n      videos[currentVideo];\r\n\r\n\r\n    if (titleElement) {\r\n\r\n      titleElement.textContent =\r\n        selectedVideo.title || \"\";\r\n\r\n    }\r\n\r\n\r\n    if (subtitleElement) {\r\n\r\n      subtitleElement.textContent =\r\n        selectedVideo.subtitle || \"\";\r\n\r\n    }\r\n\r\n\r\n    dots.forEach(\r\n      function (\r\n        dot,\r\n        index\r\n      ) {\r\n\r\n        const isActive =\r\n          index ===\r\n          currentVideo;\r\n\r\n\r\n        dot.classList.toggle(\r\n          \"active\",\r\n          isActive\r\n        );\r\n\r\n\r\n        dot.setAttribute(\r\n          \"aria-pressed\",\r\n          isActive\r\n            ? \"true\"\r\n            : \"false\"\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     BOT\u00d3N DE AUDIO\r\n  ========================================= *\/\r\n\r\n  function updateSoundButton() {\r\n\r\n    if (!soundButton) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (isMuted) {\r\n\r\n      soundButton.classList.remove(\r\n        \"sound-on\"\r\n      );\r\n\r\n\r\n      soundButton.setAttribute(\r\n        \"aria-label\",\r\n        \"Activar sonido\"\r\n      );\r\n\r\n\r\n      soundButton.setAttribute(\r\n        \"aria-pressed\",\r\n        \"false\"\r\n      );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n      soundButton.classList.add(\r\n        \"sound-on\"\r\n      );\r\n\r\n\r\n      soundButton.setAttribute(\r\n        \"aria-label\",\r\n        \"Silenciar sonido\"\r\n      );\r\n\r\n\r\n      soundButton.setAttribute(\r\n        \"aria-pressed\",\r\n        \"true\"\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function applySoundState() {\r\n\r\n    if (!player) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (isMuted) {\r\n\r\n      player.mute();\r\n\r\n    }\r\n\r\n    else {\r\n\r\n      player.unMute();\r\n\r\n      player.setVolume(\r\n        100\r\n      );\r\n\r\n    }\r\n\r\n\r\n    updateSoundButton();\r\n\r\n  }\r\n\r\n\r\n  function toggleSound() {\r\n\r\n    if (!player) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    isMuted =\r\n      !isMuted;\r\n\r\n\r\n    applySoundState();\r\n\r\n\r\n    if (\r\n      typeof player.playVideo ===\r\n      \"function\"\r\n    ) {\r\n\r\n      player.playVideo();\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     INTENTAR OCULTAR CLOSED CAPTIONS\r\n  ========================================= *\/\r\n\r\n  function tryDisableYouTubeCaptions() {\r\n\r\n    if (!player) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * YouTube puede conservar preferencias\r\n     * de subt\u00edtulos del usuario.\r\n     *\r\n     * Por eso intentamos retirar el m\u00f3dulo\r\n     * de captions cuando el reproductor\r\n     * permite hacerlo.\r\n     *\/\r\n\r\n    try {\r\n\r\n      if (\r\n        typeof player.unloadModule ===\r\n        \"function\"\r\n      ) {\r\n\r\n        player.unloadModule(\r\n          \"captions\"\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n    catch (error) {\r\n\r\n      \/*\r\n       * No detenemos el video si\r\n       * YouTube no permite esta llamada.\r\n       *\/\r\n\r\n    }\r\n\r\n\r\n    try {\r\n\r\n      if (\r\n        typeof player.setOption ===\r\n        \"function\"\r\n      ) {\r\n\r\n        player.setOption(\r\n          \"captions\",\r\n          \"track\",\r\n          {}\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n    catch (error) {\r\n\r\n      \/*\r\n       * Algunos reproductores no\r\n       * permiten cambiar la pista.\r\n       *\/\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     REPRODUCIR VIDEO\r\n  ========================================= *\/\r\n\r\n  function playVideo(index) {\r\n\r\n    currentVideo =\r\n      (\r\n        index +\r\n        videos.length\r\n      ) %\r\n      videos.length;\r\n\r\n\r\n    updateHeroContent();\r\n\r\n\r\n    if (\r\n      !player ||\r\n      typeof player.loadVideoById !==\r\n        \"function\"\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    player.loadVideoById({\r\n\r\n      videoId:\r\n        videos[\r\n          currentVideo\r\n        ].id,\r\n\r\n      suggestedQuality:\r\n        \"hd1080\"\r\n\r\n    });\r\n\r\n\r\n    window.setTimeout(\r\n\r\n      function () {\r\n\r\n        if (!player) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        applySoundState();\r\n\r\n\r\n        tryDisableYouTubeCaptions();\r\n\r\n\r\n        player.playVideo();\r\n\r\n\r\n        fitVideoToHero();\r\n\r\n\r\n        \/*\r\n         * Repetimos el intento porque\r\n         * YouTube puede cargar captions\r\n         * unas d\u00e9cimas despu\u00e9s.\r\n         *\/\r\n\r\n        window.setTimeout(\r\n          tryDisableYouTubeCaptions,\r\n          150\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n          tryDisableYouTubeCaptions,\r\n          600\r\n        );\r\n\r\n      },\r\n\r\n      350\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function playNextVideo() {\r\n\r\n    playVideo(\r\n      currentVideo + 1\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CREAR PLAYER\r\n  ========================================= *\/\r\n\r\n  function createPlayer() {\r\n\r\n    if (\r\n      player ||\r\n      !playerElement ||\r\n      !window.YT ||\r\n      typeof window.YT.Player !==\r\n        \"function\"\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    player =\r\n      new window.YT.Player(\r\n\r\n        playerElement,\r\n\r\n        {\r\n\r\n          videoId:\r\n            videos[\r\n              currentVideo\r\n            ].id,\r\n\r\n\r\n          playerVars: {\r\n\r\n            autoplay: 1,\r\n\r\n            controls: 0,\r\n\r\n            mute: 1,\r\n\r\n\r\n            \/*\r\n             * No pedimos que YouTube\r\n             * fuerce closed captions.\r\n             *\/\r\n\r\n            cc_load_policy: 0,\r\n\r\n\r\n            rel: 0,\r\n\r\n            playsinline: 1,\r\n\r\n            iv_load_policy: 3,\r\n\r\n            disablekb: 1,\r\n\r\n            fs: 0\r\n\r\n          },\r\n\r\n\r\n          events: {\r\n\r\n\r\n            onReady:\r\n              function (event) {\r\n\r\n\r\n                isMuted = true;\r\n\r\n\r\n                event.target.mute();\r\n\r\n\r\n                event.target.setVolume(\r\n                  100\r\n                );\r\n\r\n\r\n                event.target.playVideo();\r\n\r\n\r\n                tryDisableYouTubeCaptions();\r\n\r\n\r\n                updateSoundButton();\r\n\r\n\r\n                updateHeroContent();\r\n\r\n\r\n                fitVideoToHero();\r\n\r\n\r\n                window.requestAnimationFrame(\r\n                  fitVideoToHero\r\n                );\r\n\r\n\r\n                window.setTimeout(\r\n                  fitVideoToHero,\r\n                  300\r\n                );\r\n\r\n\r\n                window.setTimeout(\r\n                  fitVideoToHero,\r\n                  1000\r\n                );\r\n\r\n\r\n                window.setTimeout(\r\n                  tryDisableYouTubeCaptions,\r\n                  150\r\n                );\r\n\r\n\r\n                window.setTimeout(\r\n                  tryDisableYouTubeCaptions,\r\n                  600\r\n                );\r\n\r\n              },\r\n\r\n\r\n            \/*\r\n             * YouTube dispara este evento\r\n             * cuando carga m\u00f3dulos como captions.\r\n             *\/\r\n\r\n            onApiChange:\r\n              function () {\r\n\r\n                tryDisableYouTubeCaptions();\r\n\r\n              },\r\n\r\n\r\n            onStateChange:\r\n              function (event) {\r\n\r\n                if (\r\n                  window.YT &&\r\n                  event.data ===\r\n                    window.YT\r\n                      .PlayerState\r\n                      .ENDED\r\n                ) {\r\n\r\n                  playNextVideo();\r\n\r\n                }\r\n\r\n              },\r\n\r\n\r\n            onError:\r\n              function (event) {\r\n\r\n                console.warn(\r\n                  \"Error de YouTube:\",\r\n                  event &&\r\n                  event.data\r\n                );\r\n\r\n\r\n                playNextVideo();\r\n\r\n              }\r\n\r\n          }\r\n\r\n        }\r\n\r\n      );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CARGAR API\r\n  ========================================= *\/\r\n\r\n  function loadYouTubeAPI() {\r\n\r\n    if (\r\n      window.YT &&\r\n      typeof window.YT.Player ===\r\n        \"function\"\r\n    ) {\r\n\r\n      createPlayer();\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const previousCallback =\r\n      window.onYouTubeIframeAPIReady;\r\n\r\n\r\n    window.onYouTubeIframeAPIReady =\r\n      function () {\r\n\r\n\r\n        if (\r\n          typeof previousCallback ===\r\n          \"function\"\r\n        ) {\r\n\r\n          previousCallback();\r\n\r\n        }\r\n\r\n\r\n        createPlayer();\r\n\r\n      };\r\n\r\n\r\n    const existingScript =\r\n      document.querySelector(\r\n        'script[src=\"https:\/\/www.youtube.com\/iframe_api\"]'\r\n      );\r\n\r\n\r\n    if (!existingScript) {\r\n\r\n      const script =\r\n        document.createElement(\r\n          \"script\"\r\n        );\r\n\r\n\r\n      script.src =\r\n        \"https:\/\/www.youtube.com\/iframe_api\";\r\n\r\n\r\n      script.async =\r\n        true;\r\n\r\n\r\n      document.head.appendChild(\r\n        script\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CLIC EN AUDIO\r\n  ========================================= *\/\r\n\r\n  if (soundButton) {\r\n\r\n    soundButton.addEventListener(\r\n\r\n      \"click\",\r\n\r\n      function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n        event.stopPropagation();\r\n\r\n        toggleSound();\r\n\r\n      }\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CLIC EN PUNTOS\r\n  ========================================= *\/\r\n\r\n  dots.forEach(\r\n\r\n    function (dot) {\r\n\r\n      dot.addEventListener(\r\n\r\n        \"click\",\r\n\r\n        function (event) {\r\n\r\n          event.preventDefault();\r\n\r\n          event.stopPropagation();\r\n\r\n\r\n          const index =\r\n            Number(\r\n              dot.dataset.index\r\n            );\r\n\r\n\r\n          if (\r\n            Number.isInteger(\r\n              index\r\n            )\r\n          ) {\r\n\r\n            playVideo(\r\n              index\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     RESPONSIVE\r\n  ========================================= *\/\r\n\r\n  window.addEventListener(\r\n\r\n    \"resize\",\r\n\r\n    fitVideoToHero,\r\n\r\n    {\r\n      passive: true\r\n    }\r\n\r\n  );\r\n\r\n\r\n  if (\r\n    \"ResizeObserver\" in window\r\n  ) {\r\n\r\n    resizeObserver =\r\n      new ResizeObserver(\r\n\r\n        function () {\r\n\r\n          fitVideoToHero();\r\n\r\n        }\r\n\r\n      );\r\n\r\n\r\n    resizeObserver.observe(\r\n      hero\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     INICIO\r\n  ========================================= *\/\r\n\r\n  updateSoundButton();\r\n\r\n  updateHeroContent();\r\n\r\n  loadYouTubeAPI();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-522ce8f e-con e-atomic-element e-flexbox-base e-80a5cd3 hdm-stack \" data-id=\"522ce8f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"522ce8f\" data-e-type=\"e-flexbox\" data-id=\"522ce8f\">\n    <div class=\"elementor-element elementor-element-243f236 e-con-full hdm-stack-card hdm-stack-1 e-flex e-con e-parent\" data-id=\"243f236\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b543c20 e-grid e-con-full e-con e-child\" data-id=\"b543c20\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky_offset&quot;:40,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d86b04 elementor-widget elementor-widget-html\" data-id=\"0d86b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.elementor-sticky__spacer .hdm-truck-rotator {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n.hdm-truck-rotator {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    max-width: 620px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n.hdm-truck-stage {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    height: clamp(300px, 32vw, 380px);\r\n}\r\n.hdm-truck-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 15px 18px 8px;\r\n\r\n    opacity: 0;\r\n    pointer-events: none;\r\n\r\n    transform: translateX(18px);\r\n\r\n    transition:\r\n        opacity 0.65s ease,\r\n        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-truck-slide.is-active {\r\n    z-index: 2;\r\n\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n\r\n    transform: translateX(0);\r\n}\r\n\r\n.hdm-truck-slide img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n    max-height: 340px;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    user-select: none;\r\n    pointer-events: none;\r\n\r\n    transform: translateY(0) scale(1);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 12px 16px rgba(0, 44, 95, 0.08)\r\n        );\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        filter 0.45s ease;\r\n}\r\n\r\n.hdm-truck-stage:hover\r\n.hdm-truck-slide.is-active img {\r\n    transform: translateY(-6px) scale(1.018);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 20px 24px rgba(0, 44, 95, 0.15)\r\n        );\r\n}\r\n\r\n.hdm-truck-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    margin-top: 2px;\r\n    padding: 0 0 0 22px;\r\n}\r\n\r\n.hdm-truck-arrows {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n.hdm-truck-arrow {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n    padding: 0;\r\n\r\n    background-color: #008A92;\r\n    color: #FFFFFF;\r\n\r\n    border: 1px solid #008A92;\r\n    border-radius: 2px;\r\n\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        color 0.22s ease,\r\n        border-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-truck-arrow:hover,\r\n.hdm-truck-arrow:focus-visible {\r\n    background-color: #002C5F;\r\n    color: #FFFFFF;\r\n    border-color: #002C5F;\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-truck-arrow:active {\r\n    transform: translate(1px, 1px);\r\n    box-shadow: none;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hdm-truck-stage {\r\n        height: 330px;\r\n    }\r\n\r\n    .hdm-truck-slide img {\r\n        max-width: 470px;\r\n        max-height: 300px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-truck-stage {\r\n        height: 245px;\r\n    }\r\n\r\n    .hdm-truck-slide {\r\n        padding: 10px 8px 5px;\r\n    }\r\n\r\n    .hdm-truck-slide img {\r\n        max-width: 360px;\r\n        max-height: 225px;\r\n    }\r\n\r\n    .hdm-truck-controls {\r\n        margin-top: 0;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    .hdm-truck-arrow {\r\n        width: 32px;\r\n        height: 32px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .hdm-truck-stage:hover\r\n    .hdm-truck-slide.is-active img {\r\n        transform: translateY(-3px) scale(1.01);\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-truck-slide,\r\n    .hdm-truck-slide img,\r\n    .hdm-truck-arrow {\r\n        transition: none;\r\n    }\r\n\r\n    .hdm-truck-stage:hover\r\n    .hdm-truck-slide.is-active img {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div\r\n    class=\"hdm-truck-rotator\"\r\n    role=\"region\"\r\n    aria-roledescription=\"carrusel\"\r\n    aria-label=\"Carrusel de camiones Hyundai\"\r\n>\r\n    <div class=\"hdm-truck-stage\">\r\n\r\n        <!-- CAMI\u00d3N 1 -->\r\n        <div\r\n            class=\"hdm-truck-slide is-active\"\r\n            aria-hidden=\"false\"\r\n        >\r\n            <img\r\n                src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/hd35LXT.png\"\r\n                alt=\"Cami\u00f3n Hyundai HD35LXT\"\r\n                loading=\"eager\"\r\n                fetchpriority=\"high\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- CAMI\u00d3N 2 -->\r\n        <div\r\n            class=\"hdm-truck-slide\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <img\r\n                src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/XCIENT-GT.png\"\r\n                alt=\"Cami\u00f3n Hyundai XCIENT GT\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- CAMI\u00d3N 3 -->\r\n        <div\r\n            class=\"hdm-truck-slide\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <img\r\n                src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/PAVISE_PREVIEW.png\"\r\n                alt=\"Cami\u00f3n Hyundai Pavise\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n            >\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-truck-controls\">\r\n        <div\r\n            class=\"hdm-truck-arrows\"\r\n            aria-label=\"Controles del carrusel\"\r\n        >\r\n            <button\r\n                class=\"hdm-truck-arrow hdm-truck-prev\"\r\n                type=\"button\"\r\n                aria-label=\"Mostrar cami\u00f3n anterior\"\r\n            >\r\n                \u2190\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"hdm-truck-arrow hdm-truck-next\"\r\n                type=\"button\"\r\n                aria-label=\"Mostrar cami\u00f3n siguiente\"\r\n            >\r\n                \u2192\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initializeTruckRotator(rotator) {\r\n\r\n        if (rotator.closest(\".elementor-sticky__spacer\")) {\r\n            return;\r\n        }\r\n\r\n        if (rotator.dataset.hdmInitialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        rotator.dataset.hdmInitialized = \"true\";\r\n\r\n        const slides = Array.from(\r\n            rotator.querySelectorAll(\".hdm-truck-slide\")\r\n        );\r\n\r\n        const previousButton = rotator.querySelector(\r\n            \".hdm-truck-prev\"\r\n        );\r\n\r\n        const nextButton = rotator.querySelector(\r\n            \".hdm-truck-next\"\r\n        );\r\n\r\n        if (\r\n            slides.length === 0 ||\r\n            !previousButton ||\r\n            !nextButton\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        const reduceMotion = window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n        const intervalTime = 2500;\r\n\r\n        let currentIndex = 0;\r\n        let autoplayTimer = null;\r\n        let interactionPaused = false;\r\n        let isVisibleOnScreen = true;\r\n\r\n        function showSlide(index) {\r\n            currentIndex =\r\n                (index + slides.length) % slides.length;\r\n\r\n            slides.forEach(function (slide, slideIndex) {\r\n                const isActive =\r\n                    slideIndex === currentIndex;\r\n\r\n                slide.classList.toggle(\r\n                    \"is-active\",\r\n                    isActive\r\n                );\r\n\r\n                slide.setAttribute(\r\n                    \"aria-hidden\",\r\n                    isActive ? \"false\" : \"true\"\r\n                );\r\n            });\r\n        }\r\n\r\n        function stopAutoplay() {\r\n            if (autoplayTimer !== null) {\r\n                window.clearInterval(autoplayTimer);\r\n                autoplayTimer = null;\r\n            }\r\n        }\r\n\r\n        function startAutoplay() {\r\n            stopAutoplay();\r\n\r\n            if (\r\n                reduceMotion ||\r\n                slides.length < 2 ||\r\n                interactionPaused ||\r\n                document.hidden ||\r\n                !isVisibleOnScreen\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            autoplayTimer = window.setInterval(\r\n                function () {\r\n                    showSlide(currentIndex + 1);\r\n                },\r\n                intervalTime\r\n            );\r\n        }\r\n\r\n        previousButton.addEventListener(\r\n            \"click\",\r\n            function () {\r\n                showSlide(currentIndex - 1);\r\n                startAutoplay();\r\n            }\r\n        );\r\n\r\n        nextButton.addEventListener(\r\n            \"click\",\r\n            function () {\r\n                showSlide(currentIndex + 1);\r\n                startAutoplay();\r\n            }\r\n        );\r\n\r\n        rotator.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n                interactionPaused = true;\r\n                stopAutoplay();\r\n            }\r\n        );\r\n\r\n        rotator.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n                interactionPaused = false;\r\n                startAutoplay();\r\n            }\r\n        );\r\n\r\n        rotator.addEventListener(\r\n            \"focusin\",\r\n            function () {\r\n                interactionPaused = true;\r\n                stopAutoplay();\r\n            }\r\n        );\r\n\r\n        rotator.addEventListener(\r\n            \"focusout\",\r\n            function (event) {\r\n                if (\r\n                    !rotator.contains(\r\n                        event.relatedTarget\r\n                    )\r\n                ) {\r\n                    interactionPaused = false;\r\n                    startAutoplay();\r\n                }\r\n            }\r\n        );\r\n\r\n        document.addEventListener(\r\n            \"visibilitychange\",\r\n            function () {\r\n                if (document.hidden) {\r\n                    stopAutoplay();\r\n                } else {\r\n                    startAutoplay();\r\n                }\r\n            }\r\n        );\r\n\r\n        if (\"IntersectionObserver\" in window) {\r\n            const observer = new IntersectionObserver(\r\n                function (entries) {\r\n                    entries.forEach(function (entry) {\r\n                        isVisibleOnScreen =\r\n                            entry.isIntersecting;\r\n\r\n                        if (isVisibleOnScreen) {\r\n                            startAutoplay();\r\n                        } else {\r\n                            stopAutoplay();\r\n                        }\r\n                    });\r\n                },\r\n                {\r\n                    threshold: 0.15\r\n                }\r\n            );\r\n\r\n            observer.observe(rotator);\r\n        }\r\n\r\n        showSlide(0);\r\n        startAutoplay();\r\n    }\r\n\r\n    document\r\n        .querySelectorAll(\".hdm-truck-rotator\")\r\n        .forEach(initializeTruckRotator);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54d9602 e-con e-atomic-element e-flexbox-base e-54d9602-1cd96f8 \" data-id=\"54d9602\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"54d9602\" data-e-type=\"e-flexbox\" data-id=\"54d9602\">\n    \t\t<div class=\"elementor-element elementor-element-68c5d84 elementor-widget elementor-widget-text-editor\" data-id=\"68c5d84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>SOLUCIONES DE CARGA<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 data-interaction-id=\"1f83a6d\" class=\"e-1f83a6d-ebd95ba e-heading-base\" data-e-type=\"widget\" data-id=\"1f83a6d\"><strong id=\"e-mqocs2h2-7nqz0ua\">CAMIONES<\/strong><\/h2>\n\t\t\t\t\t<p class=\"e-d80803c-c1cfd5e e-paragraph-base\" data-interaction-id=\"d80803c\" data-e-type=\"widget\" data-id=\"d80803c\"><strong id=\"e-mqoc4vv5-qarbm3p\">Dise\u00f1ados para maximizar la productividad de tu operaci\u00f3n. <\/strong>Desde distribuci\u00f3n urbana hasta transporte pesado, contamos con modelos confiables, eficientes y respaldados por una red de servicio especializada para mantener tu negocio siempre en movimiento.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a69b7 elementor-widget elementor-widget-html\" data-id=\"20a69b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-info-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 18px 26px;\r\n    margin: 24px 0 30px;\r\n}\r\n\r\n\/* Beneficio como texto, NO como bot\u00f3n *\/\r\n.hdm-info-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n\r\n    color: #002C5F;\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hdm-info-text {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* Solo el check lleva fondo *\/\r\n.hdm-info-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n    min-width: 18px;\r\n\r\n    border-radius: 50%;\r\n    background-color: #002C5F !important;\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-info-list {\r\n        justify-content: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .hdm-info-item {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-info-list\">\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Distribuci\u00f3n urbana<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Transporte pesado<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Servicio especializado<\/span>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a006897 elementor-widget elementor-widget-html\" data-id=\"a006897\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 24px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.hdm-btn-main {\r\n    box-sizing: border-box;\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    min-width: 220px;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease,\r\n        background-color 0.22s ease;\r\n}\r\n\r\n.hdm-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform 0.22s ease,\r\n        background-color 0.22s ease;\r\n}\r\n\r\n.hdm-btn-main:hover,\r\n.hdm-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-btn-main:hover .hdm-btn-arrow,\r\n.hdm-btn-main:focus .hdm-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-btn-main:hover .hdm-btn-arrow span,\r\n.hdm-btn-main:focus .hdm-btn-arrow span {\r\n    transform: translateX(3px);\r\n}\r\n\r\n.hdm-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n.hdm-btn-link {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 0 9px;\r\n\r\n    color: #002C5F;\r\n    border-bottom: 2px solid #002C5F;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.22s ease,\r\n        border-color 0.22s ease;\r\n}\r\n\r\n.hdm-btn-link span {\r\n    font-size: 17px;\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-btn-link:hover,\r\n.hdm-btn-link:focus {\r\n    color: #35719E;\r\n    border-color: #35719E;\r\n}\r\n\r\n.hdm-btn-link:hover span,\r\n.hdm-btn-link:focus span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hdm-btn-main:focus-visible,\r\n.hdm-btn-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .hdm-actions {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 22px;\r\n    }\r\n\r\n    .hdm-btn-main {\r\n        width: calc(100% - 6px);\r\n    }\r\n\r\n    .hdm-btn-link {\r\n        align-self: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-actions\">\r\n\r\n    <a class=\"hdm-btn-main\" href=\"#\">\r\n        <span class=\"hdm-btn-label\">\r\n            Cotizar cami\u00f3n\r\n        <\/span>\r\n\r\n        <span class=\"hdm-btn-arrow\" aria-hidden=\"true\">\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n    <a class=\"hdm-btn-link\" href=\"#\">\r\n        Ver todos los modelos\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be81079 e-con-full hdm-stack-card hdm-stack-2 e-flex e-con e-parent\" data-id=\"be81079\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b9260cf e-grid e-con-full e-con e-child\" data-id=\"b9260cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:40,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-0bcadc7 e-con e-atomic-element e-flexbox-base e-0bcadc7-c9d2727 \" data-id=\"0bcadc7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0bcadc7\" data-e-type=\"e-flexbox\" data-id=\"0bcadc7\">\n    \t\t<div class=\"elementor-element elementor-element-cbbfc23 elementor-widget elementor-widget-text-editor\" data-id=\"cbbfc23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>TRANSPORTE DE PASAJEROS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 data-interaction-id=\"05614b5\" class=\"e-05614b5-2f153a0 e-heading-base\" data-e-type=\"widget\" data-id=\"05614b5\"><strong>BUSES<\/strong><\/h2>\n\t\t\t\t\t<p class=\"e-16bbfff-97a23c9 e-paragraph-base\" data-interaction-id=\"16bbfff\" data-e-type=\"widget\" data-id=\"16bbfff\"><strong id=\"e-mqpqqjlu-11pnifd\">Dise\u00f1ados para ofrecer comodidad, seguridad y eficiencia en cada recorrido.<\/strong> Soluciones Hyundai para transporte de pasajeros, empresas, turismo y operaciones que necesitan alto rendimiento todos los d\u00edas.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-c73ca5f elementor-widget elementor-widget-html\" data-id=\"c73ca5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-info-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 18px 26px;\r\n    margin: 24px 0 30px;\r\n}\r\n\r\n\/* Beneficio como texto, NO como bot\u00f3n *\/\r\n.hdm-info-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n\r\n    color: #002C5F;\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hdm-info-text {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* Solo el check lleva fondo *\/\r\n.hdm-info-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n    min-width: 18px;\r\n\r\n    border-radius: 50%;\r\n    background-color: #002C5F !important;\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-info-list {\r\n        justify-content: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .hdm-info-item {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-info-list\">\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Comodidad para pasajeros<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Seguridad en cada recorrido<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Rendimiento operativo<\/span>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b37950b elementor-widget elementor-widget-html\" data-id=\"b37950b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-bus-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 24px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.hdm-bus-btn-main {\r\n    box-sizing: border-box;\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    min-width: 210px;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-bus-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-bus-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n    font-size: 18px;\r\n\r\n    transition: background-color 0.22s ease;\r\n}\r\n\r\n.hdm-bus-btn-arrow span {\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-bus-btn-main:hover,\r\n.hdm-bus-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-bus-btn-main:hover .hdm-bus-btn-arrow,\r\n.hdm-bus-btn-main:focus .hdm-bus-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-bus-btn-main:hover .hdm-bus-btn-arrow span,\r\n.hdm-bus-btn-main:focus .hdm-bus-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.hdm-bus-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n.hdm-bus-btn-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 0 9px;\r\n\r\n    color: #002C5F;\r\n    border-bottom: 2px solid #002C5F;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.22s ease,\r\n        border-color 0.22s ease;\r\n}\r\n\r\n.hdm-bus-btn-link span {\r\n    font-size: 17px;\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-bus-btn-link:hover,\r\n.hdm-bus-btn-link:focus {\r\n    color: #35719E;\r\n    border-color: #35719E;\r\n}\r\n\r\n.hdm-bus-btn-link:hover span,\r\n.hdm-bus-btn-link:focus span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hdm-bus-btn-main:focus-visible,\r\n.hdm-bus-btn-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .hdm-bus-actions {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 22px;\r\n    }\r\n\r\n    .hdm-bus-btn-main {\r\n        width: calc(100% - 6px);\r\n    }\r\n\r\n    .hdm-bus-btn-link {\r\n        align-self: flex-start;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-btn-main,\r\n    .hdm-bus-btn-arrow,\r\n    .hdm-bus-btn-arrow span,\r\n    .hdm-bus-btn-link,\r\n    .hdm-bus-btn-link span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-bus-actions\">\r\n\r\n    <a\r\n        class=\"hdm-bus-btn-main\"\r\n        href=\"#\"\r\n        aria-label=\"Cotizar un bus Hyundai\"\r\n    >\r\n        <span class=\"hdm-bus-btn-label\">\r\n            Cotizar bus\r\n        <\/span>\r\n\r\n        <span class=\"hdm-bus-btn-arrow\" aria-hidden=\"true\">\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n    <a\r\n        class=\"hdm-bus-btn-link\"\r\n        href=\"#\"\r\n        aria-label=\"Ver todos los modelos de buses Hyundai\"\r\n    >\r\n        Ver todos los modelos\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-e79dd70 elementor-widget elementor-widget-html\" data-id=\"e79dd70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-truck-rotator {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    max-width: 620px;\r\n    margin: 0 auto;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n.hdm-truck-stage {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    height: clamp(270px, 30vw, 340px);\r\n}\r\n\r\n.hdm-truck-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 15px 18px 8px;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transform: translateX(18px);\r\n\r\n    transition:\r\n        opacity 0.65s ease,\r\n        visibility 0.65s ease,\r\n        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-truck-slide.is-active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    transform: translateX(0);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.hdm-truck-slide img {\r\n    width: 100%;\r\n    max-width: 500px;\r\n    max-height: 300px;\r\n\r\n    display: block;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    transform: translateY(0) scale(1);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 12px 16px rgba(0, 44, 95, 0.08)\r\n        );\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        filter 0.45s ease;\r\n}\r\n\r\n.hdm-truck-stage:hover\r\n.hdm-truck-slide.is-active img {\r\n    transform: translateY(-6px) scale(1.018);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 20px 24px rgba(0, 44, 95, 0.15)\r\n        );\r\n}\r\n\r\n.hdm-truck-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    margin-top: 2px;\r\n    padding: 0 0 0 22px;\r\n}\r\n\r\n.hdm-truck-arrows {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n.hdm-truck-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 28px;\r\n    height: 28px;\r\n    padding: 0;\r\n\r\n    background-color: #ffffff;\r\n    color: #002C5F;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.28);\r\n    border-radius: 1px;\r\n\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        color 0.22s ease,\r\n        border-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-truck-arrow:hover,\r\n.hdm-truck-arrow:focus {\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n    border-color: #002C5F;\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-truck-arrow:active {\r\n    transform: translate(1px, 1px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hdm-truck-stage {\r\n        height: 310px;\r\n    }\r\n\r\n    .hdm-truck-slide img {\r\n        max-width: 455px;\r\n        max-height: 270px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-truck-stage {\r\n        height: 235px;\r\n    }\r\n\r\n    .hdm-truck-slide {\r\n        padding: 10px 8px 5px;\r\n    }\r\n\r\n    .hdm-truck-slide img {\r\n        max-width: 360px;\r\n        max-height: 215px;\r\n    }\r\n\r\n    .hdm-truck-controls {\r\n        margin-top: 0;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    .hdm-truck-arrow {\r\n        width: 26px;\r\n        height: 26px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .hdm-truck-stage:hover\r\n    .hdm-truck-slide.is-active img {\r\n        transform: translateY(-3px) scale(1.01);\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-truck-slide,\r\n    .hdm-truck-slide img,\r\n    .hdm-truck-arrow {\r\n        transition: none;\r\n    }\r\n\r\n    .hdm-truck-stage:hover\r\n    .hdm-truck-slide.is-active img {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div\r\n    class=\"hdm-truck-rotator\"\r\n    aria-label=\"Carrusel de veh\u00edculos Hyundai Country\"\r\n>\r\n    <div class=\"hdm-truck-stage\">\r\n\r\n        <div\r\n            class=\"hdm-truck-slide is-active\"\r\n            aria-hidden=\"false\"\r\n        >\r\n            <img\r\n                src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/06\/country-281ac-inverted.png\"\r\n                alt=\"Veh\u00edculo Hyundai Country\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n            >\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"hdm-truck-slide\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <img\r\n                src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/country-241.png\"\r\n                alt=\"Veh\u00edculo Hyundai Country\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n            >\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-truck-controls\">\r\n\r\n        <div class=\"hdm-truck-arrows\">\r\n\r\n            <button\r\n                class=\"hdm-truck-arrow hdm-truck-prev\"\r\n                type=\"button\"\r\n                aria-label=\"Mostrar imagen anterior\"\r\n            >\r\n                \u2190\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"hdm-truck-arrow hdm-truck-next\"\r\n                type=\"button\"\r\n                aria-label=\"Mostrar imagen siguiente\"\r\n            >\r\n                \u2192\r\n            <\/button>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll(\".hdm-truck-rotator\").forEach(function (rotator) {\r\n    const slides = Array.from(\r\n        rotator.querySelectorAll(\".hdm-truck-slide\")\r\n    );\r\n\r\n    const previousButton = rotator.querySelector(\r\n        \".hdm-truck-prev\"\r\n    );\r\n\r\n    const nextButton = rotator.querySelector(\r\n        \".hdm-truck-next\"\r\n    );\r\n\r\n    const reduceMotion = window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n\r\n    let currentIndex = 0;\r\n    let autoplay = null;\r\n\r\n    const intervalTime = 2500;\r\n\r\n    function showSlide(index) {\r\n        currentIndex =\r\n            (index + slides.length) % slides.length;\r\n\r\n        slides.forEach(function (slide, slideIndex) {\r\n            const isActive = slideIndex === currentIndex;\r\n\r\n            slide.classList.toggle(\r\n                \"is-active\",\r\n                isActive\r\n            );\r\n\r\n            slide.setAttribute(\r\n                \"aria-hidden\",\r\n                isActive ? \"false\" : \"true\"\r\n            );\r\n        });\r\n    }\r\n\r\n    function stopAutoplay() {\r\n        if (autoplay !== null) {\r\n            window.clearInterval(autoplay);\r\n            autoplay = null;\r\n        }\r\n    }\r\n\r\n    function startAutoplay() {\r\n        stopAutoplay();\r\n\r\n        if (reduceMotion || slides.length < 2) {\r\n            return;\r\n        }\r\n\r\n        autoplay = window.setInterval(function () {\r\n            showSlide(currentIndex + 1);\r\n        }, intervalTime);\r\n    }\r\n\r\n    previousButton.addEventListener(\"click\", function () {\r\n        showSlide(currentIndex - 1);\r\n        startAutoplay();\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function () {\r\n        showSlide(currentIndex + 1);\r\n        startAutoplay();\r\n    });\r\n\r\n    rotator.addEventListener(\"mouseenter\", stopAutoplay);\r\n    rotator.addEventListener(\"mouseleave\", startAutoplay);\r\n    rotator.addEventListener(\"focusin\", stopAutoplay);\r\n\r\n    rotator.addEventListener(\"focusout\", function (event) {\r\n        if (!rotator.contains(event.relatedTarget)) {\r\n            startAutoplay();\r\n        }\r\n    });\r\n\r\n    document.addEventListener(\"visibilitychange\", function () {\r\n        if (document.hidden) {\r\n            stopAutoplay();\r\n        } else {\r\n            startAutoplay();\r\n        }\r\n    });\r\n\r\n    showSlide(0);\r\n    startAutoplay();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9017648 e-con-full hdm-stack-card hdm-stack-3 e-flex e-con e-parent\" data-id=\"9017648\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-67b1fb4 e-grid e-con-boxed e-con e-child\" data-id=\"67b1fb4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8b9bad5 e-con e-atomic-element e-flexbox-base e-8b9bad5-6f061fb \" data-id=\"8b9bad5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8b9bad5\" data-e-type=\"e-flexbox\" data-id=\"8b9bad5\">\n    \t\t<div class=\"elementor-element elementor-element-82e629c elementor-widget elementor-widget-html\" data-id=\"82e629c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-taller-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    max-width: 620px;\r\n\r\n    padding-right: 9px;\r\n    padding-bottom: 9px;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n.hdm-taller-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 9px;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 9px;\r\n\r\n    background-color: #35719E;\r\n\r\n    z-index: -2;\r\n    pointer-events: none;\r\n\r\n    box-shadow:\r\n        0 18px 30px rgba(0, 44, 95, 0.14);\r\n\r\n    transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.hdm-taller-frame {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    min-height: 430px;\r\n\r\n    background-color: #EAF0F4;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.14);\r\n    border-radius: 2px;\r\n\r\n    box-shadow:\r\n        0 12px 24px rgba(0, 44, 95, 0.10);\r\n\r\n    transform: translate(0, 0);\r\n\r\n    transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.hdm-taller-frame img {\r\n    width: 100%;\r\n    height: 430px;\r\n\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transform: scale(1);\r\n\r\n    transition:\r\n        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),\r\n        filter 0.45s ease;\r\n}\r\n\r\n.hdm-taller-frame::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0, 27, 58, 0.32) 0%,\r\n            rgba(0, 27, 58, 0.05) 38%,\r\n            transparent 62%\r\n        );\r\n\r\n    z-index: 1;\r\n}\r\n\r\n.hdm-taller-badge {\r\n    position: absolute;\r\n    left: 24px;\r\n    bottom: 24px;\r\n\r\n    z-index: 3;\r\n\r\n    display: grid;\r\n    grid-template-columns: 46px auto;\r\n    align-items: stretch;\r\n\r\n    min-height: 46px;\r\n\r\n    background-color: #ffffff;\r\n    color: #002C5F;\r\n\r\n    border-radius: 1px;\r\n    border-left: 4px solid #35719E;\r\n\r\n    box-shadow:\r\n        7px 7px 0 rgba(0, 44, 95, 0.72);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.hdm-taller-badge-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 46px;\r\n    min-width: 46px;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n.hdm-taller-badge-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 9px 16px 8px;\r\n}\r\n\r\n.hdm-taller-badge-label {\r\n    margin-bottom: 3px;\r\n\r\n    color: #35719E;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hdm-taller-badge-title {\r\n    color: #002C5F;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hdm-taller-card:hover .hdm-taller-frame {\r\n    transform: translate(4px, 4px);\r\n\r\n    box-shadow:\r\n        0 9px 18px rgba(0, 44, 95, 0.12);\r\n}\r\n\r\n.hdm-taller-card:hover::before {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow:\r\n        0 14px 25px rgba(0, 44, 95, 0.16);\r\n}\r\n\r\n.hdm-taller-card:hover img {\r\n    transform: scale(1.035);\r\n    filter: brightness(0.96) contrast(1.02);\r\n}\r\n\r\n.hdm-taller-card:hover .hdm-taller-badge {\r\n    transform: translate(2px, 2px);\r\n\r\n    box-shadow:\r\n        4px 4px 0 rgba(0, 44, 95, 0.72);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hdm-taller-frame {\r\n        min-height: 380px;\r\n    }\r\n\r\n    .hdm-taller-frame img {\r\n        height: 380px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-taller-card {\r\n        max-width: 100%;\r\n        padding-right: 7px;\r\n        padding-bottom: 7px;\r\n    }\r\n\r\n    .hdm-taller-card::before {\r\n        top: 7px;\r\n        left: 7px;\r\n    }\r\n\r\n    .hdm-taller-frame {\r\n        min-height: 330px;\r\n    }\r\n\r\n    .hdm-taller-frame img {\r\n        height: 330px;\r\n    }\r\n\r\n    .hdm-taller-badge {\r\n        right: 18px;\r\n        bottom: 18px;\r\n        left: 18px;\r\n\r\n        grid-template-columns: 42px auto;\r\n\r\n        box-shadow:\r\n            5px 5px 0 rgba(0, 44, 95, 0.72);\r\n    }\r\n\r\n    .hdm-taller-badge-icon {\r\n        width: 42px;\r\n        min-width: 42px;\r\n    }\r\n\r\n    .hdm-taller-badge-content {\r\n        padding-right: 10px;\r\n        padding-left: 12px;\r\n    }\r\n\r\n    .hdm-taller-card:hover .hdm-taller-frame {\r\n        transform: translate(2px, 2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hdm-taller-frame {\r\n        min-height: 290px;\r\n    }\r\n\r\n    .hdm-taller-frame img {\r\n        height: 290px;\r\n    }\r\n\r\n    .hdm-taller-badge-title {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-taller-card::before,\r\n    .hdm-taller-frame,\r\n    .hdm-taller-frame img,\r\n    .hdm-taller-badge {\r\n        transition: none;\r\n    }\r\n\r\n    .hdm-taller-card:hover::before,\r\n    .hdm-taller-card:hover .hdm-taller-frame,\r\n    .hdm-taller-card:hover .hdm-taller-badge {\r\n        transform: none;\r\n    }\r\n\r\n    .hdm-taller-card:hover img {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-taller-card\">\r\n\r\n    <div class=\"hdm-taller-frame\">\r\n\r\n        <img\r\n            src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/06\/20210831_085752-768x576-1.jpg\"\r\n            alt=\"T\u00e9cnicos realizando servicio de taller Hyundai de Magna\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"hdm-taller-badge\">\r\n\r\n            <span\r\n                class=\"hdm-taller-badge-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                \u2713\r\n            <\/span>\r\n\r\n            <span class=\"hdm-taller-badge-content\">\r\n\r\n                <span class=\"hdm-taller-badge-label\">\r\n                    Servicio especializado\r\n                <\/span>\r\n\r\n                <span class=\"hdm-taller-badge-title\">\r\n                    T\u00e9cnicos certificados Hyundai\r\n                <\/span>\r\n\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4fe8207 e-con e-atomic-element e-flexbox-base e-4fe8207-b4cd771 \" data-id=\"4fe8207\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4fe8207\" data-e-type=\"e-flexbox\" data-id=\"4fe8207\">\n    \t\t<div class=\"elementor-element elementor-element-26fb2d8 elementor-widget elementor-widget-text-editor\" data-id=\"26fb2d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>SERVICIO POSTVENTA<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 data-interaction-id=\"10f53d4\" class=\"e-10f53d4-8cb98a8 e-heading-base\" data-e-type=\"widget\" data-id=\"10f53d4\"><strong>TALLER<\/strong><\/h2>\n\t\t\t\t\t<p class=\"e-2258a4f-06e9835 e-paragraph-base\" data-interaction-id=\"2258a4f\" data-e-type=\"widget\" data-id=\"2258a4f\"><strong>Servicio especializado para mantener tu flota operando sin interrupciones. <\/strong>Contamos con t\u00e9cnicos certificados, mantenimiento preventivo y correctivo, diagn\u00f3stico especializado  y atenci\u00f3n profesional para maximizar la vida \u00fatil de tus veh\u00edculos Hyundai.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0cc88b elementor-widget elementor-widget-html\" data-id=\"b0cc88b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-info-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 18px 26px;\r\n    margin: 24px 0 30px;\r\n}\r\n\r\n\/* Beneficio como texto, NO como bot\u00f3n *\/\r\n.hdm-info-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n\r\n    color: #002C5F;\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hdm-info-text {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* Solo el check lleva fondo *\/\r\n.hdm-info-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n    min-width: 18px;\r\n\r\n    border-radius: 50%;\r\n    background-color: #002C5F !important;\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-info-list {\r\n        justify-content: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .hdm-info-item {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-info-list\">\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Mantenimiento preventivo y correctivos<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Diagn\u00f3stico especializad<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Atenci\u00f3n para camiones y buses<\/span>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189602b elementor-widget elementor-widget-html\" data-id=\"189602b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-taller-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 24px;\r\n    margin-top: 28px;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n.hdm-taller-btn-main {\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    min-width: 230px;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-taller-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-taller-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        background-color 0.22s ease;\r\n}\r\n\r\n.hdm-taller-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition:\r\n        transform 0.22s ease;\r\n}\r\n\r\n.hdm-taller-btn-main:hover,\r\n.hdm-taller-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-taller-btn-main:hover .hdm-taller-btn-arrow,\r\n.hdm-taller-btn-main:focus .hdm-taller-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-taller-btn-main:hover .hdm-taller-btn-arrow span,\r\n.hdm-taller-btn-main:focus .hdm-taller-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.hdm-taller-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n.hdm-taller-btn-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 0 9px;\r\n\r\n    color: #002C5F;\r\n\r\n    border-bottom: 2px solid #002C5F;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.22s ease,\r\n        border-color 0.22s ease;\r\n}\r\n\r\n.hdm-taller-btn-link span {\r\n    display: inline-block;\r\n\r\n    font-size: 17px;\r\n\r\n    transition:\r\n        transform 0.22s ease;\r\n}\r\n\r\n.hdm-taller-btn-link:hover,\r\n.hdm-taller-btn-link:focus {\r\n    color: #35719E;\r\n    border-color: #35719E;\r\n}\r\n\r\n.hdm-taller-btn-link:hover span,\r\n.hdm-taller-btn-link:focus span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hdm-taller-btn-main:focus-visible,\r\n.hdm-taller-btn-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .hdm-taller-actions {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 22px;\r\n    }\r\n\r\n    .hdm-taller-btn-main {\r\n        width: calc(100% - 6px);\r\n    }\r\n\r\n    .hdm-taller-btn-link {\r\n        align-self: flex-start;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-taller-btn-main,\r\n    .hdm-taller-btn-arrow,\r\n    .hdm-taller-btn-arrow span,\r\n    .hdm-taller-btn-link,\r\n    .hdm-taller-btn-link span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-taller-actions\">\r\n\r\n    <a\r\n        class=\"hdm-taller-btn-main\"\r\n        href=\"tel:+50222242500\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Hablar con el taller Hyundai de Magna por WhatsApp\"\r\n    >\r\n        <span class=\"hdm-taller-btn-label\">\r\n            Hablar con taller\r\n        <\/span>\r\n\r\n        <span\r\n            class=\"hdm-taller-btn-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n    <a\r\n        class=\"hdm-taller-btn-link\"\r\n        href=\"\/taller\/\"\r\n    >\r\n        Conocer el taller\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec4a210 e-con-full hdm-stack-card hdm-stack-4 e-flex e-con e-parent\" data-id=\"ec4a210\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fa8c886 e-grid e-con-boxed e-con e-child\" data-id=\"fa8c886\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a0b26ad e-con e-atomic-element e-flexbox-base e-a0b26ad-f5af7b5 \" data-id=\"a0b26ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a0b26ad\" data-e-type=\"e-flexbox\" data-id=\"a0b26ad\">\n    \t\t<div class=\"elementor-element elementor-element-edc1531 elementor-widget elementor-widget-text-editor\" data-id=\"edc1531\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>REPUESTOS ORIGINALES<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 data-interaction-id=\"9ca9165\" class=\"e-9ca9165-4f63793 e-heading-base\" data-e-type=\"widget\" data-id=\"9ca9165\">REPUESTOS<\/h2>\n\t\t\t\t\t<p class=\"e-3fa49e7-f63c274 e-paragraph-base\" data-interaction-id=\"3fa49e7\" data-e-type=\"widget\" data-id=\"3fa49e7\"><strong>Repuestos originales Hyundai con calidad y disponibilidad garantizada. <\/strong>Protege el rendimiento de tu inversi\u00f3n con piezas dise\u00f1adas para camiones y buses Hyundai, respaldadas por Magna.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c99be2 elementor-widget elementor-widget-html\" data-id=\"7c99be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-info-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 18px 26px;\r\n    margin: 24px 0 30px;\r\n}\r\n\r\n.hdm-info-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n\r\n    color: #002C5F;\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hdm-info-text {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.hdm-info-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n    min-width: 18px;\r\n\r\n    border-radius: 50%;\r\n    background-color: #002C5F !important;\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-info-list {\r\n        justify-content: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .hdm-info-item {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-info-list\">\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Repuestos originales Hyundai<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Disponibilidad para camiones y buses<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hdm-info-item\">\r\n        <span class=\"hdm-info-icon\">\u2713<\/span>\r\n        <span class=\"hdm-info-text\">Respaldo y asesor\u00eda especializada<\/span>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fecb959 elementor-widget elementor-widget-html\" data-id=\"fecb959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-repuestos-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 24px;\r\n    margin-top: 28px;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n.hdm-repuestos-btn-main {\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    min-width: 265px;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-repuestos-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-repuestos-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        background-color 0.22s ease;\r\n}\r\n\r\n.hdm-repuestos-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition:\r\n        transform 0.22s ease;\r\n}\r\n\r\n.hdm-repuestos-btn-main:hover,\r\n.hdm-repuestos-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-repuestos-btn-main:hover .hdm-repuestos-btn-arrow,\r\n.hdm-repuestos-btn-main:focus .hdm-repuestos-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-repuestos-btn-main:hover .hdm-repuestos-btn-arrow span,\r\n.hdm-repuestos-btn-main:focus .hdm-repuestos-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.hdm-repuestos-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n.hdm-repuestos-btn-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 0 9px;\r\n\r\n    color: #002C5F;\r\n\r\n    border-bottom: 2px solid #002C5F;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.22s ease,\r\n        border-color 0.22s ease;\r\n}\r\n\r\n.hdm-repuestos-btn-link span {\r\n    display: inline-block;\r\n\r\n    font-size: 17px;\r\n\r\n    transition:\r\n        transform 0.22s ease;\r\n}\r\n\r\n.hdm-repuestos-btn-link:hover,\r\n.hdm-repuestos-btn-link:focus {\r\n    color: #35719E;\r\n    border-color: #35719E;\r\n}\r\n\r\n.hdm-repuestos-btn-link:hover span,\r\n.hdm-repuestos-btn-link:focus span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hdm-repuestos-btn-main:focus-visible,\r\n.hdm-repuestos-btn-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .hdm-repuestos-actions {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 22px;\r\n    }\r\n\r\n    .hdm-repuestos-btn-main {\r\n        width: calc(100% - 6px);\r\n        min-width: 0;\r\n    }\r\n\r\n    .hdm-repuestos-btn-link {\r\n        align-self: flex-start;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-repuestos-btn-main,\r\n    .hdm-repuestos-btn-arrow,\r\n    .hdm-repuestos-btn-arrow span,\r\n    .hdm-repuestos-btn-link,\r\n    .hdm-repuestos-btn-link span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-repuestos-actions\">\r\n\r\n    <a\r\n        class=\"hdm-repuestos-btn-main\"\r\n        href=\"tel:+50222242500\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Consultar disponibilidad de repuestos Hyundai por WhatsApp\"\r\n    >\r\n        <span class=\"hdm-repuestos-btn-label\">\r\n            Consultar disponibilidad\r\n        <\/span>\r\n\r\n        <span\r\n            class=\"hdm-repuestos-btn-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n    <a\r\n        class=\"hdm-repuestos-btn-link\"\r\n        href=\"\/repuestos\/\"\r\n    >\r\n        Conocer repuestos\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6b49d98 e-con e-atomic-element e-flexbox-base e-6b49d98-04ae853 \" data-id=\"6b49d98\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b49d98\" data-e-type=\"e-flexbox\" data-id=\"6b49d98\">\n    \t\t<div class=\"elementor-element elementor-element-34b539c elementor-widget elementor-widget-html\" data-id=\"34b539c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-repuestos-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    max-width: 620px;\r\n\r\n    padding-right: 9px;\r\n    padding-bottom: 9px;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n.hdm-repuestos-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 9px;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 9px;\r\n\r\n    z-index: -2;\r\n\r\n    background-color: #35719E;\r\n\r\n    box-shadow:\r\n        0 18px 30px rgba(0, 44, 95, 0.14);\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.hdm-repuestos-frame {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    height: 430px;\r\n\r\n    background-color: #EAF0F4;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.14);\r\n    border-radius: 2px;\r\n\r\n    box-shadow:\r\n        0 12px 24px rgba(0, 44, 95, 0.10);\r\n\r\n    transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.hdm-repuestos-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transform: scale(1);\r\n\r\n    transition:\r\n        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),\r\n        filter 0.45s ease;\r\n}\r\n\r\n.hdm-repuestos-frame::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0, 27, 58, 0.36) 0%,\r\n            rgba(0, 27, 58, 0.06) 38%,\r\n            transparent 64%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.hdm-repuestos-badge {\r\n    position: absolute;\r\n    left: 24px;\r\n    bottom: 24px;\r\n\r\n    z-index: 3;\r\n\r\n    display: grid;\r\n    grid-template-columns: 46px auto;\r\n    align-items: stretch;\r\n\r\n    min-height: 46px;\r\n\r\n    background-color: #ffffff;\r\n    color: #002C5F;\r\n\r\n    border-left: 4px solid #35719E;\r\n    border-radius: 1px;\r\n\r\n    box-shadow:\r\n        7px 7px 0 rgba(0, 44, 95, 0.72);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.hdm-repuestos-badge-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 46px;\r\n    min-width: 46px;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n.hdm-repuestos-badge-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 9px 16px 8px;\r\n}\r\n\r\n.hdm-repuestos-badge-label {\r\n    margin-bottom: 3px;\r\n\r\n    color: #35719E;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hdm-repuestos-badge-title {\r\n    color: #002C5F;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hdm-repuestos-card:hover .hdm-repuestos-frame {\r\n    transform: translate(4px, 4px);\r\n\r\n    box-shadow:\r\n        0 9px 18px rgba(0, 44, 95, 0.12);\r\n}\r\n\r\n.hdm-repuestos-card:hover::before {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow:\r\n        0 14px 25px rgba(0, 44, 95, 0.16);\r\n}\r\n\r\n.hdm-repuestos-card:hover img {\r\n    transform: scale(1.035);\r\n\r\n    filter:\r\n        brightness(0.96)\r\n        contrast(1.03);\r\n}\r\n\r\n.hdm-repuestos-card:hover .hdm-repuestos-badge {\r\n    transform: translate(2px, 2px);\r\n\r\n    box-shadow:\r\n        4px 4px 0 rgba(0, 44, 95, 0.72);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hdm-repuestos-frame {\r\n        height: 380px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-repuestos-card {\r\n        max-width: 100%;\r\n\r\n        padding-right: 7px;\r\n        padding-bottom: 7px;\r\n    }\r\n\r\n    .hdm-repuestos-card::before {\r\n        top: 7px;\r\n        left: 7px;\r\n    }\r\n\r\n    .hdm-repuestos-frame {\r\n        height: 340px;\r\n    }\r\n\r\n    .hdm-repuestos-badge {\r\n        right: 18px;\r\n        bottom: 18px;\r\n        left: 18px;\r\n\r\n        grid-template-columns: 42px auto;\r\n\r\n        box-shadow:\r\n            5px 5px 0 rgba(0, 44, 95, 0.72);\r\n    }\r\n\r\n    .hdm-repuestos-badge-icon {\r\n        width: 42px;\r\n        min-width: 42px;\r\n    }\r\n\r\n    .hdm-repuestos-badge-content {\r\n        padding-right: 10px;\r\n        padding-left: 12px;\r\n    }\r\n\r\n    .hdm-repuestos-card:hover .hdm-repuestos-frame {\r\n        transform: translate(2px, 2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hdm-repuestos-frame {\r\n        height: 300px;\r\n    }\r\n\r\n    .hdm-repuestos-badge-title {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-repuestos-card::before,\r\n    .hdm-repuestos-frame,\r\n    .hdm-repuestos-frame img,\r\n    .hdm-repuestos-badge {\r\n        transition: none;\r\n    }\r\n\r\n    .hdm-repuestos-card:hover::before,\r\n    .hdm-repuestos-card:hover .hdm-repuestos-frame,\r\n    .hdm-repuestos-card:hover .hdm-repuestos-badge {\r\n        transform: none;\r\n    }\r\n\r\n    .hdm-repuestos-card:hover img {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-repuestos-card\">\r\n\r\n    <div class=\"hdm-repuestos-frame\">\r\n\r\n        <img\r\n            src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/06\/WEBSITE_FOTO_REPUESTOS-tinified-768x768-1.png\"\r\n            alt=\"Repuestos originales Hyundai disponibles en Hyundai de Magna\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"hdm-repuestos-badge\">\r\n\r\n            <span\r\n                class=\"hdm-repuestos-badge-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                \u2713\r\n            <\/span>\r\n\r\n            <span class=\"hdm-repuestos-badge-content\">\r\n\r\n                <span class=\"hdm-repuestos-badge-label\">\r\n                    Respaldo posventa\r\n                <\/span>\r\n\r\n                <span class=\"hdm-repuestos-badge-title\">\r\n                    Repuestos originales Hyundai\r\n                <\/span>\r\n\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-648efcc e-grid e-con-boxed e-con e-parent\" data-id=\"648efcc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2a302b6 e-con e-atomic-element e-div-block-base e-2a302b6-d0f2f8d \" data-id=\"2a302b6\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2a302b6\" data-e-type=\"e-div-block\" data-id=\"2a302b6\">\n    <div class=\"elementor-element elementor-element-fc31976 e-con e-atomic-element e-div-block-base e-fc31976-913afc2 \" data-id=\"fc31976\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"fc31976\" data-e-type=\"e-div-block\" data-id=\"fc31976\">\n    \t\t<div class=\"elementor-element elementor-element-4a5213d elementor-widget elementor-widget-spacer\" data-id=\"4a5213d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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\t<img decoding=\"async\" class=\"e-image-base e-b06255a-509176b\" data-interaction-id=\"b06255a\" data-e-type=\"widget\" data-id=\"b06255a\" id=\"70\" src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/06\/magna-logo@2x.png\" width=\"265\" height=\"59\" srcset=\"\" alt=\"\"\/>\t\t\t\t<div class=\"elementor-element elementor-element-0aa6cad elementor-widget elementor-widget-spacer\" data-id=\"0aa6cad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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\t<h2 data-interaction-id=\"e05d3ce\" class=\"e-e05d3ce-1166b41 e-heading-base\" data-e-type=\"widget\" data-id=\"e05d3ce\">Soluciones de transporte comercial para <br>empresas guatemaltecas.<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-90c9a4a elementor-widget elementor-widget-spacer\" data-id=\"90c9a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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 class=\"elementor-element elementor-element-191cd30 elementor-widget elementor-widget-html\" data-id=\"191cd30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-magna-btn {\r\n    box-sizing: border-box;\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    min-width: 225px;\r\n    padding: 0;\r\n\r\n    background-color: #ffffff;\r\n    color: #002C5F;\r\n\r\n    border: 1px solid #ffffff;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease,\r\n        background-color 0.22s ease,\r\n        color 0.22s ease;\r\n}\r\n\r\n.hdm-magna-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-magna-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(0, 44, 95, 0.18);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        background-color 0.22s ease;\r\n}\r\n\r\n.hdm-magna-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition:\r\n        transform 0.22s ease;\r\n}\r\n\r\n\/* Hover 2.5D *\/\r\n.hdm-magna-btn:hover,\r\n.hdm-magna-btn:focus {\r\n    background-color: #F4F7FA;\r\n    color: #002C5F;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-magna-btn:hover .hdm-magna-btn-arrow,\r\n.hdm-magna-btn:focus .hdm-magna-btn-arrow {\r\n    background-color: rgba(0, 44, 95, 0.06);\r\n}\r\n\r\n.hdm-magna-btn:hover .hdm-magna-btn-arrow span,\r\n.hdm-magna-btn:focus .hdm-magna-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Sensaci\u00f3n de presi\u00f3n *\/\r\n.hdm-magna-btn:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n\/* Navegaci\u00f3n con teclado *\/\r\n.hdm-magna-btn:focus-visible {\r\n    outline: 3px solid rgba(255, 255, 255, 0.45);\r\n    outline-offset: 6px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .hdm-magna-btn {\r\n        width: calc(100% - 6px);\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-magna-btn,\r\n    .hdm-magna-btn-arrow,\r\n    .hdm-magna-btn-arrow span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<a\r\n    class=\"hdm-magna-btn\"\r\n    href=\"https:\/\/magna.com.do\/\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"Conocer m\u00e1s sobre Grupo Magna\"\r\n>\r\n    <span class=\"hdm-magna-btn-label\">\r\n        Conocer Grupo Magna\r\n    <\/span>\r\n\r\n    <span\r\n        class=\"hdm-magna-btn-arrow\"\r\n        aria-hidden=\"true\"\r\n    >\r\n        <span>\u2192<\/span>\r\n    <\/span>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-dbecc42 e-con e-atomic-element e-div-block-base \" data-id=\"dbecc42\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"dbecc42\" data-e-type=\"e-div-block\" data-id=\"dbecc42\">\n    \t\t<div class=\"elementor-element elementor-element-54266df elementor-widget elementor-widget-text-editor\" data-id=\"54266df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-pm-slice=\"0 0 []\">RESPALDO DE MAGNA<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 data-interaction-id=\"684bce0\" class=\"e-684bce0-6de6df4 e-heading-base\" data-e-type=\"widget\" data-id=\"684bce0\">Confianza, servicio y respaldo para tu negocio<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bff150 elementor-widget elementor-widget-spacer\" data-id=\"0bff150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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\t<p class=\"e-d64fe49-ede7fee e-paragraph-base\" data-interaction-id=\"d64fe49\" data-e-type=\"widget\" data-id=\"d64fe49\">En Magna trabajamos para que cada cliente cuente con veh\u00edculos confiables,  servicio especializado y el respaldo necesario para hacer crecer su negocio.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-124bb4e elementor-widget elementor-widget-spacer\" data-id=\"124bb4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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\t<p class=\"e-ca214f6-25d246d e-paragraph-base\" data-interaction-id=\"ca214f6\" data-e-type=\"widget\" data-id=\"ca214f6\">En 2017, Magna obtuvo los derechos de distribuci\u00f3n de Hyundai Camiones y Buses en Guatemala, iniciando operaciones con una sala de exposiciones y un taller preparado para ofrecer cobertura de servicio a nivel nacional.<\/p>\n\t\t<div class=\"elementor-element elementor-element-fbac13f e-grid e-con-full e-con e-parent\" data-id=\"fbac13f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8e5078 elementor-widget elementor-widget-html\" data-id=\"a8e5078\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n.hdm-magna-carousel,\r\n.hdm-magna-carousel * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-magna-carousel {\r\n    width: 100%;\r\n    max-width: 520px;\r\n    margin: 28px 0 0;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* Ventana visible *\/\r\n.hdm-magna-carousel-viewport {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 5px 0 12px;\r\n\r\n    overflow: hidden;\r\n\r\n    outline: none;\r\n    touch-action: pan-y;\r\n}\r\n\r\n\/* Contenedor desplazable *\/\r\n.hdm-magna-carousel-track {\r\n    display: flex;\r\n    align-items: stretch;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    gap: 0;\r\n\r\n    transform: translate3d(0, 0, 0);\r\n    will-change: transform;\r\n\r\n    transition:\r\n        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\/* Cada diapositiva ocupa todo el ancho *\/\r\n.hdm-magna-carousel-slide {\r\n    flex: 0 0 100%;\r\n\r\n    width: 100%;\r\n    min-width: 100%;\r\n    max-width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* =====================================================\r\n   TARJETAS\r\n   ===================================================== *\/\r\n\r\n.hdm-magna-benefit-card {\r\n    width: 100%;\r\n    min-height: 145px;\r\n    padding: 24px 26px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 54px minmax(0, 1fr);\r\n    align-items: center;\r\n    gap: 20px;\r\n\r\n    border: 1.5px solid rgba(170, 214, 240, 0.75);\r\n    border-radius: 16px;\r\n\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n    color: #ffffff;\r\n\r\n    transition:\r\n        background-color 0.28s ease,\r\n        border-color 0.28s ease,\r\n        box-shadow 0.28s ease;\r\n}\r\n\r\n.hdm-magna-benefit-card:hover {\r\n    background-color: rgba(255, 255, 255, 0.14);\r\n    border-color: rgba(255, 255, 255, 0.90);\r\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.17);\r\n}\r\n\r\n\/* Tarjeta de cobertura con bot\u00f3n *\/\r\n.hdm-magna-benefit-card--location {\r\n    grid-template-columns: 54px minmax(0, 1fr) auto;\r\n    gap: 18px;\r\n}\r\n\r\n\/* =====================================================\r\n   \u00cdCONOS\r\n   ===================================================== *\/\r\n\r\n.hdm-magna-benefit-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n    background-color: rgba(255, 255, 255, 0.10);\r\n    color: #ffffff;\r\n\r\n    transition:\r\n        transform 0.28s ease,\r\n        background-color 0.28s ease;\r\n}\r\n\r\n.hdm-magna-benefit-card:hover .hdm-magna-benefit-icon {\r\n    transform: scale(1.07);\r\n    background-color: rgba(255, 255, 255, 0.17);\r\n}\r\n\r\n.hdm-magna-benefit-icon img {\r\n    display: block !important;\r\n\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n\r\n    object-fit: contain;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* Convierte a blanco los \u00edconos oscuros *\/\r\n.hdm-magna-benefit-icon img.hdm-icon-invert {\r\n    filter: brightness(0) invert(1);\r\n}\r\n\r\n.hdm-magna-benefit-icon svg {\r\n    display: block !important;\r\n\r\n    width: 36px !important;\r\n    height: 36px !important;\r\n\r\n    color: inherit !important;\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n.hdm-magna-benefit-icon svg path {\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n}\r\n\r\n\/* =====================================================\r\n   TEXTOS\r\n   ===================================================== *\/\r\n\r\n.hdm-magna-benefit-content {\r\n    min-width: 0;\r\n    text-align: left;\r\n}\r\n\r\n.hdm-magna-benefit-title {\r\n    margin: 0 0 8px !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.2px;\r\n}\r\n\r\n.hdm-magna-benefit-description {\r\n    margin: 0 !important;\r\n\r\n    color: rgba(255, 255, 255, 0.96) !important;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n}\r\n\r\n\/* =====================================================\r\n   BOT\u00d3N VER UBICACI\u00d3N\r\n   ESTILO BLANCO 2.5D\r\n   ===================================================== *\/\r\n\r\n.hdm-magna-carousel .hdm-magna-location-btn {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    min-width: 180px;\r\n    min-height: 44px;\r\n\r\n    margin: 0 6px 6px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    background-color: #ffffff !important;\r\n    color: #002C5F !important;\r\n\r\n    border: 1px solid #ffffff !important;\r\n    border-radius: 2px !important;\r\n\r\n    box-shadow: 6px 6px 0 #35719E !important;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease,\r\n        background-color 0.22s ease,\r\n        color 0.22s ease;\r\n}\r\n\r\n.hdm-magna-location-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1;\r\n\r\n    padding: 14px 17px;\r\n}\r\n\r\n.hdm-magna-location-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 44px;\r\n    min-width: 44px;\r\n\r\n    border-left: 1px solid rgba(0, 44, 95, 0.18);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        background-color 0.22s ease;\r\n}\r\n\r\n.hdm-magna-location-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition:\r\n        transform 0.22s ease;\r\n}\r\n\r\n\/* Hover 2.5D *\/\r\n.hdm-magna-carousel .hdm-magna-location-btn:hover,\r\n.hdm-magna-carousel .hdm-magna-location-btn:focus {\r\n    background-color: #F4F7FA !important;\r\n    color: #002C5F !important;\r\n\r\n    transform: translate(3px, 3px);\r\n\r\n    box-shadow: 3px 3px 0 #35719E !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n.hdm-magna-location-btn:hover\r\n.hdm-magna-location-btn-arrow,\r\n.hdm-magna-location-btn:focus\r\n.hdm-magna-location-btn-arrow {\r\n    background-color: rgba(0, 44, 95, 0.06);\r\n}\r\n\r\n.hdm-magna-location-btn:hover\r\n.hdm-magna-location-btn-arrow span,\r\n.hdm-magna-location-btn:focus\r\n.hdm-magna-location-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Sensaci\u00f3n de presi\u00f3n *\/\r\n.hdm-magna-carousel .hdm-magna-location-btn:active {\r\n    transform: translate(6px, 6px);\r\n\r\n    box-shadow: 0 0 0 #35719E !important;\r\n}\r\n\r\n\/* Navegaci\u00f3n con teclado *\/\r\n.hdm-magna-carousel .hdm-magna-location-btn:focus-visible {\r\n    outline: 3px solid rgba(255, 255, 255, 0.45) !important;\r\n    outline-offset: 6px;\r\n}\r\n\r\n\/* =====================================================\r\n   INDICADORES\r\n   ===================================================== *\/\r\n\r\n.hdm-magna-carousel-dots {\r\n    width: 100%;\r\n    margin-top: 8px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n}\r\n\r\n\/* Reset para evitar estilos globales de Elementor *\/\r\n.hdm-magna-carousel .hdm-magna-carousel-dot {\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    display: block !important;\r\n\r\n    width: 7px !important;\r\n    height: 7px !important;\r\n\r\n    min-width: 7px !important;\r\n    min-height: 7px !important;\r\n    max-width: none !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    border: 0 !important;\r\n    border-radius: 999px !important;\r\n\r\n    background: rgba(255, 255, 255, 0.38) !important;\r\n    box-shadow: none !important;\r\n\r\n    color: transparent !important;\r\n\r\n    font-size: 0 !important;\r\n    line-height: 0 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width 0.25s ease,\r\n        background-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n.hdm-magna-carousel .hdm-magna-carousel-dot:hover {\r\n    transform: scale(1.2);\r\n\r\n    background: rgba(255, 255, 255, 0.72) !important;\r\n}\r\n\r\n.hdm-magna-carousel .hdm-magna-carousel-dot.is-active {\r\n    width: 20px !important;\r\n\r\n    background: #ffffff !important;\r\n}\r\n\r\n.hdm-magna-carousel .hdm-magna-carousel-dot:focus-visible {\r\n    outline: 2px solid rgba(255, 255, 255, 0.75) !important;\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* =====================================================\r\n   TABLET\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .hdm-magna-carousel {\r\n        max-width: 100%;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .hdm-magna-benefit-card {\r\n        min-height: 145px;\r\n        padding: 22px;\r\n\r\n        grid-template-columns: 50px minmax(0, 1fr);\r\n        gap: 17px;\r\n    }\r\n\r\n    .hdm-magna-benefit-card--location {\r\n        min-height: 205px;\r\n\r\n        grid-template-columns: 50px minmax(0, 1fr);\r\n        gap: 15px 17px;\r\n    }\r\n\r\n    .hdm-magna-benefit-card--location\r\n    .hdm-magna-location-btn {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n\r\n        min-width: 180px;\r\n        margin-top: 3px !important;\r\n    }\r\n\r\n    .hdm-magna-benefit-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .hdm-magna-benefit-icon img {\r\n        width: 35px !important;\r\n        height: 35px !important;\r\n    }\r\n\r\n    .hdm-magna-benefit-icon svg {\r\n        width: 34px !important;\r\n        height: 34px !important;\r\n    }\r\n\r\n    .hdm-magna-benefit-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .hdm-magna-benefit-description {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* =====================================================\r\n   M\u00d3VIL\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n    .hdm-magna-benefit-card {\r\n        min-height: 165px;\r\n        padding: 22px 20px;\r\n\r\n        grid-template-columns: 46px minmax(0, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .hdm-magna-benefit-card--location {\r\n        min-height: 210px;\r\n\r\n        grid-template-columns: 46px minmax(0, 1fr);\r\n        gap: 14px 15px;\r\n    }\r\n\r\n    .hdm-magna-benefit-card--location\r\n    .hdm-magna-location-btn {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n\r\n        width: calc(100% - 6px);\r\n        min-width: 0;\r\n        max-width: 205px;\r\n    }\r\n\r\n    .hdm-magna-benefit-icon {\r\n        width: 46px;\r\n        height: 46px;\r\n    }\r\n\r\n    .hdm-magna-benefit-icon img {\r\n        width: 32px !important;\r\n        height: 32px !important;\r\n    }\r\n\r\n    .hdm-magna-benefit-icon svg {\r\n        width: 31px !important;\r\n        height: 31px !important;\r\n    }\r\n\r\n    .hdm-magna-benefit-title {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .hdm-magna-benefit-description {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .hdm-magna-carousel .hdm-magna-location-btn {\r\n        min-height: 42px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n    .hdm-magna-location-btn-label {\r\n        padding: 13px 15px;\r\n    }\r\n\r\n    .hdm-magna-location-btn-arrow {\r\n        width: 42px;\r\n        min-width: 42px;\r\n    }\r\n\r\n    .hdm-magna-carousel-dots {\r\n        margin-top: 6px;\r\n        gap: 7px;\r\n    }\r\n}\r\n\r\n\/* =====================================================\r\n   REDUCCI\u00d3N DE MOVIMIENTO\r\n   ===================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-magna-carousel-track,\r\n    .hdm-magna-benefit-card,\r\n    .hdm-magna-benefit-icon,\r\n    .hdm-magna-carousel-dot,\r\n    .hdm-magna-location-btn,\r\n    .hdm-magna-location-btn-arrow,\r\n    .hdm-magna-location-btn-arrow span {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div\r\n    class=\"hdm-magna-carousel\"\r\n    data-autoplay=\"true\"\r\n    data-delay=\"5500\"\r\n>\r\n    <div\r\n        class=\"hdm-magna-carousel-viewport\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Beneficios de Magna\"\r\n    >\r\n        <div class=\"hdm-magna-carousel-track\">\r\n\r\n            <!-- BENEFICIO 1 -->\r\n            <div\r\n                class=\"hdm-magna-carousel-slide\"\r\n                aria-hidden=\"false\"\r\n            >\r\n                <article class=\"hdm-magna-benefit-card\">\r\n\r\n                    <div\r\n                        class=\"hdm-magna-benefit-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/POTENCIA.png\"\r\n                            alt=\"\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"hdm-magna-benefit-content\">\r\n                        <h3 class=\"hdm-magna-benefit-title\">\r\n                            M\u00e1s de 50 a\u00f1os de experiencia\r\n                        <\/h3>\r\n\r\n                        <p class=\"hdm-magna-benefit-description\">\r\n                            Impulsando el transporte comercial en Guatemala.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n            <\/div>\r\n\r\n            <!-- BENEFICIO 2 -->\r\n            <div\r\n                class=\"hdm-magna-carousel-slide\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <article class=\"hdm-magna-benefit-card\">\r\n\r\n                    <div\r\n                        class=\"hdm-magna-benefit-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/VEHICULO.png\"\r\n                            alt=\"\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"hdm-magna-benefit-content\">\r\n                        <h3 class=\"hdm-magna-benefit-title\">\r\n                            Distribuidor oficial Hyundai\r\n                        <\/h3>\r\n\r\n                        <p class=\"hdm-magna-benefit-description\">\r\n                            Camiones y buses Hyundai para empresas guatemaltecas.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n            <\/div>\r\n\r\n            <!-- BENEFICIO 3: COBERTURA NACIONAL -->\r\n            <div\r\n                class=\"hdm-magna-carousel-slide\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <article\r\n                    class=\"hdm-magna-benefit-card hdm-magna-benefit-card--location\"\r\n                >\r\n\r\n                    <div\r\n                        class=\"hdm-magna-benefit-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <img decoding=\"async\"\r\n                            class=\"hdm-icon-invert\"\r\n                            src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/UBICACIONB.png\"\r\n                            alt=\"\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"hdm-magna-benefit-content\">\r\n                        <h3 class=\"hdm-magna-benefit-title\">\r\n                            Cobertura nacional\r\n                        <\/h3>\r\n\r\n                        <p class=\"hdm-magna-benefit-description\">\r\n                            Servicio y atenci\u00f3n para clientes en todo el pa\u00eds.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <a\r\n                        class=\"hdm-magna-location-btn\"\r\n                        href=\"https:\/\/www.waze.com\/live-map\/directions\/hyundai-de-magna-calzada-roosevelt-51-25-zona-2,-mixco?utm_campaign=waze_website&amp;utm_source=waze_website&amp;utm_medium=lm_share_location&amp;to=place.w.176554130.1765606839.3526377\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                        aria-label=\"Ver ubicaci\u00f3n de Hyundai de Magna en Waze\"\r\n                    >\r\n                        <span class=\"hdm-magna-location-btn-label\">\r\n                            Ver ubicaci\u00f3n\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"hdm-magna-location-btn-arrow\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <span>\u2192<\/span>\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/article>\r\n            <\/div>\r\n\r\n            <!-- BENEFICIO 4 -->\r\n            <div\r\n                class=\"hdm-magna-carousel-slide\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <article class=\"hdm-magna-benefit-card\">\r\n\r\n                    <div\r\n                        class=\"hdm-magna-benefit-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            focusable=\"false\"\r\n                        >\r\n                            <path d=\"M22.7 19.3L16.3 12.9C16.9 11.1 16.5 9.1 15.1 7.7C13.6 6.2 11.4 5.9 9.6 6.8L12.7 9.9L9.9 12.7L6.7 9.5C5.8 11.3 6.1 13.5 7.6 15C9 16.4 11.1 16.8 12.9 16.1L19.3 22.5C19.7 22.9 20.3 22.9 20.7 22.5L22.7 20.5C23.1 20.1 23.1 19.7 22.7 19.3ZM5 2C3.34 2 2 3.34 2 5C2 6.66 3.34 8 5 8C6.66 8 8 6.66 8 5C8 3.34 6.66 2 5 2Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"hdm-magna-benefit-content\">\r\n                        <h3 class=\"hdm-magna-benefit-title\">\r\n                            Servicio postventa especializado\r\n                        <\/h3>\r\n\r\n                        <p class=\"hdm-magna-benefit-description\">\r\n                            Taller, repuestos y asesor\u00eda t\u00e9cnica especializada.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- INDICADORES -->\r\n    <div\r\n        class=\"hdm-magna-carousel-dots\"\r\n        role=\"tablist\"\r\n        aria-label=\"Seleccionar beneficio\"\r\n    >\r\n        <button\r\n            class=\"hdm-magna-carousel-dot is-active\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-label=\"Mostrar beneficio 1\"\r\n            aria-selected=\"true\"\r\n            data-slide=\"0\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"hdm-magna-carousel-dot\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-label=\"Mostrar beneficio 2\"\r\n            aria-selected=\"false\"\r\n            data-slide=\"1\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"hdm-magna-carousel-dot\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-label=\"Mostrar beneficio 3\"\r\n            aria-selected=\"false\"\r\n            data-slide=\"2\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"hdm-magna-carousel-dot\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-label=\"Mostrar beneficio 4\"\r\n            aria-selected=\"false\"\r\n            data-slide=\"3\"\r\n        ><\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initializeMagnaCarousels() {\r\n        const carousels = document.querySelectorAll(\r\n            \".hdm-magna-carousel:not([data-hdm-initialized])\"\r\n        );\r\n\r\n        carousels.forEach(function (carousel) {\r\n            carousel.setAttribute(\r\n                \"data-hdm-initialized\",\r\n                \"true\"\r\n            );\r\n\r\n            const viewport = carousel.querySelector(\r\n                \".hdm-magna-carousel-viewport\"\r\n            );\r\n\r\n            const track = carousel.querySelector(\r\n                \".hdm-magna-carousel-track\"\r\n            );\r\n\r\n            const slides = Array.from(\r\n                carousel.querySelectorAll(\r\n                    \".hdm-magna-carousel-slide\"\r\n                )\r\n            );\r\n\r\n            const dots = Array.from(\r\n                carousel.querySelectorAll(\r\n                    \".hdm-magna-carousel-dot\"\r\n                )\r\n            );\r\n\r\n            if (!viewport || !track || slides.length === 0) {\r\n                return;\r\n            }\r\n\r\n            const autoplayEnabled =\r\n                carousel.dataset.autoplay !== \"false\";\r\n\r\n            const configuredDelay = parseInt(\r\n                carousel.dataset.delay,\r\n                10\r\n            );\r\n\r\n            const autoplayDelay =\r\n                Number.isFinite(configuredDelay) &&\r\n                configuredDelay >= 2500\r\n                    ? configuredDelay\r\n                    : 5500;\r\n\r\n            const reducedMotion = window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n            let currentIndex = 0;\r\n            let autoplayTimer = null;\r\n            let touchStartX = 0;\r\n            let touchEndX = 0;\r\n\r\n            function normalizeIndex(index) {\r\n                if (index < 0) {\r\n                    return slides.length - 1;\r\n                }\r\n\r\n                if (index >= slides.length) {\r\n                    return 0;\r\n                }\r\n\r\n                return index;\r\n            }\r\n\r\n            function updateInteractiveElements() {\r\n                slides.forEach(function (slide, slideIndex) {\r\n                    const interactiveElements =\r\n                        slide.querySelectorAll(\r\n                            \"a, button, input, select, textarea, [tabindex]\"\r\n                        );\r\n\r\n                    interactiveElements.forEach(function (element) {\r\n                        if (slideIndex === currentIndex) {\r\n                            element.removeAttribute(\"tabindex\");\r\n                        } else {\r\n                            element.setAttribute(\"tabindex\", \"-1\");\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n\r\n            function showSlide(index) {\r\n                currentIndex = normalizeIndex(index);\r\n\r\n                track.style.transform =\r\n                    \"translate3d(-\" +\r\n                    currentIndex * 100 +\r\n                    \"%, 0, 0)\";\r\n\r\n                slides.forEach(function (\r\n                    slide,\r\n                    slideIndex\r\n                ) {\r\n                    const isCurrent =\r\n                        slideIndex === currentIndex;\r\n\r\n                    slide.setAttribute(\r\n                        \"aria-hidden\",\r\n                        isCurrent ? \"false\" : \"true\"\r\n                    );\r\n                });\r\n\r\n                dots.forEach(function (\r\n                    dot,\r\n                    dotIndex\r\n                ) {\r\n                    const isCurrent =\r\n                        dotIndex === currentIndex;\r\n\r\n                    dot.classList.toggle(\r\n                        \"is-active\",\r\n                        isCurrent\r\n                    );\r\n\r\n                    dot.setAttribute(\r\n                        \"aria-selected\",\r\n                        isCurrent ? \"true\" : \"false\"\r\n                    );\r\n                });\r\n\r\n                updateInteractiveElements();\r\n            }\r\n\r\n            function stopAutoplay() {\r\n                if (autoplayTimer !== null) {\r\n                    window.clearInterval(autoplayTimer);\r\n                    autoplayTimer = null;\r\n                }\r\n            }\r\n\r\n            function startAutoplay() {\r\n                stopAutoplay();\r\n\r\n                if (\r\n                    !autoplayEnabled ||\r\n                    reducedMotion.matches ||\r\n                    slides.length <= 1\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                autoplayTimer = window.setInterval(\r\n                    function () {\r\n                        showSlide(currentIndex + 1);\r\n                    },\r\n                    autoplayDelay\r\n                );\r\n            }\r\n\r\n            function restartAutoplay() {\r\n                stopAutoplay();\r\n                startAutoplay();\r\n            }\r\n\r\n            dots.forEach(function (dot) {\r\n                dot.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n                        const selectedIndex = parseInt(\r\n                            dot.dataset.slide,\r\n                            10\r\n                        );\r\n\r\n                        if (Number.isFinite(selectedIndex)) {\r\n                            showSlide(selectedIndex);\r\n                            restartAutoplay();\r\n                        }\r\n                    }\r\n                );\r\n            });\r\n\r\n            carousel.addEventListener(\r\n                \"mouseenter\",\r\n                stopAutoplay\r\n            );\r\n\r\n            carousel.addEventListener(\r\n                \"mouseleave\",\r\n                startAutoplay\r\n            );\r\n\r\n            carousel.addEventListener(\r\n                \"focusin\",\r\n                stopAutoplay\r\n            );\r\n\r\n            carousel.addEventListener(\r\n                \"focusout\",\r\n                function () {\r\n                    window.setTimeout(function () {\r\n                        if (\r\n                            !carousel.contains(\r\n                                document.activeElement\r\n                            )\r\n                        ) {\r\n                            startAutoplay();\r\n                        }\r\n                    }, 0);\r\n                }\r\n            );\r\n\r\n            viewport.addEventListener(\r\n                \"keydown\",\r\n                function (event) {\r\n                    if (event.key === \"ArrowLeft\") {\r\n                        event.preventDefault();\r\n\r\n                        showSlide(currentIndex - 1);\r\n                        restartAutoplay();\r\n                    }\r\n\r\n                    if (event.key === \"ArrowRight\") {\r\n                        event.preventDefault();\r\n\r\n                        showSlide(currentIndex + 1);\r\n                        restartAutoplay();\r\n                    }\r\n\r\n                    if (event.key === \"Home\") {\r\n                        event.preventDefault();\r\n\r\n                        showSlide(0);\r\n                        restartAutoplay();\r\n                    }\r\n\r\n                    if (event.key === \"End\") {\r\n                        event.preventDefault();\r\n\r\n                        showSlide(slides.length - 1);\r\n                        restartAutoplay();\r\n                    }\r\n                }\r\n            );\r\n\r\n            viewport.addEventListener(\r\n                \"touchstart\",\r\n                function (event) {\r\n                    touchStartX =\r\n                        event.changedTouches[0].clientX;\r\n\r\n                    stopAutoplay();\r\n                },\r\n                { passive: true }\r\n            );\r\n\r\n            viewport.addEventListener(\r\n                \"touchend\",\r\n                function (event) {\r\n                    touchEndX =\r\n                        event.changedTouches[0].clientX;\r\n\r\n                    const movement =\r\n                        touchEndX - touchStartX;\r\n\r\n                    if (Math.abs(movement) > 45) {\r\n                        if (movement < 0) {\r\n                            showSlide(currentIndex + 1);\r\n                        } else {\r\n                            showSlide(currentIndex - 1);\r\n                        }\r\n                    }\r\n\r\n                    startAutoplay();\r\n                },\r\n                { passive: true }\r\n            );\r\n\r\n            if (\r\n                typeof reducedMotion.addEventListener ===\r\n                \"function\"\r\n            ) {\r\n                reducedMotion.addEventListener(\r\n                    \"change\",\r\n                    startAutoplay\r\n                );\r\n            }\r\n\r\n            showSlide(0);\r\n            startAutoplay();\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initializeMagnaCarousels\r\n        );\r\n    } else {\r\n        initializeMagnaCarousels();\r\n    }\r\n\r\n    \/* Compatibilidad con la vista previa de Elementor *\/\r\n    window.addEventListener(\r\n        \"elementor\/frontend\/init\",\r\n        function () {\r\n            window.setTimeout(\r\n                initializeMagnaCarousels,\r\n                300\r\n            );\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<div class=\"elementor-element elementor-element-eb2e78a elementor-widget elementor-widget-spacer\" data-id=\"eb2e78a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-536aa96 e-flex e-con-boxed e-con e-parent\" data-id=\"536aa96\" data-element_type=\"container\" data-e-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-f18b90f elementor-widget elementor-widget-text-editor\" data-id=\"f18b90f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-pm-slice=\"0 0 []\">ESTAMOS PARA AYUDARTE<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45d5f46 elementor-widget elementor-widget-heading\" data-id=\"45d5f46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contacto<\/h2>\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-12626c5 e-grid e-con-boxed e-con e-parent\" data-id=\"12626c5\" data-element_type=\"container\" data-e-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<div class=\"elementor-element elementor-element-a96ee46 e-con-full e-flex e-con e-child\" data-id=\"a96ee46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94accd6 elementor-widget elementor-widget-html\" data-id=\"94accd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-phone-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 360px;\r\n    min-height: 300px;\r\n    margin: 0 auto;\r\n    padding: 34px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.10);\r\n    border-radius: 28px;\r\n    background-color: #ffffff;\r\n    box-shadow: 0 16px 34px rgba(0, 44, 95, 0.09);\r\n\r\n    text-align: center;\r\n    overflow: hidden;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n.hdm-phone-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    opacity: 0;\r\n    pointer-events: none;\r\n\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.hdm-phone-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 44, 95, 0.22);\r\n    box-shadow: 0 26px 52px rgba(0, 44, 95, 0.15);\r\n}\r\n\r\n.hdm-phone-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.hdm-phone-icon,\r\n.hdm-phone-label,\r\n.hdm-phone-value,\r\n.hdm-phone-btn-main {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u00cdcono de tel\u00e9fono *\/\r\n.hdm-phone-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    min-width: 58px;\r\n    min-height: 58px;\r\n    margin: 0 auto 20px;\r\n\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n    background-color: #F1F5F9;\r\n    color: #002C5F;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background-color 0.3s ease,\r\n        color 0.3s ease;\r\n}\r\n\r\n.hdm-phone-icon svg {\r\n    display: block !important;\r\n\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n\r\n    color: inherit !important;\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    overflow: visible;\r\n}\r\n\r\n.hdm-phone-icon svg path {\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n.hdm-phone-card:hover .hdm-phone-icon {\r\n    transform: scale(1.08);\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.hdm-phone-label {\r\n    margin: 0 0 8px;\r\n\r\n    color: #35719E;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* N\u00famero telef\u00f3nico *\/\r\n.hdm-phone-value {\r\n    margin: 0 0 22px;\r\n\r\n    color: #002C5F;\r\n\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n}\r\n\r\n\/* Bot\u00f3n principal *\/\r\n.hdm-phone-btn-main {\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n    max-width: 265px;\r\n    min-height: 48px;\r\n\r\n    margin: 0 6px 6px 0;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-phone-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1;\r\n\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-phone-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition: background-color 0.22s ease;\r\n}\r\n\r\n.hdm-phone-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n\/* Efecto hover *\/\r\n.hdm-phone-btn-main:hover,\r\n.hdm-phone-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n.hdm-phone-btn-main:hover .hdm-phone-btn-arrow,\r\n.hdm-phone-btn-main:focus .hdm-phone-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-phone-btn-main:hover .hdm-phone-btn-arrow span,\r\n.hdm-phone-btn-main:focus .hdm-phone-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Efecto al presionar *\/\r\n.hdm-phone-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n\/* Accesibilidad con teclado *\/\r\n.hdm-phone-btn-main:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n\/* Versi\u00f3n m\u00f3vil *\/\r\n@media (max-width: 480px) {\r\n    .hdm-phone-card {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-height: 280px;\r\n        padding: 30px 22px;\r\n    }\r\n\r\n    .hdm-phone-btn-main {\r\n        width: calc(100% - 6px);\r\n        max-width: 265px;\r\n    }\r\n}\r\n\r\n\/* Preferencia de reducci\u00f3n de movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-phone-card,\r\n    .hdm-phone-card::before,\r\n    .hdm-phone-icon,\r\n    .hdm-phone-btn-main,\r\n    .hdm-phone-btn-arrow,\r\n    .hdm-phone-btn-arrow span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-phone-card\">\r\n\r\n    <div class=\"hdm-phone-icon\" aria-hidden=\"true\">\r\n        <svg\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            fill=\"currentColor\"\r\n            focusable=\"false\"\r\n        >\r\n            <path\r\n                fill=\"currentColor\"\r\n                d=\"M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.75 15.5 20 15.5C20.55 15.5 21 15.95 21 16.5V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.69 6.45 9.06 7.57C9.17 7.92 9.09 8.31 8.81 8.59L6.62 10.79Z\"\r\n            \/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"hdm-phone-label\">\r\n        Tel\u00e9fono\r\n    <\/p>\r\n\r\n    <p class=\"hdm-phone-value\">\r\n        2224-2500\r\n    <\/p>\r\n\r\n    <a\r\n        class=\"hdm-phone-btn-main\"\r\n        href=\"tel:+50222242500\"\r\n        aria-label=\"Llamar al tel\u00e9fono 2224-2500\"\r\n    >\r\n        <span class=\"hdm-phone-btn-label\">\r\n            Llamar ahora\r\n        <\/span>\r\n\r\n        <span\r\n            class=\"hdm-phone-btn-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8200442 e-con-full e-flex e-con e-child\" data-id=\"8200442\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6241529 elementor-widget elementor-widget-html\" data-id=\"6241529\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-map-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 360px;\r\n    min-height: 300px;\r\n    margin: 0 auto;\r\n    padding: 34px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.10);\r\n    border-radius: 28px;\r\n    background-color: #ffffff;\r\n    box-shadow: 0 16px 34px rgba(0, 44, 95, 0.09);\r\n\r\n    text-align: center;\r\n    overflow: hidden;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n.hdm-map-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    opacity: 0;\r\n    pointer-events: none;\r\n\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.hdm-map-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 44, 95, 0.22);\r\n    box-shadow: 0 26px 52px rgba(0, 44, 95, 0.15);\r\n}\r\n\r\n.hdm-map-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.hdm-map-icon,\r\n.hdm-map-label,\r\n.hdm-map-value,\r\n.hdm-map-btn-main {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u00cdcono de ubicaci\u00f3n *\/\r\n.hdm-map-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    min-width: 58px;\r\n    min-height: 58px;\r\n    margin: 0 auto 20px;\r\n\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n    background-color: #F1F5F9;\r\n    color: #002C5F;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background-color 0.3s ease,\r\n        color 0.3s ease;\r\n}\r\n\r\n.hdm-map-icon svg {\r\n    display: block !important;\r\n\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n\r\n    color: inherit !important;\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n\r\n    overflow: visible;\r\n}\r\n\r\n.hdm-map-icon svg path {\r\n    display: block !important;\r\n\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n.hdm-map-card:hover .hdm-map-icon {\r\n    transform: scale(1.08);\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.hdm-map-label {\r\n    margin: 0 0 8px;\r\n\r\n    color: #35719E;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Direcci\u00f3n *\/\r\n.hdm-map-value {\r\n    width: 100%;\r\n    max-width: 280px;\r\n    margin: 0 auto 22px;\r\n\r\n    color: #002C5F;\r\n\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\/* Bot\u00f3n *\/\r\n.hdm-map-btn-main {\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n    max-width: 265px;\r\n    min-height: 48px;\r\n\r\n    margin: 0 6px 6px 0;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-map-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1;\r\n\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-map-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition: background-color 0.22s ease;\r\n}\r\n\r\n.hdm-map-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n\/* Efecto al pasar el cursor *\/\r\n.hdm-map-btn-main:hover,\r\n.hdm-map-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n.hdm-map-btn-main:hover .hdm-map-btn-arrow,\r\n.hdm-map-btn-main:focus .hdm-map-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-map-btn-main:hover .hdm-map-btn-arrow span,\r\n.hdm-map-btn-main:focus .hdm-map-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Efecto al presionar *\/\r\n.hdm-map-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n\/* Navegaci\u00f3n con teclado *\/\r\n.hdm-map-btn-main:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n\/* Versi\u00f3n m\u00f3vil *\/\r\n@media (max-width: 480px) {\r\n    .hdm-map-card {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-height: 290px;\r\n        padding: 30px 22px;\r\n    }\r\n\r\n    .hdm-map-btn-main {\r\n        width: calc(100% - 6px);\r\n        max-width: 265px;\r\n    }\r\n}\r\n\r\n\/* Preferencia de reducci\u00f3n de movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-map-card,\r\n    .hdm-map-card::before,\r\n    .hdm-map-icon,\r\n    .hdm-map-btn-main,\r\n    .hdm-map-btn-arrow,\r\n    .hdm-map-btn-arrow span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-map-card\">\r\n\r\n    <div class=\"hdm-map-icon\" aria-hidden=\"true\">\r\n        <svg\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            fill=\"currentColor\"\r\n            focusable=\"false\"\r\n        >\r\n            <path\r\n                fill=\"currentColor\"\r\n                d=\"M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22S19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9S10.62 6.5 12 6.5S14.5 7.62 14.5 9S13.38 11.5 12 11.5Z\"\r\n            \/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"hdm-map-label\">\r\n        Ubicaci\u00f3n\r\n    <\/p>\r\n\r\n    <p class=\"hdm-map-value\">\r\n        Calz. Roosevelt 51-25, Zona 2 de Mixco\r\n    <\/p>\r\n\r\n    <a\r\n        class=\"hdm-map-btn-main\"\r\n        href=\"https:\/\/www.waze.com\/live-map\/directions\/hyundai-de-magna-calzada-roosevelt-51-25-zona-2,-mixco?utm_campaign=waze_website&amp;utm_source=waze_website&amp;utm_medium=lm_share_location&amp;to=place.w.176554130.1765606839.3526377\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Ver ubicaci\u00f3n de Hyundai de Magna en Waze\"\r\n    >\r\n        <span class=\"hdm-map-btn-label\">\r\n            Ver ubicaci\u00f3n\r\n        <\/span>\r\n\r\n        <span\r\n            class=\"hdm-map-btn-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-329c296 e-con-full e-flex e-con e-child\" data-id=\"329c296\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9dec0 elementor-widget elementor-widget-html\" data-id=\"3a9dec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-whatsapp-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 360px;\r\n    min-height: 300px;\r\n    margin: 0 auto;\r\n    padding: 34px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.10);\r\n    border-radius: 28px;\r\n    background: #ffffff;\r\n    box-shadow: 0 16px 34px rgba(0, 44, 95, 0.09);\r\n\r\n    text-align: center;\r\n    overflow: hidden;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n.hdm-whatsapp-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.hdm-whatsapp-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 44, 95, 0.22);\r\n    box-shadow: 0 26px 52px rgba(0, 44, 95, 0.15);\r\n}\r\n\r\n.hdm-whatsapp-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.hdm-whatsapp-icon,\r\n.hdm-whatsapp-label,\r\n.hdm-whatsapp-value,\r\n.hdm-whatsapp-btn-main {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u00cdcono de WhatsApp *\/\r\n.hdm-whatsapp-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    margin: 0 auto 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n    background: #F1F5F9;\r\n    color: #002C5F;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background-color 0.3s ease,\r\n        color 0.3s ease;\r\n}\r\n\r\n.hdm-whatsapp-card:hover .hdm-whatsapp-icon {\r\n    transform: scale(1.08);\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n}\r\n\r\n.hdm-whatsapp-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.hdm-whatsapp-label {\r\n    margin: 0 0 8px;\r\n\r\n    color: #35719E;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* N\u00famero de tel\u00e9fono *\/\r\n.hdm-whatsapp-value {\r\n    margin: 0 0 22px;\r\n\r\n    color: #002C5F;\r\n\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n}\r\n\r\n\/* Bot\u00f3n principal *\/\r\n.hdm-whatsapp-btn-main {\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n    max-width: 265px;\r\n    min-height: 48px;\r\n\r\n    margin: 0 6px 6px 0;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-whatsapp-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1;\r\n\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-whatsapp-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition: background-color 0.22s ease;\r\n}\r\n\r\n.hdm-whatsapp-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n\/* Efecto hover *\/\r\n.hdm-whatsapp-btn-main:hover,\r\n.hdm-whatsapp-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-whatsapp-btn-main:hover .hdm-whatsapp-btn-arrow,\r\n.hdm-whatsapp-btn-main:focus .hdm-whatsapp-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-whatsapp-btn-main:hover .hdm-whatsapp-btn-arrow span,\r\n.hdm-whatsapp-btn-main:focus .hdm-whatsapp-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Efecto al presionar *\/\r\n.hdm-whatsapp-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n\/* Accesibilidad con teclado *\/\r\n.hdm-whatsapp-btn-main:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n\/* Adaptaci\u00f3n para celulares *\/\r\n@media (max-width: 480px) {\r\n    .hdm-whatsapp-card {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-height: 280px;\r\n        padding: 30px 22px;\r\n    }\r\n\r\n    .hdm-whatsapp-btn-main {\r\n        width: calc(100% - 6px);\r\n        max-width: 265px;\r\n    }\r\n}\r\n\r\n\/* Reduce las animaciones si el usuario lo solicita *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-whatsapp-card,\r\n    .hdm-whatsapp-card::before,\r\n    .hdm-whatsapp-icon,\r\n    .hdm-whatsapp-btn-main,\r\n    .hdm-whatsapp-btn-arrow,\r\n    .hdm-whatsapp-btn-arrow span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-whatsapp-card\">\r\n\r\n    <div class=\"hdm-whatsapp-icon\">\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            focusable=\"false\"\r\n        >\r\n            <path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.46 16.86L2.05 22L7.31 20.62C8.75 21.41 10.37 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2ZM12.04 20.15C10.55 20.15 9.09 19.75 7.82 18.99L7.52 18.81L4.4 19.63L5.23 16.59L5.03 16.28C4.2 14.96 3.81 13.45 3.81 11.91C3.81 7.38 7.5 3.68 12.04 3.68C14.24 3.68 16.31 4.54 17.86 6.1C19.41 7.65 20.27 9.72 20.27 11.92C20.27 16.46 16.58 20.15 12.04 20.15ZM16.56 13.99C16.31 13.86 15.09 13.26 14.86 13.18C14.63 13.09 14.46 13.05 14.29 13.3C14.12 13.55 13.64 14.11 13.49 14.28C13.34 14.45 13.2 14.47 12.95 14.34C12.7 14.22 11.9 13.95 10.95 13.1C10.21 12.44 9.71 11.63 9.56 11.38C9.41 11.13 9.54 10.99 9.67 10.86C9.78 10.75 9.92 10.57 10.04 10.43C10.16 10.29 10.21 10.18 10.29 10.01C10.37 9.84 10.33 9.7 10.27 9.58C10.21 9.45 9.7 8.23 9.49 7.74C9.28 7.26 9.07 7.32 8.92 7.31H8.43C8.26 7.31 7.99 7.37 7.76 7.62C7.53 7.87 6.88 8.47 6.88 9.69C6.88 10.91 7.79 12.1 7.92 12.27C8.05 12.44 9.7 14.97 12.24 16.06C12.84 16.32 13.31 16.47 13.68 16.58C14.28 16.77 14.83 16.74 15.26 16.68C15.74 16.61 16.73 16.08 16.94 15.5C17.15 14.92 17.15 14.43 17.09 14.32C17.03 14.21 16.81 14.12 16.56 13.99Z\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"hdm-whatsapp-label\">\r\n        WhatsApp\r\n    <\/p>\r\n\r\n    <p class=\"hdm-whatsapp-value\">\r\n        3002-0798\r\n    <\/p>\r\n\r\n    <a\r\n        class=\"hdm-whatsapp-btn-main\"\r\n        href=\"https:\/\/wa.me\/50230020798?text=Hola%2C%20quiero%20informaci%C3%B3n%20sobre%20Hyundai%20de%20Magna.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Escribir a Hyundai de Magna por WhatsApp\"\r\n    >\r\n        <span class=\"hdm-whatsapp-btn-label\">\r\n            Escribir ahora\r\n        <\/span>\r\n\r\n        <span\r\n            class=\"hdm-whatsapp-btn-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-529ffaf e-con-full e-flex e-con e-child\" data-id=\"529ffaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-936c13f elementor-widget elementor-widget-html\" data-id=\"936c13f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-location-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 360px;\r\n    min-height: 300px;\r\n    margin: 0 auto;\r\n    padding: 34px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.10);\r\n    border-radius: 28px;\r\n    background: #ffffff;\r\n    box-shadow: 0 16px 34px rgba(0, 44, 95, 0.09);\r\n\r\n    text-align: center;\r\n    overflow: hidden;\r\n\r\n    font-family: Roboto, Arial, sans-serif;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n.hdm-location-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.hdm-location-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 44, 95, 0.22);\r\n    box-shadow: 0 26px 52px rgba(0, 44, 95, 0.15);\r\n}\r\n\r\n.hdm-location-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.hdm-location-icon,\r\n.hdm-location-label,\r\n.hdm-location-value,\r\n.hdm-email-btn-main {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u00cdcono de correo *\/\r\n.hdm-location-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    margin: 0 auto 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n    background: #F1F5F9;\r\n    color: #002C5F;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background-color 0.3s ease,\r\n        color 0.3s ease;\r\n}\r\n\r\n.hdm-location-card:hover .hdm-location-icon {\r\n    transform: scale(1.08);\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n}\r\n\r\n.hdm-location-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.hdm-location-label {\r\n    margin: 0 0 8px;\r\n\r\n    color: #35719E;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Direcci\u00f3n de correo *\/\r\n.hdm-location-value {\r\n    max-width: 280px;\r\n    margin: 0 auto 22px;\r\n\r\n    color: #002C5F;\r\n\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\/* Bot\u00f3n principal *\/\r\n.hdm-email-btn-main {\r\n    box-sizing: border-box;\r\n\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n    max-width: 265px;\r\n    min-height: 48px;\r\n\r\n    margin: 0 6px 6px 0;\r\n    padding: 0;\r\n\r\n    background-color: #002C5F;\r\n    color: #ffffff;\r\n\r\n    border: 1px solid #002C5F;\r\n    border-radius: 2px;\r\n\r\n    box-shadow: 6px 6px 0 #35719E;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.22s ease,\r\n        color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-email-btn-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1;\r\n\r\n    padding: 16px 22px;\r\n}\r\n\r\n.hdm-email-btn-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 50px;\r\n    min-width: 50px;\r\n\r\n    border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    font-size: 18px;\r\n\r\n    transition: background-color 0.22s ease;\r\n}\r\n\r\n.hdm-email-btn-arrow span {\r\n    display: inline-block;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n\/* Efecto hover del bot\u00f3n *\/\r\n.hdm-email-btn-main:hover,\r\n.hdm-email-btn-main:focus {\r\n    background-color: #073B73;\r\n    color: #ffffff;\r\n\r\n    transform: translate(3px, 3px);\r\n    box-shadow: 3px 3px 0 #35719E;\r\n}\r\n\r\n.hdm-email-btn-main:hover .hdm-email-btn-arrow,\r\n.hdm-email-btn-main:focus .hdm-email-btn-arrow {\r\n    background-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-email-btn-main:hover .hdm-email-btn-arrow span,\r\n.hdm-email-btn-main:focus .hdm-email-btn-arrow span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Efecto al presionar *\/\r\n.hdm-email-btn-main:active {\r\n    transform: translate(6px, 6px);\r\n    box-shadow: 0 0 0 #35719E;\r\n}\r\n\r\n\/* Accesibilidad con teclado *\/\r\n.hdm-email-btn-main:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.35);\r\n    outline-offset: 5px;\r\n}\r\n\r\n\/* Adaptaci\u00f3n para celulares *\/\r\n@media (max-width: 480px) {\r\n    .hdm-location-card {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-height: 280px;\r\n        padding: 30px 22px;\r\n    }\r\n\r\n    .hdm-email-btn-main {\r\n        width: calc(100% - 6px);\r\n        max-width: 265px;\r\n    }\r\n}\r\n\r\n\/* Reduce animaciones seg\u00fan preferencias del dispositivo *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hdm-location-card,\r\n    .hdm-location-card::before,\r\n    .hdm-location-icon,\r\n    .hdm-email-btn-main,\r\n    .hdm-email-btn-arrow,\r\n    .hdm-email-btn-arrow span {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hdm-location-card\">\r\n\r\n    <div class=\"hdm-location-icon\">\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            focusable=\"false\"\r\n        >\r\n            <path d=\"M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"hdm-location-label\">\r\n        Correo\r\n    <\/p>\r\n\r\n    <p class=\"hdm-location-value\">\r\n        info@hyundademagana.com\r\n    <\/p>\r\n\r\n    <a\r\n        class=\"hdm-email-btn-main\"\r\n        href=\"mailto:info@hyundademagana.com\"\r\n        aria-label=\"Enviar correo a info@hyundademagana.com\"\r\n    >\r\n        <span class=\"hdm-email-btn-label\">\r\n            Enviar correo\r\n        <\/span>\r\n\r\n        <span\r\n            class=\"hdm-email-btn-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span>\u2192<\/span>\r\n        <\/span>\r\n    <\/a>\r\n\r\n<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bienvenido Trabajamos para superar tus expectativas. Conoce m\u00e1s \u2192 \u2190 \u2192 SOLUCIONES DE CARGA CAMIONES Dise\u00f1ados para maximizar la productividad de tu operaci\u00f3n. Desde distribuci\u00f3n&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_customify_content_layout":"full-stretched","_customify_sidebar":"","_customify_page_header_display":"","_customify_disable_header":"","_customify_disable_header_top":"","_customify_disable_header_main":"","_customify_disable_header_bottom":"","_customify_disable_page_title":"","_customify_disable_content_vertical_padding":"","_customify_disable_footer_top":"","_customify_disable_footer_main":"","_customify_disable_footer_bottom":"","_customify_breadcrumb_display":"","_customify_header_transparent_display":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1328,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/1328"}],"wp:attachment":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}