{"id":1005,"date":"2026-08-07T04:39:03","date_gmt":"2026-08-06T22:39:03","guid":{"rendered":"https:\/\/new.hyundaidemagna.com\/?page_id=1005"},"modified":"2026-08-11T03:27:29","modified_gmt":"2026-08-10T21:27:29","slug":"buses","status":"publish","type":"page","link":"https:\/\/new.hyundaidemagna.com\/?page_id=1005","title":{"rendered":"Buses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1005\" class=\"elementor elementor-1005\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ee7d28 e-con e-atomic-element e-flexbox-base e-8ee7d28-77e434e yt-hero-shell \" data-id=\"8ee7d28\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ee7d28\" data-e-type=\"e-flexbox\" data-id=\"8ee7d28\">\n    \t\t<div class=\"elementor-element elementor-element-c482240 elementor-widget elementor-widget-html\" data-id=\"c482240\" 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  <div class=\"yt-hero-dots\" aria-label=\"Seleccionar video\">\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    <button\r\n      class=\"yt-hero-dot\"\r\n      type=\"button\"\r\n      data-index=\"2\"\r\n      aria-label=\"Mostrar video 3\"\r\n      aria-pressed=\"false\"\r\n    ><\/button>\r\n  <\/div>\r\n<\/div>\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\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\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\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\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  margin: 0;\r\n  padding: 0;\r\n\r\n  height: 100vh;\r\n  height: 100svh;\r\n  min-height: 650px;\r\n\r\n  overflow: hidden;\r\n  background: #000;\r\n}\r\n\r\n.yt-hero-media {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n  background: #000;\r\n}\r\n\r\n#yt-hero-player,\r\n.yt-hero-player {\r\n  position: absolute;\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  min-width: 0;\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  border: 0;\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  pointer-events: none;\r\n}\r\n\r\n.yt-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\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.yt-hero-content {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  min-width: 0;\r\n\r\n  height: 100%;\r\n\r\n  margin: 0 auto;\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  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yt-hero-title {\r\n  width: 100%;\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  font-size: clamp(42px, 6vw, 82px);\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.ytv-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n.ytv-hero-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  min-width: 145px;\r\n  padding: 15px 30px;\r\n\r\n  border-radius: 2px;\r\n\r\n  font-family: Roboto, Arial, sans-serif;\r\n  font-size: 15px;\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-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  background-image: linear-gradient(\r\n    to right,\r\n    #002c5f 0%,\r\n    #002c5f 100%\r\n  );\r\n  background-repeat: no-repeat;\r\n  background-position: left center;\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  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  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.yt-hero-dots {\r\n  position: absolute;\r\n  right: 34px;\r\n  bottom: 28px;\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.yt-hero-dot {\r\n  display: block;\r\n\r\n  width: 11px;\r\n  min-width: 11px;\r\n  height: 11px;\r\n  min-height: 11px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.75);\r\n  border-radius: 1px;\r\n\r\n  background-color: transparent;\r\n\r\n  cursor: pointer;\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;\r\n}\r\n\r\n.yt-hero-dot:hover {\r\n  background-color: rgba(255, 255, 255, 0.45);\r\n  border-color: #fff;\r\n\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.yt-hero-dot.active {\r\n  width: 11px;\r\n  min-width: 11px;\r\n\r\n  background-color: #fff;\r\n  border-color: #fff;\r\n\r\n  box-shadow: 3px 3px 0 #35719e;\r\n}\r\n\r\n.yt-hero-dot:focus-visible {\r\n  outline: 3px solid rgba(255, 255, 255, 0.45);\r\n  outline-offset: 4px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .yt-hero-content {\r\n    padding-right: 32px;\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@media (max-width: 767px) {\r\n  .yt-hero-section {\r\n    height: 100vh;\r\n    height: 100svh;\r\n    min-height: 600px;\r\n  }\r\n\r\n  .yt-hero-content {\r\n    padding-right: 24px;\r\n    padding-left: 24px;\r\n  }\r\n\r\n  .yt-hero-subtitle {\r\n    margin-bottom: 12px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .yt-hero-title {\r\n    max-width: 100%;\r\n    margin-bottom: 24px;\r\n\r\n    font-size: clamp(38px, 11vw, 52px);\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    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-dots {\r\n    right: 22px;\r\n    bottom: 22px;\r\n    gap: 7px;\r\n  }\r\n\r\n  .yt-hero-dot,\r\n  .yt-hero-dot.active {\r\n    width: 9px;\r\n    min-width: 9px;\r\n    height: 9px;\r\n    min-height: 9px;\r\n  }\r\n\r\n  .yt-hero-dot.active {\r\n    box-shadow: 2px 2px 0 #35719e;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ytv-hero-btn,\r\n  .ytv-hero-btn span,\r\n  .yt-hero-dot {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const hero = document.querySelector(\".yt-hero-section\");\r\n\r\n  if (!hero || hero.dataset.ytHeroInitialized === \"true\") {\r\n    return;\r\n  }\r\n\r\n  hero.dataset.ytHeroInitialized = \"true\";\r\n\r\n  const videos = [\r\n    {\r\n      id: \"uahLFaqJfFY\",\r\n      title: \"Texto sobre bus 1\",\r\n      subtitle: \"Bus 1\"\r\n    },\r\n    {\r\n      id: \"qzrcUfZHMpw\",\r\n      title: \"Texto sobre bus 2\",\r\n      subtitle: \"Bus 2\"\r\n    },\r\n    {\r\n      id: \"eopUvefxF7A\",\r\n      title: \"Texto sobre bus 3\",\r\n      subtitle: \"Bus 3\"\r\n    }\r\n  ];\r\n\r\n  const playerElement = hero.querySelector(\"#yt-hero-player\");\r\n  const titleElement = hero.querySelector(\".yt-hero-title\");\r\n  const subtitleElement = hero.querySelector(\".yt-hero-subtitle\");\r\n  const dots = Array.from(hero.querySelectorAll(\".yt-hero-dot\"));\r\n\r\n  let currentVideo = 0;\r\n  let player = null;\r\n  let resizeObserver = null;\r\n\r\n  function fitVideoToHero() {\r\n    if (!player || typeof player.getIframe !== \"function\") {\r\n      return;\r\n    }\r\n\r\n    const iframe = player.getIframe();\r\n\r\n    if (!iframe) {\r\n      return;\r\n    }\r\n\r\n    const heroWidth = hero.clientWidth;\r\n    const heroHeight = hero.clientHeight;\r\n    const videoRatio = 16 \/ 9;\r\n\r\n    let videoWidth = heroWidth;\r\n    let videoHeight = videoWidth \/ videoRatio;\r\n\r\n    if (videoHeight < heroHeight) {\r\n      videoHeight = heroHeight;\r\n      videoWidth = videoHeight * videoRatio;\r\n    }\r\n\r\n    iframe.style.width = Math.ceil(videoWidth) + \"px\";\r\n    iframe.style.height = Math.ceil(videoHeight) + \"px\";\r\n    iframe.style.maxWidth = \"none\";\r\n    iframe.style.position = \"absolute\";\r\n    iframe.style.top = \"50%\";\r\n    iframe.style.left = \"50%\";\r\n    iframe.style.transform = \"translate(-50%, -50%)\";\r\n  }\r\n\r\n\r\n  function updateHeroContent() {\r\n    const selectedVideo = videos[currentVideo];\r\n\r\n    if (titleElement) {\r\n      titleElement.textContent = selectedVideo.title;\r\n    }\r\n\r\n    if (subtitleElement) {\r\n      subtitleElement.textContent = selectedVideo.subtitle;\r\n    }\r\n\r\n    dots.forEach(function (dot, index) {\r\n      const isActive = index === currentVideo;\r\n\r\n      dot.classList.toggle(\"active\", isActive);\r\n      dot.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n\r\n  function playVideo(index) {\r\n    currentVideo = (index + videos.length) % videos.length;\r\n\r\n    updateHeroContent();\r\n\r\n    if (!player || typeof player.loadVideoById !== \"function\") {\r\n      return;\r\n    }\r\n\r\n    player.loadVideoById({\r\n      videoId: videos[currentVideo].id,\r\n      suggestedQuality: \"hd1080\"\r\n    });\r\n\r\n    window.setTimeout(function () {\r\n      if (!player) {\r\n        return;\r\n      }\r\n\r\n      player.mute();\r\n      player.playVideo();\r\n      fitVideoToHero();\r\n    }, 350);\r\n  }\r\n\r\n\r\n  function playNextVideo() {\r\n    playVideo(currentVideo + 1);\r\n  }\r\n\r\n\r\n  function createPlayer() {\r\n    if (\r\n      player ||\r\n      !playerElement ||\r\n      !window.YT ||\r\n      typeof window.YT.Player !== \"function\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    player = new window.YT.Player(playerElement, {\r\n      videoId: videos[currentVideo].id,\r\n\r\n      playerVars: {\r\n        autoplay: 1,\r\n        controls: 0,\r\n        mute: 1,\r\n        rel: 0,\r\n        playsinline: 1,\r\n        modestbranding: 1,\r\n        iv_load_policy: 3,\r\n        disablekb: 1,\r\n        fs: 0\r\n      },\r\n\r\n      events: {\r\n        onReady: function (event) {\r\n          event.target.mute();\r\n          event.target.playVideo();\r\n\r\n          updateHeroContent();\r\n          fitVideoToHero();\r\n\r\n          window.requestAnimationFrame(fitVideoToHero);\r\n          window.setTimeout(fitVideoToHero, 300);\r\n          window.setTimeout(fitVideoToHero, 1000);\r\n        },\r\n\r\n        onStateChange: function (event) {\r\n          if (\r\n            window.YT &&\r\n            event.data === window.YT.PlayerState.ENDED\r\n          ) {\r\n            playNextVideo();\r\n          }\r\n        },\r\n\r\n        onError: function () {\r\n          playNextVideo();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n\r\n  function loadYouTubeAPI() {\r\n    if (\r\n      window.YT &&\r\n      typeof window.YT.Player === \"function\"\r\n    ) {\r\n      createPlayer();\r\n      return;\r\n    }\r\n\r\n    const previousCallback = window.onYouTubeIframeAPIReady;\r\n\r\n    window.onYouTubeIframeAPIReady = function () {\r\n      if (typeof previousCallback === \"function\") {\r\n        previousCallback();\r\n      }\r\n\r\n      createPlayer();\r\n    };\r\n\r\n    const existingScript = document.querySelector(\r\n      'script[src=\"https:\/\/www.youtube.com\/iframe_api\"]'\r\n    );\r\n\r\n    if (!existingScript) {\r\n      const script = document.createElement(\"script\");\r\n\r\n      script.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n      script.async = true;\r\n\r\n      document.head.appendChild(script);\r\n    }\r\n  }\r\n\r\n\r\n  dots.forEach(function (dot) {\r\n    dot.addEventListener(\"click\", function () {\r\n      const index = Number(dot.dataset.index);\r\n\r\n      if (Number.isInteger(index)) {\r\n        playVideo(index);\r\n      }\r\n    });\r\n  });\r\n\r\n\r\n  window.addEventListener(\"resize\", fitVideoToHero, {\r\n    passive: true\r\n  });\r\n\r\n\r\n  if (\"ResizeObserver\" in window) {\r\n    resizeObserver = new ResizeObserver(function () {\r\n      fitVideoToHero();\r\n    });\r\n\r\n    resizeObserver.observe(hero);\r\n  }\r\n\r\n\r\n  updateHeroContent();\r\n  loadYouTubeAPI();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e200ee2 e-grid e-con-boxed e-con e-parent\" data-id=\"e200ee2\" 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-ec844cd elementor-widget elementor-widget-html\" data-id=\"ec844cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Hyundai Magna \u2014 Encabezado de operaciones<\/title>\r\n<style>\r\n*{box-sizing:border-box}\r\n\r\nbody{\r\n    margin:0;\r\n    background:#F5F7F9;\r\n    font-family:Roboto,Arial,sans-serif;\r\n}\r\n\r\n.hdm-operations-heading-section{\r\n    --hdm-navy:#002C5F;\r\n    --hdm-blue:#35719E;\r\n    --hdm-gray:#F5F7F9;\r\n\r\n    width:100%;\r\n    padding:42px 8px 34px;\r\n    background:var(--hdm-gray);\r\n}\r\n\r\n.hdm-operations-heading{\r\n    width:100%;\r\n    max-width:620px;\r\n    margin:0;\r\n}\r\n\r\n.hdm-operations-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:24px;\r\n    color:var(--hdm-blue);\r\n    font-size:12px;\r\n    font-weight:900;\r\n    line-height:1;\r\n    letter-spacing:.11em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.hdm-operations-eyebrow::before{\r\n    content:\"\";\r\n    display:block;\r\n    width:36px;\r\n    height:3px;\r\n    background:var(--hdm-blue);\r\n}\r\n\r\n.hdm-operations-title{\r\n    margin:0;\r\n    color:var(--hdm-navy);\r\n    font-size:clamp(48px,8vw,68px);\r\n    font-weight:900;\r\n    line-height:.94;\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n@media(max-width:600px){\r\n    .hdm-operations-heading-section{\r\n        padding:34px 8px 28px;\r\n    }\r\n\r\n    .hdm-operations-eyebrow{\r\n        font-size:11px;\r\n        margin-bottom:20px;\r\n    }\r\n\r\n    .hdm-operations-eyebrow::before{\r\n        width:34px;\r\n    }\r\n\r\n    .hdm-operations-title{\r\n        font-size:clamp(42px,13vw,58px);\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section\r\n    class=\"hdm-operations-heading-section\"\r\n    aria-labelledby=\"hdm-operations-title\"\r\n>\r\n    <div class=\"hdm-operations-heading\">\r\n\r\n        <span class=\"hdm-operations-eyebrow\">\r\n            NUESTRA L\u00cdNEA DE BUSES\r\n        <\/span>\r\n\r\n        <h2\r\n            class=\"hdm-operations-title\"\r\n            id=\"hdm-operations-title\"\r\n        >\r\n            Encuentra el bus<br>\r\n            ideal para cada<br>\r\n            recorrido\r\n        <\/h2>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2073007 elementor-widget elementor-widget-text-editor\" data-id=\"2073007\" 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 style=\"margin: 0; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.75;\">\nDesde recorridos urbanos y transporte empresarial hasta viajes tur\u00edsticos\ny de larga distancia, encuentra el bus Hyundai que mejor se adapta a las\nnecesidades de capacidad, comodidad y movilidad de\n<strong style=\"color: #002c5f; font-weight: 900;\">tu empresa.<\/strong>\n<\/p>\t\t\t\t\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-e8aa3dd e-grid e-con-boxed e-con e-parent\" data-id=\"e8aa3dd\" 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-28e37e9 e-con e-atomic-element e-div-block-base e-28e37e9-2ccb23c \" data-id=\"28e37e9\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"28e37e9\" data-e-type=\"e-div-block\" data-id=\"28e37e9\">\n    \t\t<div class=\"elementor-element elementor-element-504fd3a elementor-widget elementor-widget-html\" data-id=\"504fd3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hdm-bus-card-stage {\r\n    --hdm-navy: #002c5f;\r\n    --hdm-blue: #35719e;\r\n    --hdm-light-blue: #c8dce9;\r\n    --hdm-text: #333333;\r\n    --hdm-white: #ffffff;\r\n    --hdm-border: #cfd9e2;\r\n    --hdm-depth-x: 8px;\r\n    --hdm-depth-y: 8px;\r\n\r\n    width: 100%;\r\n    max-width: 378px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n\r\n    padding-right: var(--hdm-depth-x);\r\n    padding-bottom: var(--hdm-depth-y);\r\n\r\n    color: var(--hdm-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .hdm-bus-card-stage,\r\n  .hdm-bus-card-stage * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETA PRINCIPAL\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-card {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 558px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-white);\r\n\r\n    border: 1px solid var(--hdm-border);\r\n    border-top: 5px solid var(--hdm-blue);\r\n    border-radius: 1px;\r\n\r\n    box-shadow:\r\n      var(--hdm-depth-x) var(--hdm-depth-y) 0 var(--hdm-navy),\r\n      0 14px 28px rgba(0, 44, 95, 0.06);\r\n\r\n    transform: translate3d(0, 0, 0);\r\n\r\n    transition:\r\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover {\r\n    border-color: rgba(0, 44, 95, 0.34);\r\n\r\n    transform: translate3d(-4px, -4px, 0);\r\n\r\n    box-shadow:\r\n      12px 12px 0 var(--hdm-navy),\r\n      0 22px 42px rgba(0, 44, 95, 0.14);\r\n  }\r\n\r\n  .hdm-bus-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    right: -1px;\r\n    bottom: 0;\r\n    z-index: 4;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.55);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u00c1REA DE IMAGEN\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-media {\r\n    position: relative;\r\n\r\n    min-height: 282px;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 42px 18px 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f7f9fb 100%\r\n      );\r\n  }\r\n\r\n  .hdm-bus-media::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: -77px;\r\n    bottom: -102px;\r\n\r\n    width: 235px;\r\n    height: 235px;\r\n\r\n    border: 1px solid rgba(53, 113, 158, 0.26);\r\n\r\n    transform: rotate(54deg);\r\n    transform-origin: center;\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.3s ease;\r\n  }\r\n\r\n  .hdm-bus-media::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 28px;\r\n    bottom: 24px;\r\n\r\n    width: 120px;\r\n    height: 4px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transition:\r\n      width 0.34s ease,\r\n      transform 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::before {\r\n    border-color: rgba(53, 113, 158, 0.42);\r\n\r\n    transform: rotate(60deg) scale(1.06);\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::after {\r\n    width: 145px;\r\n\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ETIQUETA SUPERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-label {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 24px;\r\n    z-index: 3;\r\n\r\n    min-height: 30px;\r\n    padding: 8px 12px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\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-bus-card:hover .hdm-bus-label {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGEN DEL BUS\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-image {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 340px;\r\n    height: 210px;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    filter:\r\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\r\n\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-image {\r\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\r\n\r\n    filter:\r\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 29px 28px 27px;\r\n\r\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\r\n  }\r\n\r\n  .hdm-bus-category {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hdm-blue);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-name {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-navy);\r\n\r\n    font-size: 38px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .hdm-bus-description {\r\n    margin: 19px 0 0;\r\n\r\n    color: var(--hdm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-action {\r\n    width: 100%;\r\n    margin-top: auto;\r\n    padding-top: 29px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    color: var(--hdm-navy);\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-action-text {\r\n    position: relative;\r\n\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .hdm-bus-action-text::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transform: scaleX(1);\r\n    transform-origin: left center;\r\n\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-action-text::after {\r\n    transform: scaleX(0.7);\r\n  }\r\n\r\n  .hdm-bus-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    border: 1px solid var(--hdm-navy);\r\n\r\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 16px;\r\n\r\n    transition:\r\n      transform 0.28s ease,\r\n      box-shadow 0.28s ease,\r\n      background-color 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-arrow,\r\n  .hdm-bus-action:focus-visible .hdm-bus-arrow {\r\n    background: var(--hdm-blue);\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 5px 5px 0 var(--hdm-navy);\r\n  }\r\n\r\n  .hdm-bus-action:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.36);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 440px) {\r\n    .hdm-bus-card-stage {\r\n      --hdm-depth-x: 6px;\r\n      --hdm-depth-y: 6px;\r\n    }\r\n\r\n    .hdm-bus-media {\r\n      min-height: 260px;\r\n      padding-right: 14px;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .hdm-bus-image {\r\n      max-width: 310px;\r\n      height: 190px;\r\n    }\r\n\r\n    .hdm-bus-content {\r\n      padding: 27px 24px 25px;\r\n    }\r\n\r\n    .hdm-bus-name {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACCESIBILIDAD\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-card-stage .hdm-bus-card,\r\n    .hdm-bus-card-stage .hdm-bus-media::before,\r\n    .hdm-bus-card-stage .hdm-bus-media::after,\r\n    .hdm-bus-card-stage .hdm-bus-label,\r\n    .hdm-bus-card-stage .hdm-bus-image,\r\n    .hdm-bus-card-stage .hdm-bus-action-text::after,\r\n    .hdm-bus-card-stage .hdm-bus-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hdm-bus-card-stage\">\r\n\r\n  <article class=\"hdm-bus-card\">\r\n\r\n    <div class=\"hdm-bus-media\">\r\n\r\n      <span class=\"hdm-bus-label\">\r\n        Hyundai Buses\r\n      <\/span>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\"\r\n        class=\"hdm-bus-image\"\r\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/country-241.png\"\r\n        alt=\"Bus Hyundai County 24 + 1 para transporte de pasajeros\"\r\n        width=\"300\"\r\n        height=\"225\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-bus-content\">\r\n\r\n      <span class=\"hdm-bus-category\">\r\n        Bus de pasajeros\r\n      <\/span>\r\n\r\n      <h2 class=\"hdm-bus-name\">\r\n        County 24 + 1\r\n      <\/h2>\r\n\r\n      <p class=\"hdm-bus-description\">\r\n        Bus con capacidad para 24 pasajeros m\u00e1s piloto, equipado con motor\r\n        di\u00e9sel turbo intercooler de 130 HP, torque de 38 kg\u00b7m (372 Nm),\r\n        transmisi\u00f3n mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2.\r\n        Incluye aire acondicionado frontal y central, asientos tipo butaca\r\n        y puerta lateral plegable autom\u00e1tica.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"hdm-bus-action\"\r\n        href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1183\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Conocer el modelo\"\r\n       >\r\n        <span class=\"hdm-bus-action-text\">\r\n          Conocer modelo\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"hdm-bus-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2192\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-38805e5 e-con e-atomic-element e-div-block-base e-38805e5-f4fb684 \" data-id=\"38805e5\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"38805e5\" data-e-type=\"e-div-block\" data-id=\"38805e5\">\n    \t\t<div class=\"elementor-element elementor-element-a2db8f9 elementor-widget elementor-widget-html\" data-id=\"a2db8f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hdm-bus-card-stage {\r\n    --hdm-navy: #002c5f;\r\n    --hdm-blue: #35719e;\r\n    --hdm-light-blue: #c8dce9;\r\n    --hdm-text: #333333;\r\n    --hdm-white: #ffffff;\r\n    --hdm-border: #cfd9e2;\r\n    --hdm-depth-x: 8px;\r\n    --hdm-depth-y: 8px;\r\n\r\n    width: 100%;\r\n    max-width: 378px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n\r\n    padding-right: var(--hdm-depth-x);\r\n    padding-bottom: var(--hdm-depth-y);\r\n\r\n    color: var(--hdm-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .hdm-bus-card-stage,\r\n  .hdm-bus-card-stage * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETA PRINCIPAL\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-card {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 558px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-white);\r\n\r\n    border: 1px solid var(--hdm-border);\r\n    border-top: 5px solid var(--hdm-blue);\r\n    border-radius: 1px;\r\n\r\n    box-shadow:\r\n      var(--hdm-depth-x) var(--hdm-depth-y) 0 var(--hdm-navy),\r\n      0 14px 28px rgba(0, 44, 95, 0.06);\r\n\r\n    transform: translate3d(0, 0, 0);\r\n\r\n    transition:\r\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover {\r\n    border-color: rgba(0, 44, 95, 0.34);\r\n\r\n    transform: translate3d(-4px, -4px, 0);\r\n\r\n    box-shadow:\r\n      12px 12px 0 var(--hdm-navy),\r\n      0 22px 42px rgba(0, 44, 95, 0.14);\r\n  }\r\n\r\n  .hdm-bus-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    right: -1px;\r\n    bottom: 0;\r\n    z-index: 4;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.55);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u00c1REA DE IMAGEN\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-media {\r\n    position: relative;\r\n\r\n    min-height: 282px;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 42px 18px 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f7f9fb 100%\r\n      );\r\n  }\r\n\r\n  .hdm-bus-media::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: -77px;\r\n    bottom: -102px;\r\n\r\n    width: 235px;\r\n    height: 235px;\r\n\r\n    border: 1px solid rgba(53, 113, 158, 0.26);\r\n\r\n    transform: rotate(54deg);\r\n    transform-origin: center;\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.3s ease;\r\n  }\r\n\r\n  .hdm-bus-media::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 28px;\r\n    bottom: 24px;\r\n\r\n    width: 120px;\r\n    height: 4px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transition:\r\n      width 0.34s ease,\r\n      transform 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::before {\r\n    border-color: rgba(53, 113, 158, 0.42);\r\n\r\n    transform: rotate(60deg) scale(1.06);\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::after {\r\n    width: 145px;\r\n\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ETIQUETA SUPERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-label {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 24px;\r\n    z-index: 3;\r\n\r\n    min-height: 30px;\r\n    padding: 8px 12px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\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-bus-card:hover .hdm-bus-label {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGEN DEL BUS\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-image {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 340px;\r\n    height: 210px;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    filter:\r\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\r\n\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-image {\r\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\r\n\r\n    filter:\r\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 29px 28px 27px;\r\n\r\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\r\n  }\r\n\r\n  .hdm-bus-category {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hdm-blue);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-name {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-navy);\r\n\r\n    font-size: 38px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .hdm-bus-description {\r\n    margin: 19px 0 0;\r\n\r\n    color: var(--hdm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-action {\r\n    width: 100%;\r\n    margin-top: auto;\r\n    padding-top: 29px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    color: var(--hdm-navy);\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-action-text {\r\n    position: relative;\r\n\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .hdm-bus-action-text::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transform: scaleX(1);\r\n    transform-origin: left center;\r\n\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-action-text::after {\r\n    transform: scaleX(0.7);\r\n  }\r\n\r\n  .hdm-bus-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    border: 1px solid var(--hdm-navy);\r\n\r\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 16px;\r\n\r\n    transition:\r\n      transform 0.28s ease,\r\n      box-shadow 0.28s ease,\r\n      background-color 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-arrow,\r\n  .hdm-bus-action:focus-visible .hdm-bus-arrow {\r\n    background: var(--hdm-blue);\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 5px 5px 0 var(--hdm-navy);\r\n  }\r\n\r\n  .hdm-bus-action:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.36);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 440px) {\r\n    .hdm-bus-card-stage {\r\n      --hdm-depth-x: 6px;\r\n      --hdm-depth-y: 6px;\r\n    }\r\n\r\n    .hdm-bus-media {\r\n      min-height: 260px;\r\n      padding-right: 14px;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .hdm-bus-image {\r\n      max-width: 310px;\r\n      height: 190px;\r\n    }\r\n\r\n    .hdm-bus-content {\r\n      padding: 27px 24px 25px;\r\n    }\r\n\r\n    .hdm-bus-name {\r\n      font-size: 34px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACCESIBILIDAD\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-card-stage .hdm-bus-card,\r\n    .hdm-bus-card-stage .hdm-bus-media::before,\r\n    .hdm-bus-card-stage .hdm-bus-media::after,\r\n    .hdm-bus-card-stage .hdm-bus-label,\r\n    .hdm-bus-card-stage .hdm-bus-image,\r\n    .hdm-bus-card-stage .hdm-bus-action-text::after,\r\n    .hdm-bus-card-stage .hdm-bus-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hdm-bus-card-stage\">\r\n\r\n  <article class=\"hdm-bus-card\">\r\n\r\n    <div class=\"hdm-bus-media\">\r\n\r\n      <span class=\"hdm-bus-label\">\r\n        Hyundai Buses\r\n      <\/span>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\"\r\n        class=\"hdm-bus-image\"\r\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/country-241.png\"\r\n        alt=\"Bus Hyundai County 24 + 1 Reclinable para transporte de pasajeros\"\r\n        width=\"300\"\r\n        height=\"225\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-bus-content\">\r\n\r\n      <span class=\"hdm-bus-category\">\r\n        Bus de pasajeros\r\n      <\/span>\r\n\r\n      <h2 class=\"hdm-bus-name\">\r\n        County 24 + 1 Reclinable\r\n      <\/h2>\r\n\r\n      <p class=\"hdm-bus-description\">\r\n        Bus con capacidad para 24 pasajeros m\u00e1s piloto, equipado con motor\r\n        di\u00e9sel turbo alimentado con intercooler de 155 HP, transmisi\u00f3n\r\n        mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2. Incluye\r\n        asientos tipo butaca reclinables, sistema de frenos ABS, aire\r\n        acondicionado frontal y central y puerta lateral plegable autom\u00e1tica.\r\n      <\/p>\r\n\r\n\t\t<a\r\n\t\t\tclass=\"hdm-bus-action\"\r\n\t\t\thref=\"https:\/\/new.hyundaidemagna.com\/?page_id=1044\"\r\n\t\t\ttarget=\"_blank\"\r\n\t\t\trel=\"noopener noreferrer\"\r\n\t\t\taria-label=\"Conocer el modelo\"\r\n\t\t>\r\n        <span class=\"hdm-bus-action-text\">\r\n          Conocer modelo\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"hdm-bus-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2192\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b5eae90 e-con e-atomic-element e-div-block-base e-b5eae90-b29f6ad \" data-id=\"b5eae90\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"b5eae90\" data-e-type=\"e-div-block\" data-id=\"b5eae90\">\n    \t\t<div class=\"elementor-element elementor-element-e9a9119 elementor-widget elementor-widget-html\" data-id=\"e9a9119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hdm-bus-card-stage {\r\n    --hdm-navy: #002c5f;\r\n    --hdm-blue: #35719e;\r\n    --hdm-light-blue: #c8dce9;\r\n    --hdm-text: #333333;\r\n    --hdm-white: #ffffff;\r\n    --hdm-border: #cfd9e2;\r\n    --hdm-depth-x: 8px;\r\n    --hdm-depth-y: 8px;\r\n\r\n    width: 100%;\r\n    max-width: 378px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n\r\n    padding-right: var(--hdm-depth-x);\r\n    padding-bottom: var(--hdm-depth-y);\r\n\r\n    color: var(--hdm-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .hdm-bus-card-stage,\r\n  .hdm-bus-card-stage * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETA PRINCIPAL\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-card {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 558px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-white);\r\n\r\n    border: 1px solid var(--hdm-border);\r\n    border-top: 5px solid var(--hdm-blue);\r\n    border-radius: 1px;\r\n\r\n    box-shadow:\r\n      var(--hdm-depth-x) var(--hdm-depth-y) 0 var(--hdm-navy),\r\n      0 14px 28px rgba(0, 44, 95, 0.06);\r\n\r\n    transform: translate3d(0, 0, 0);\r\n\r\n    transition:\r\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover {\r\n    border-color: rgba(0, 44, 95, 0.34);\r\n\r\n    transform: translate3d(-4px, -4px, 0);\r\n\r\n    box-shadow:\r\n      12px 12px 0 var(--hdm-navy),\r\n      0 22px 42px rgba(0, 44, 95, 0.14);\r\n  }\r\n\r\n  .hdm-bus-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    right: -1px;\r\n    bottom: 0;\r\n    z-index: 4;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.55);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u00c1REA DE IMAGEN\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-media {\r\n    position: relative;\r\n\r\n    min-height: 282px;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 42px 18px 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f7f9fb 100%\r\n      );\r\n  }\r\n\r\n  .hdm-bus-media::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: -77px;\r\n    bottom: -102px;\r\n\r\n    width: 235px;\r\n    height: 235px;\r\n\r\n    border: 1px solid rgba(53, 113, 158, 0.26);\r\n\r\n    transform: rotate(54deg);\r\n    transform-origin: center;\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.3s ease;\r\n  }\r\n\r\n  .hdm-bus-media::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 28px;\r\n    bottom: 24px;\r\n\r\n    width: 120px;\r\n    height: 4px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transition:\r\n      width 0.34s ease,\r\n      transform 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::before {\r\n    border-color: rgba(53, 113, 158, 0.42);\r\n\r\n    transform: rotate(60deg) scale(1.06);\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::after {\r\n    width: 145px;\r\n\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ETIQUETA SUPERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-label {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 24px;\r\n    z-index: 3;\r\n\r\n    min-height: 30px;\r\n    padding: 8px 12px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\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-bus-card:hover .hdm-bus-label {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGEN DEL BUS\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-image {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 340px;\r\n    height: 210px;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    filter:\r\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\r\n\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-image {\r\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\r\n\r\n    filter:\r\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 29px 28px 27px;\r\n\r\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\r\n  }\r\n\r\n  .hdm-bus-category {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hdm-blue);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-name {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-navy);\r\n\r\n    font-size: 38px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .hdm-bus-description {\r\n    margin: 19px 0 0;\r\n\r\n    color: var(--hdm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-action {\r\n    width: 100%;\r\n    margin-top: auto;\r\n    padding-top: 29px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    color: var(--hdm-navy);\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-action-text {\r\n    position: relative;\r\n\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .hdm-bus-action-text::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transform: scaleX(1);\r\n    transform-origin: left center;\r\n\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-action-text::after {\r\n    transform: scaleX(0.7);\r\n  }\r\n\r\n  .hdm-bus-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    border: 1px solid var(--hdm-navy);\r\n\r\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 16px;\r\n\r\n    transition:\r\n      transform 0.28s ease,\r\n      box-shadow 0.28s ease,\r\n      background-color 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-arrow,\r\n  .hdm-bus-action:focus-visible .hdm-bus-arrow {\r\n    background: var(--hdm-blue);\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 5px 5px 0 var(--hdm-navy);\r\n  }\r\n\r\n  .hdm-bus-action:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.36);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 440px) {\r\n    .hdm-bus-card-stage {\r\n      --hdm-depth-x: 6px;\r\n      --hdm-depth-y: 6px;\r\n    }\r\n\r\n    .hdm-bus-media {\r\n      min-height: 260px;\r\n      padding-right: 14px;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .hdm-bus-image {\r\n      max-width: 310px;\r\n      height: 190px;\r\n    }\r\n\r\n    .hdm-bus-content {\r\n      padding: 27px 24px 25px;\r\n    }\r\n\r\n    .hdm-bus-name {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACCESIBILIDAD\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-card-stage .hdm-bus-card,\r\n    .hdm-bus-card-stage .hdm-bus-media::before,\r\n    .hdm-bus-card-stage .hdm-bus-media::after,\r\n    .hdm-bus-card-stage .hdm-bus-label,\r\n    .hdm-bus-card-stage .hdm-bus-image,\r\n    .hdm-bus-card-stage .hdm-bus-action-text::after,\r\n    .hdm-bus-card-stage .hdm-bus-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hdm-bus-card-stage\">\r\n\r\n  <article class=\"hdm-bus-card\">\r\n\r\n    <div class=\"hdm-bus-media\">\r\n\r\n      <span class=\"hdm-bus-label\">\r\n        Hyundai Buses\r\n      <\/span>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\"\r\n        class=\"hdm-bus-image\"\r\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/country-241.png\"\r\n        alt=\"Bus Hyundai County 29 + 1 para transporte de pasajeros\"\r\n        width=\"300\"\r\n        height=\"225\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-bus-content\">\r\n\r\n      <span class=\"hdm-bus-category\">\r\n        Bus de pasajeros\r\n      <\/span>\r\n\r\n      <h2 class=\"hdm-bus-name\">\r\n        County 29 + 1\r\n      <\/h2>\r\n\r\n      <p class=\"hdm-bus-description\">\r\n        Bus con capacidad para 29 pasajeros m\u00e1s piloto, equipado con motor\r\n        di\u00e9sel turbo cargado con intercooler de 155 HP, torque de 38 kg\u00b7m,\r\n        transmisi\u00f3n mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2.\r\n        Incluye sistema de frenos ABS, aire acondicionado frontal y central,\r\n        asientos tipo butaca 2x2 y puerta lateral plegable autom\u00e1tica.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"hdm-bus-action\"\r\n\t\thref=\"https:\/\/new.hyundaidemagna.com\/?page_id=1123\"\r\n\t\ttarget=\"_blank\"\r\n\t\trel=\"noopener noreferrer\"\r\n\t\taria-label=\"Conocer el modelo\"\r\n      >\r\n        <span class=\"hdm-bus-action-text\">\r\n          Conocer modelo\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"hdm-bus-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2192\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\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<div class=\"elementor-element elementor-element-3de5f41 e-grid e-con-boxed e-con e-parent\" data-id=\"3de5f41\" 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-3cdff42 e-con e-atomic-element e-div-block-base e-3cdff42-f3e3a52 \" data-id=\"3cdff42\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"3cdff42\" data-e-type=\"e-div-block\" data-id=\"3cdff42\">\n    \t\t<div class=\"elementor-element elementor-element-7d930b0 elementor-widget elementor-widget-html\" data-id=\"7d930b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hdm-bus-card-stage {\r\n    --hdm-navy: #002c5f;\r\n    --hdm-blue: #35719e;\r\n    --hdm-light-blue: #c8dce9;\r\n    --hdm-text: #333333;\r\n    --hdm-white: #ffffff;\r\n    --hdm-border: #cfd9e2;\r\n    --hdm-depth-x: 8px;\r\n    --hdm-depth-y: 8px;\r\n\r\n    width: 100%;\r\n    max-width: 378px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n\r\n    padding-right: var(--hdm-depth-x);\r\n    padding-bottom: var(--hdm-depth-y);\r\n\r\n    color: var(--hdm-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .hdm-bus-card-stage,\r\n  .hdm-bus-card-stage * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETA PRINCIPAL\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-card {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 558px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-white);\r\n\r\n    border: 1px solid var(--hdm-border);\r\n    border-top: 5px solid var(--hdm-blue);\r\n    border-radius: 1px;\r\n\r\n    box-shadow:\r\n      var(--hdm-depth-x) var(--hdm-depth-y) 0 var(--hdm-navy),\r\n      0 14px 28px rgba(0, 44, 95, 0.06);\r\n\r\n    transform: translate3d(0, 0, 0);\r\n\r\n    transition:\r\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover {\r\n    border-color: rgba(0, 44, 95, 0.34);\r\n\r\n    transform: translate3d(-4px, -4px, 0);\r\n\r\n    box-shadow:\r\n      12px 12px 0 var(--hdm-navy),\r\n      0 22px 42px rgba(0, 44, 95, 0.14);\r\n  }\r\n\r\n  .hdm-bus-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    right: -1px;\r\n    bottom: 0;\r\n    z-index: 4;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.55);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u00c1REA DE IMAGEN\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-media {\r\n    position: relative;\r\n\r\n    min-height: 282px;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 42px 18px 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f7f9fb 100%\r\n      );\r\n  }\r\n\r\n  .hdm-bus-media::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: -77px;\r\n    bottom: -102px;\r\n\r\n    width: 235px;\r\n    height: 235px;\r\n\r\n    border: 1px solid rgba(53, 113, 158, 0.26);\r\n\r\n    transform: rotate(54deg);\r\n    transform-origin: center;\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.3s ease;\r\n  }\r\n\r\n  .hdm-bus-media::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 28px;\r\n    bottom: 24px;\r\n\r\n    width: 120px;\r\n    height: 4px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transition:\r\n      width 0.34s ease,\r\n      transform 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::before {\r\n    border-color: rgba(53, 113, 158, 0.42);\r\n\r\n    transform: rotate(60deg) scale(1.06);\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::after {\r\n    width: 145px;\r\n\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ETIQUETA SUPERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-label {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 24px;\r\n    z-index: 3;\r\n\r\n    min-height: 30px;\r\n    padding: 8px 12px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\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-bus-card:hover .hdm-bus-label {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGEN DEL BUS\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-image {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 340px;\r\n    height: 210px;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    filter:\r\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\r\n\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-image {\r\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\r\n\r\n    filter:\r\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 29px 28px 27px;\r\n\r\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\r\n  }\r\n\r\n  .hdm-bus-category {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hdm-blue);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-name {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-navy);\r\n\r\n    font-size: 38px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .hdm-bus-description {\r\n    margin: 19px 0 0;\r\n\r\n    color: var(--hdm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-action {\r\n    width: 100%;\r\n    margin-top: auto;\r\n    padding-top: 29px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    color: var(--hdm-navy);\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-action-text {\r\n    position: relative;\r\n\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .hdm-bus-action-text::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transform: scaleX(1);\r\n    transform-origin: left center;\r\n\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-action-text::after {\r\n    transform: scaleX(0.7);\r\n  }\r\n\r\n  .hdm-bus-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    border: 1px solid var(--hdm-navy);\r\n\r\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 16px;\r\n\r\n    transition:\r\n      transform 0.28s ease,\r\n      box-shadow 0.28s ease,\r\n      background-color 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-arrow,\r\n  .hdm-bus-action:focus-visible .hdm-bus-arrow {\r\n    background: var(--hdm-blue);\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 5px 5px 0 var(--hdm-navy);\r\n  }\r\n\r\n  .hdm-bus-action:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.36);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 440px) {\r\n    .hdm-bus-card-stage {\r\n      --hdm-depth-x: 6px;\r\n      --hdm-depth-y: 6px;\r\n    }\r\n\r\n    .hdm-bus-media {\r\n      min-height: 260px;\r\n      padding-right: 14px;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .hdm-bus-image {\r\n      max-width: 310px;\r\n      height: 190px;\r\n    }\r\n\r\n    .hdm-bus-content {\r\n      padding: 27px 24px 25px;\r\n    }\r\n\r\n    .hdm-bus-name {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACCESIBILIDAD\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-card-stage .hdm-bus-card,\r\n    .hdm-bus-card-stage .hdm-bus-media::before,\r\n    .hdm-bus-card-stage .hdm-bus-media::after,\r\n    .hdm-bus-card-stage .hdm-bus-label,\r\n    .hdm-bus-card-stage .hdm-bus-image,\r\n    .hdm-bus-card-stage .hdm-bus-action-text::after,\r\n    .hdm-bus-card-stage .hdm-bus-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hdm-bus-card-stage\">\r\n\r\n  <article class=\"hdm-bus-card\">\r\n\r\n    <div class=\"hdm-bus-media\">\r\n\r\n      <span class=\"hdm-bus-label\">\r\n        Hyundai Buses\r\n      <\/span>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\"\r\n        class=\"hdm-bus-image\"\r\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/country-241.png\"\r\n        alt=\"Bus Hyundai County 33 + 1 para transporte de pasajeros\"\r\n        width=\"300\"\r\n        height=\"225\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-bus-content\">\r\n\r\n      <span class=\"hdm-bus-category\">\r\n        Bus de pasajeros\r\n      <\/span>\r\n\r\n      <h2 class=\"hdm-bus-name\">\r\n        County 33 + 1\r\n      <\/h2>\r\n\r\n      <p class=\"hdm-bus-description\">\r\n        Bus con capacidad para 33 pasajeros m\u00e1s piloto, equipado con motor\r\n        di\u00e9sel turbo cargado con intercooler de 155 HP, torque de 38 kg\u00b7m,\r\n        transmisi\u00f3n mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2.\r\n        Incluye sistema de frenos ABS, asientos tipo butaca, puerta lateral\r\n        plegable autom\u00e1tica, salidas individuales de aire acondicionado por\r\n        fila y compartimiento de equipaje trasero.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"hdm-bus-action\"\r\n\t\thref=\"https:\/\/new.hyundaidemagna.com\/?page_id=1157\"\r\n\t\ttarget=\"_blank\"\r\n\t\trel=\"noopener noreferrer\"\r\n\t\taria-label=\"Conocer el modelo\"\r\n      >\r\n        <span class=\"hdm-bus-action-text\">\r\n          Conocer modelo\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"hdm-bus-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2192\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2ef863c e-con e-atomic-element e-div-block-base e-2ef863c-b5194b8 \" data-id=\"2ef863c\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2ef863c\" data-e-type=\"e-div-block\" data-id=\"2ef863c\">\n    \t\t<div class=\"elementor-element elementor-element-a548d3c elementor-widget elementor-widget-html\" data-id=\"a548d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hdm-bus-card-stage {\r\n    --hdm-navy: #002c5f;\r\n    --hdm-blue: #35719e;\r\n    --hdm-light-blue: #c8dce9;\r\n    --hdm-text: #333333;\r\n    --hdm-white: #ffffff;\r\n    --hdm-border: #cfd9e2;\r\n    --hdm-depth-x: 8px;\r\n    --hdm-depth-y: 8px;\r\n\r\n    width: 100%;\r\n    max-width: 378px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n\r\n    padding-right: var(--hdm-depth-x);\r\n    padding-bottom: var(--hdm-depth-y);\r\n\r\n    color: var(--hdm-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .hdm-bus-card-stage,\r\n  .hdm-bus-card-stage * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETA PRINCIPAL\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-card {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 558px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-white);\r\n\r\n    border: 1px solid var(--hdm-border);\r\n    border-top: 5px solid var(--hdm-blue);\r\n    border-radius: 1px;\r\n\r\n    box-shadow:\r\n      var(--hdm-depth-x) var(--hdm-depth-y) 0 var(--hdm-navy),\r\n      0 14px 28px rgba(0, 44, 95, 0.06);\r\n\r\n    transform: translate3d(0, 0, 0);\r\n\r\n    transition:\r\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover {\r\n    border-color: rgba(0, 44, 95, 0.34);\r\n\r\n    transform: translate3d(-4px, -4px, 0);\r\n\r\n    box-shadow:\r\n      12px 12px 0 var(--hdm-navy),\r\n      0 22px 42px rgba(0, 44, 95, 0.14);\r\n  }\r\n\r\n  .hdm-bus-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    right: -1px;\r\n    bottom: 0;\r\n    z-index: 4;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.55);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u00c1REA DE IMAGEN\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-media {\r\n    position: relative;\r\n\r\n    min-height: 282px;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 42px 18px 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f7f9fb 100%\r\n      );\r\n  }\r\n\r\n  .hdm-bus-media::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: -77px;\r\n    bottom: -102px;\r\n\r\n    width: 235px;\r\n    height: 235px;\r\n\r\n    border: 1px solid rgba(53, 113, 158, 0.26);\r\n\r\n    transform: rotate(54deg);\r\n    transform-origin: center;\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.3s ease;\r\n  }\r\n\r\n  .hdm-bus-media::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 28px;\r\n    bottom: 24px;\r\n\r\n    width: 120px;\r\n    height: 4px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transition:\r\n      width 0.34s ease,\r\n      transform 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::before {\r\n    border-color: rgba(53, 113, 158, 0.42);\r\n\r\n    transform: rotate(60deg) scale(1.06);\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-media::after {\r\n    width: 145px;\r\n\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ETIQUETA SUPERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-label {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 24px;\r\n    z-index: 3;\r\n\r\n    min-height: 30px;\r\n    padding: 8px 12px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\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-bus-card:hover .hdm-bus-label {\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGEN DEL BUS\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-image {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 340px;\r\n    height: 210px;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    filter:\r\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\r\n\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n\r\n    transition:\r\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 0.34s ease;\r\n  }\r\n\r\n  .hdm-bus-card:hover .hdm-bus-image {\r\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\r\n\r\n    filter:\r\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 29px 28px 27px;\r\n\r\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\r\n  }\r\n\r\n  .hdm-bus-category {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hdm-blue);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-name {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-navy);\r\n\r\n    font-size: 38px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .hdm-bus-description {\r\n    margin: 19px 0 0;\r\n\r\n    color: var(--hdm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-action {\r\n    width: 100%;\r\n    margin-top: auto;\r\n    padding-top: 29px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    color: var(--hdm-navy);\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .hdm-bus-action-text {\r\n    position: relative;\r\n\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .hdm-bus-action-text::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--hdm-blue);\r\n\r\n    transform: scaleX(1);\r\n    transform-origin: left center;\r\n\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-action-text::after {\r\n    transform: scaleX(0.7);\r\n  }\r\n\r\n  .hdm-bus-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--hdm-white);\r\n    background: var(--hdm-navy);\r\n\r\n    border: 1px solid var(--hdm-navy);\r\n\r\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\r\n\r\n    font-size: 16px;\r\n\r\n    transition:\r\n      transform 0.28s ease,\r\n      box-shadow 0.28s ease,\r\n      background-color 0.28s ease;\r\n  }\r\n\r\n  .hdm-bus-action:hover .hdm-bus-arrow,\r\n  .hdm-bus-action:focus-visible .hdm-bus-arrow {\r\n    background: var(--hdm-blue);\r\n\r\n    transform: translate(-2px, -2px);\r\n\r\n    box-shadow: 5px 5px 0 var(--hdm-navy);\r\n  }\r\n\r\n  .hdm-bus-action:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.36);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 440px) {\r\n    .hdm-bus-card-stage {\r\n      --hdm-depth-x: 6px;\r\n      --hdm-depth-y: 6px;\r\n    }\r\n\r\n    .hdm-bus-media {\r\n      min-height: 260px;\r\n      padding-right: 14px;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .hdm-bus-image {\r\n      max-width: 310px;\r\n      height: 190px;\r\n    }\r\n\r\n    .hdm-bus-content {\r\n      padding: 27px 24px 25px;\r\n    }\r\n\r\n    .hdm-bus-name {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACCESIBILIDAD\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-card-stage .hdm-bus-card,\r\n    .hdm-bus-card-stage .hdm-bus-media::before,\r\n    .hdm-bus-card-stage .hdm-bus-media::after,\r\n    .hdm-bus-card-stage .hdm-bus-label,\r\n    .hdm-bus-card-stage .hdm-bus-image,\r\n    .hdm-bus-card-stage .hdm-bus-action-text::after,\r\n    .hdm-bus-card-stage .hdm-bus-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hdm-bus-card-stage\">\r\n\r\n  <article class=\"hdm-bus-card\">\r\n\r\n    <div class=\"hdm-bus-media\">\r\n\r\n      <span class=\"hdm-bus-label\">\r\n        Hyundai Buses\r\n      <\/span>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\"\r\n        class=\"hdm-bus-image\"\r\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/07\/country-241.png\"\r\n        alt=\"Bus Hyundai County para transporte de pasajeros\"\r\n        width=\"300\"\r\n        height=\"225\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hdm-bus-content\">\r\n\r\n      <span class=\"hdm-bus-category\">\r\n        Bus de pasajeros\r\n      <\/span>\r\n\r\n      <h2 class=\"hdm-bus-name\">\r\n        Universe  \r\n      <\/h2>\r\n\r\n      <p class=\"hdm-bus-description\">\r\n        Una soluci\u00f3n vers\u00e1til para el transporte urbano, empresarial\r\n        y tur\u00edstico, dise\u00f1ada para ofrecer comodidad, eficiencia y\r\n        confianza en cada recorrido.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"hdm-bus-action\"\r\n        href=\"\/buses\/county\/\"\r\n        aria-label=\"Conocer el bus Hyundai County\"\r\n      >\r\n        <span class=\"hdm-bus-action-text\">\r\n          Conocer modelo\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"hdm-bus-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2192\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\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<div class=\"elementor-element elementor-element-f4f3b74 e-grid e-con-boxed e-con e-parent\" data-id=\"f4f3b74\" 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-38e1e8c e-con-full e-flex e-con e-child\" data-id=\"38e1e8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e01b24b elementor-widget elementor-widget-html\" data-id=\"e01b24b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================================\r\n     CTA DE ASESOR\u00cdA PARA BUSES\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-advisor-section {\r\n    --hdm-navy: #002c5f;\r\n    --hdm-blue: #35719e;\r\n    --hdm-white: #ffffff;\r\n    --hdm-background: #ffffff;\r\n    --hdm-text-soft: rgba(255, 255, 255, 0.78);\r\n    --hdm-focus: rgba(255, 255, 255, 0.45);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n\r\n    margin: 0;\r\n    padding: 40px 42px 92px;\r\n\r\n    background-color: var(--hdm-background) !important;\r\n\r\n    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .hdm-bus-advisor-section,\r\n  .hdm-bus-advisor-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     FIGURA GEOM\u00c9TRICA SUPERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-advisor-section::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: -115px;\r\n    right: -135px;\r\n    z-index: 0;\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.08);\r\n\r\n    transform: rotate(17deg);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     FIGURA GEOM\u00c9TRICA INFERIOR\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-advisor-section::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    right: 8%;\r\n    bottom: -250px;\r\n    z-index: 0;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.05);\r\n\r\n    transform: rotate(17deg);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENEDOR PRINCIPAL\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-advisor {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    min-width: 0;\r\n    min-height: 162px;\r\n\r\n    margin: 0 auto;\r\n    padding: 34px 38px;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 42px;\r\n\r\n    background-color: var(--hdm-navy);\r\n\r\n    border-left: 5px solid var(--hdm-blue);\r\n    border-radius: 1px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-advisor-content {\r\n    min-width: 0;\r\n  }\r\n\r\n  .hdm-bus-advisor-title {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-white);\r\n\r\n    font-size: clamp(30px, 3vw, 36px);\r\n    font-weight: 900;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .hdm-bus-advisor-text {\r\n    width: 100%;\r\n    max-width: 760px;\r\n\r\n    margin: 12px 0 0;\r\n\r\n    color: var(--hdm-text-soft);\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N\r\n     ========================================================= *\/\r\n\r\n  .hdm-bus-advisor-button {\r\n    min-width: 210px;\r\n    min-height: 54px;\r\n\r\n    padding: 15px 24px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    color: var(--hdm-navy);\r\n    background-color: var(--hdm-white);\r\n\r\n    border: 2px solid var(--hdm-white);\r\n    border-radius: 2px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n      color 0.25s ease,\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;\r\n  }\r\n\r\n  .hdm-bus-advisor-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .hdm-bus-advisor-button:hover,\r\n  .hdm-bus-advisor-button:focus-visible {\r\n    color: var(--hdm-white);\r\n\r\n    background-color: var(--hdm-blue);\r\n    border-color: var(--hdm-blue);\r\n\r\n    transform: translate(-3px, -3px);\r\n\r\n    box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.22);\r\n  }\r\n\r\n  .hdm-bus-advisor-button:hover .hdm-bus-advisor-arrow,\r\n  .hdm-bus-advisor-button:focus-visible .hdm-bus-advisor-arrow {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .hdm-bus-advisor-button:focus-visible {\r\n    outline: 3px solid var(--hdm-focus);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLETA\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .hdm-bus-advisor-section {\r\n      padding-right: 24px;\r\n      padding-left: 24px;\r\n    }\r\n\r\n    .hdm-bus-advisor {\r\n      grid-template-columns: 1fr;\r\n      gap: 26px;\r\n    }\r\n\r\n    .hdm-bus-advisor-button {\r\n      width: fit-content;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     M\u00d3VIL\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 600px) {\r\n    .hdm-bus-advisor-section {\r\n      padding: 24px 16px 64px;\r\n    }\r\n\r\n    .hdm-bus-advisor {\r\n      min-height: auto;\r\n      padding: 30px 24px;\r\n      gap: 24px;\r\n    }\r\n\r\n    .hdm-bus-advisor-title {\r\n      font-size: clamp(26px, 8vw, 33px);\r\n    }\r\n\r\n    .hdm-bus-advisor-text {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .hdm-bus-advisor-button {\r\n      width: 100%;\r\n      min-width: 0;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACCESIBILIDAD\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdm-bus-advisor-button,\r\n    .hdm-bus-advisor-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"hdm-bus-advisor-section\"\r\n  aria-labelledby=\"hdm-bus-advisor-title\"\r\n>\r\n  <div class=\"hdm-bus-advisor\">\r\n\r\n    <div class=\"hdm-bus-advisor-content\">\r\n\r\n      <h2\r\n        class=\"hdm-bus-advisor-title\"\r\n        id=\"hdm-bus-advisor-title\"\r\n      >\r\n        \u00bfNo sabes qu\u00e9 bus elegir?\r\n      <\/h2>\r\n\r\n      <p class=\"hdm-bus-advisor-text\">\r\n        Cu\u00e9ntanos sobre el tipo de recorrido, la cantidad de pasajeros\r\n        y las necesidades de tu operaci\u00f3n. Nuestro equipo comercial te\r\n        ayudar\u00e1 a encontrar el bus Hyundai m\u00e1s adecuado para tu empresa.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"hdm-bus-advisor-button\"\r\n      href=\"#contacto\"\r\n      aria-label=\"Hablar con un asesor comercial sobre buses Hyundai\"\r\n    >\r\n      Hablar con un asesor\r\n\r\n      <span\r\n        class=\"hdm-bus-advisor-arrow\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        \u2192\r\n      <\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\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 Hyundai Magna \u2014 Encabezado de operaciones NUESTRA L\u00cdNEA DE BUSES Encuentra el bus ideal para cada&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-1005","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/1005","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=1005"}],"version-history":[{"count":5,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/1005\/revisions"}],"predecessor-version":[{"id":1246,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/1005\/revisions\/1246"}],"wp:attachment":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}