{"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-10-31T03:22:59","modified_gmt":"2026-10-30T21:22:59","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-default-div 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<section\r\n  class=\"hm-ex8-hero\"\r\n  aria-label=\"Hyundai Buses\"\r\n>\r\n\r\n  <a\r\n    class=\"hm-ex8-hero__link\"\r\n    href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1459\"\r\n    aria-label=\"Cotiza tu Hyundai Bueses\"\r\n  >\r\n\r\n    <div class=\"hm-ex8-hero__media\">\r\n\r\n      <img fetchpriority=\"high\"\r\n        class=\"hm-ex8-hero__image\"\r\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/County-Panoramcia.png\"\r\n        alt=\"Hyundai Buses, tu aliado para los partidos m\u00e1s grandes\"\r\n        width=\"1200\"\r\n        height=\"628\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   1. CONFIGURACI\u00d3N ELEMENTOR\r\n========================================== *\/\r\n\r\n.yt-hero-shell,\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\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\r\n\/* ==========================================\r\n   2. BANNER PRINCIPAL\r\n========================================== *\/\r\n\r\n.hm-ex8-hero,\r\n.hm-ex8-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hm-ex8-hero {\r\n\r\n  position: relative;\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n  min-height: 0;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #002c5f;\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   3. ENLACE DE COTIZACI\u00d3N\r\n========================================== *\/\r\n\r\n.hm-ex8-hero__link,\r\n.hm-ex8-hero__link:visited {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  text-decoration: none;\r\n\r\n  cursor: pointer;\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   4. CONTENEDOR IMAGEN ESCRITORIO\r\n========================================== *\/\r\n\r\n.hm-ex8-hero__media {\r\n\r\n  position: relative;\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  \/* ALTURA VISUAL ORIGINAL *\/\r\n  aspect-ratio: 1500 \/ 628;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  line-height: 0;\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   5. IMAGEN PRINCIPAL\r\n========================================== *\/\r\n\r\n.hm-ex8-hero__image {\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  display: block;\r\n\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  \/* NO DEFORMAR IMAGEN *\/\r\n  object-fit: cover;\r\n\r\n\r\n  object-position: center bottom;\r\n\r\n  transform: none !important;\r\n\r\n  border: none;\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   6. ACCESIBILIDAD\r\n========================================== *\/\r\n\r\n.hm-ex8-hero__link:focus-visible {\r\n\r\n  outline: 3px solid #00aad2;\r\n  outline-offset: -3px;\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   7. TABLET\r\n   768px A 1024px\r\n========================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .hm-ex8-hero {\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n  }\r\n\r\n  .hm-ex8-hero__media {\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1500 \/ 628;\r\n\r\n  }\r\n\r\n  .hm-ex8-hero__image {\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center bottom;\r\n\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   8. CELULAR\r\n   HASTA 767px\r\n========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  \/* CONTENEDOR PRINCIPAL *\/\r\n\r\n  .hm-ex8-hero {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    overflow: hidden;\r\n\r\n    background: transparent;\r\n\r\n  }\r\n\r\n  \/* ENLACE *\/\r\n\r\n  .hm-ex8-hero__link {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n  }\r\n\r\n  \/* CONTENEDOR IMAGEN *\/\r\n\r\n  .hm-ex8-hero__media {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    \/* FORMATO REAL DE LA IMAGEN *\/\r\n    aspect-ratio: 1200 \/ 628;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    overflow: hidden;\r\n\r\n    background: transparent;\r\n\r\n  }\r\n\r\n  \/* IMAGEN SIN RECORTES *\/\r\n\r\n  .hm-ex8-hero__image {\r\n\r\n    position: static;\r\n\r\n    display: block;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    height: auto !important;\r\n\r\n    aspect-ratio: 1200 \/ 628;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    transform: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   9. PANTALLAS PEQUE\u00d1AS\r\n   HASTA 480px\r\n========================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .hm-ex8-hero {\r\n\r\n    width: 100%;\r\n    height: auto !important;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n  }\r\n\r\n  .hm-ex8-hero__media {\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    aspect-ratio: 1200 \/ 628;\r\n\r\n  }\r\n\r\n  .hm-ex8-hero__image {\r\n\r\n    width: 100% !important;\r\n    height: auto !important;\r\n\r\n    object-fit: contain;\r\n\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   10. MOVIMIENTO REDUCIDO\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .hm-ex8-hero,\r\n  .hm-ex8-hero__image {\r\n\r\n    animation: none !important;\r\n    transition: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\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-default-div 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>\n  .hdm-c241-card-stage {\n    --c241-navy: #002c5f;\n    --c241-blue: #35719e;\n    --c241-light-blue: #c8dce9;\n    --c241-text: #333333;\n    --c241-white: #ffffff;\n    --c241-border: #cfd9e2;\n    --c241-depth-x: 8px;\n    --c241-depth-y: 8px;\n\n    width: 100%;\n    max-width: 378px;\n    min-width: 0;\n    margin: 0 auto;\n\n    padding-right: var(--c241-depth-x);\n    padding-bottom: var(--c241-depth-y);\n\n    color: var(--c241-text);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .hdm-c241-card-stage,\n  .hdm-c241-card-stage * {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     TARJETA PRINCIPAL\n     ========================================================= *\/\n\n  .hdm-c241-card {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 558px;\n\n    display: flex;\n    flex-direction: column;\n\n    background: var(--c241-white);\n\n    border: 1px solid var(--c241-border);\n    border-top: 5px solid var(--c241-blue);\n    border-radius: 1px;\n\n    box-shadow:\n      var(--c241-depth-x) var(--c241-depth-y) 0 var(--c241-navy),\n      0 14px 28px rgba(0, 44, 95, 0.06);\n\n    transform: translate3d(0, 0, 0);\n\n    transition:\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.25s ease;\n  }\n\n  .hdm-c241-card:hover {\n    border-color: rgba(0, 44, 95, 0.34);\n\n    transform: translate3d(-4px, -4px, 0);\n\n    box-shadow:\n      12px 12px 0 var(--c241-navy),\n      0 22px 42px rgba(0, 44, 95, 0.14);\n  }\n\n  .hdm-c241-card::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: -1px;\n    bottom: 0;\n    z-index: 4;\n\n    width: 1px;\n\n    background: rgba(255, 255, 255, 0.55);\n\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     \u00c1REA DE IMAGEN\n     ========================================================= *\/\n\n  .hdm-c241-media {\n    position: relative;\n\n    min-height: 282px;\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 42px 18px 24px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #f7f9fb 100%\n      );\n  }\n\n  .hdm-c241-media::before {\n    content: \"\";\n\n    position: absolute;\n    right: -77px;\n    bottom: -102px;\n\n    width: 235px;\n    height: 235px;\n\n    border: 1px solid rgba(53, 113, 158, 0.26);\n\n    transform: rotate(54deg);\n    transform-origin: center;\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.3s ease;\n  }\n\n  .hdm-c241-media::after {\n    content: \"\";\n\n    position: absolute;\n    left: 28px;\n    bottom: 24px;\n\n    width: 120px;\n    height: 4px;\n\n    background: var(--c241-blue);\n\n    transition:\n      width 0.34s ease,\n      transform 0.34s ease;\n  }\n\n  .hdm-c241-card:hover .hdm-c241-media::before {\n    border-color: rgba(53, 113, 158, 0.42);\n\n    transform: rotate(60deg) scale(1.06);\n  }\n\n  .hdm-c241-card:hover .hdm-c241-media::after {\n    width: 145px;\n\n    transform: translateX(4px);\n  }\n\n  \/* =========================================================\n     ETIQUETA SUPERIOR\n     ========================================================= *\/\n\n  .hdm-c241-label {\n    position: absolute;\n    top: 18px;\n    left: 24px;\n    z-index: 3;\n\n    min-height: 30px;\n    padding: 8px 12px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c241-white);\n    background: var(--c241-navy);\n\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 10px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .hdm-c241-card:hover .hdm-c241-label {\n    transform: translate(-2px, -2px);\n\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\n  }\n\n  \/* =========================================================\n     IMAGEN DEL BUS\n     ========================================================= *\/\n\n  .hdm-c241-image {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n    max-width: 340px;\n    height: 210px;\n\n    object-fit: contain;\n    object-position: center;\n\n    filter:\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\n\n    transform: translate3d(0, 0, 0) scale(1);\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      filter 0.34s ease;\n  }\n\n  .hdm-c241-card:hover .hdm-c241-image {\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\n\n    filter:\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\n  }\n\n  \/* =========================================================\n     CONTENIDO\n     ========================================================= *\/\n\n  .hdm-c241-content {\n    flex: 1;\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    padding: 29px 28px 27px;\n\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\n  }\n\n  .hdm-c241-category {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color: var(--c241-blue);\n\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c241-name {\n    margin: 0;\n\n    color: var(--c241-navy);\n\n    font-size: 38px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.035em;\n  }\n\n  .hdm-c241-description {\n    margin: 19px 0 0;\n\n    color: var(--c241-text);\n\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.65;\n  }\n\n  \/* =========================================================\n     BOT\u00d3N\n     ========================================================= *\/\n\n  .hdm-c241-action {\n    width: 100%;\n    margin-top: auto;\n    padding-top: 29px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n\n    color: var(--c241-navy);\n    text-decoration: none;\n\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.035em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c241-action-text {\n    position: relative;\n\n    padding-bottom: 8px;\n  }\n\n  .hdm-c241-action-text::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 2px;\n\n    background: var(--c241-blue);\n\n    transform: scaleX(1);\n    transform-origin: left center;\n\n    transition: transform 0.28s ease;\n  }\n\n  .hdm-c241-action:hover .hdm-c241-action-text::after {\n    transform: scaleX(0.7);\n  }\n\n  .hdm-c241-arrow {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 auto;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c241-white);\n    background: var(--c241-navy);\n\n    border: 1px solid var(--c241-navy);\n\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 16px;\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      background-color 0.28s ease;\n  }\n\n  .hdm-c241-action:hover .hdm-c241-arrow,\n  .hdm-c241-action:focus-visible .hdm-c241-arrow {\n    background: var(--c241-blue);\n\n    transform: translate(-2px, -2px);\n\n    box-shadow: 5px 5px 0 var(--c241-navy);\n  }\n\n  .hdm-c241-action:focus-visible {\n    outline: 3px solid rgba(53, 113, 158, 0.36);\n    outline-offset: 5px;\n  }\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 440px) {\n    .hdm-c241-card-stage {\n      --c241-depth-x: 6px;\n      --c241-depth-y: 6px;\n    }\n\n    .hdm-c241-media {\n      min-height: 260px;\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n    .hdm-c241-image {\n      max-width: 310px;\n      height: 190px;\n    }\n\n    .hdm-c241-content {\n      padding: 27px 24px 25px;\n    }\n\n    .hdm-c241-name {\n      font-size: 36px;\n    }\n  }\n\n  \/* =========================================================\n     ACCESIBILIDAD\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .hdm-c241-card-stage .hdm-c241-card,\n    .hdm-c241-card-stage .hdm-c241-media::before,\n    .hdm-c241-card-stage .hdm-c241-media::after,\n    .hdm-c241-card-stage .hdm-c241-label,\n    .hdm-c241-card-stage .hdm-c241-image,\n    .hdm-c241-card-stage .hdm-c241-action-text::after,\n    .hdm-c241-card-stage .hdm-c241-arrow {\n      transition: none;\n    }\n  }\n\n\n  .hdm-c241-card-stage {\n    container: hdm-c241-stage \/ inline-size;\n    --c241-altura-fila1: 700px;\n  }\n\n  .hdm-c241-card-stage .hdm-c241-card {\n    min-height: var(--c241-altura-fila1);\n  }\n\n  @container hdm-c241-stage (max-width: 366px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 725px; }\n  }\n  @container hdm-c241-stage (max-width: 337px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 745px; }\n  }\n  @container hdm-c241-stage (max-width: 307px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 775px; }\n  }\n  @container hdm-c241-stage (max-width: 277px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 810px; }\n  }\n  @container hdm-c241-stage (max-width: 267px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 855px; }\n  }\n  @container hdm-c241-stage (max-width: 257px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 850px; }\n  }\n  @container hdm-c241-stage (max-width: 247px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 880px; }\n  }\n  @container hdm-c241-stage (max-width: 237px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 925px; }\n  }\n  @container hdm-c241-stage (max-width: 217px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 995px; }\n  }\n\n  @media (max-width: 440px) {\n    .hdm-c241-card-stage .hdm-c241-card { min-height: 670px; }\n    @container hdm-c241-stage (max-width: 347px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 695px; }\n    }\n    @container hdm-c241-stage (max-width: 312px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 715px; }\n    }\n    @container hdm-c241-stage (max-width: 292px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 750px; }\n    }\n    @container hdm-c241-stage (max-width: 272px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 790px; }\n    }\n    @container hdm-c241-stage (max-width: 252px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 810px; }\n    }\n    @container hdm-c241-stage (max-width: 242px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 845px; }\n    }\n    @container hdm-c241-stage (max-width: 232px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 870px; }\n    }\n    @container hdm-c241-stage (max-width: 212px) {\n      .hdm-c241-card-stage .hdm-c241-card { min-height: 920px; }\n    }\n  }\n\n\n\n<\/style>\n\n<div class=\"hdm-c241-card-stage\">\n\n  <article class=\"hdm-c241-card\">\n\n    <div class=\"hdm-c241-media\">\n\n      <span class=\"hdm-c241-label\">\n        Hyundai Buses\n      <\/span>\n\n      <img loading=\"lazy\" decoding=\"async\"\n        class=\"hdm-c241-image\"\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/County-24-1.png\"\n        alt=\"Bus Hyundai County 24 + 1 para transporte de pasajeros\"\n        width=\"300\"\n        height=\"225\"\n        loading=\"lazy\"\n      >\n\n    <\/div>\n\n    <div class=\"hdm-c241-content\">\n\n      <span class=\"hdm-c241-category\">\n        Bus de pasajeros\n      <\/span>\n\n      <h2 class=\"hdm-c241-name\">\n        County 24 + 1\n      <\/h2>\n\n      <p class=\"hdm-c241-description\">\n        Bus con capacidad para 24 pasajeros m\u00e1s piloto, equipado con motor\n        di\u00e9sel turbo intercooler de 130 HP, torque de 38 kg\u00b7m (372 Nm),\n        transmisi\u00f3n mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2.\n        Incluye aire acondicionado frontal y central, asientos tipo butaca\n        y puerta lateral plegable autom\u00e1tica.\n      <\/p>\n\n      <a\n        class=\"hdm-c241-action\"\n        href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1183\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Conocer el modelo\"\n       >\n        <span class=\"hdm-c241-action-text\">\n          Conocer modelo\n        <\/span>\n\n        <span\n          class=\"hdm-c241-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/article>\n\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-default-div 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>\n  .hdm-c241r-card-stage {\n    --c241r-navy: #002c5f;\n    --c241r-blue: #35719e;\n    --c241r-light-blue: #c8dce9;\n    --c241r-text: #333333;\n    --c241r-white: #ffffff;\n    --c241r-border: #cfd9e2;\n    --c241r-depth-x: 8px;\n    --c241r-depth-y: 8px;\n\n    width: 100%;\n    max-width: 378px;\n    min-width: 0;\n    margin: 0 auto;\n\n    padding-right: var(--c241r-depth-x);\n    padding-bottom: var(--c241r-depth-y);\n\n    color: var(--c241r-text);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .hdm-c241r-card-stage,\n  .hdm-c241r-card-stage * {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     TARJETA PRINCIPAL\n     ========================================================= *\/\n\n  .hdm-c241r-card {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 558px;\n\n    display: flex;\n    flex-direction: column;\n\n    background: var(--c241r-white);\n\n    border: 1px solid var(--c241r-border);\n    border-top: 5px solid var(--c241r-blue);\n    border-radius: 1px;\n\n    box-shadow:\n      var(--c241r-depth-x) var(--c241r-depth-y) 0 var(--c241r-navy),\n      0 14px 28px rgba(0, 44, 95, 0.06);\n\n    transform: translate3d(0, 0, 0);\n\n    transition:\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.25s ease;\n  }\n\n  .hdm-c241r-card:hover {\n    border-color: rgba(0, 44, 95, 0.34);\n\n    transform: translate3d(-4px, -4px, 0);\n\n    box-shadow:\n      12px 12px 0 var(--c241r-navy),\n      0 22px 42px rgba(0, 44, 95, 0.14);\n  }\n\n  .hdm-c241r-card::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: -1px;\n    bottom: 0;\n    z-index: 4;\n\n    width: 1px;\n\n    background: rgba(255, 255, 255, 0.55);\n\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     \u00c1REA DE IMAGEN\n     ========================================================= *\/\n\n  .hdm-c241r-media {\n    position: relative;\n\n    min-height: 282px;\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 42px 18px 24px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #f7f9fb 100%\n      );\n  }\n\n  .hdm-c241r-media::before {\n    content: \"\";\n\n    position: absolute;\n    right: -77px;\n    bottom: -102px;\n\n    width: 235px;\n    height: 235px;\n\n    border: 1px solid rgba(53, 113, 158, 0.26);\n\n    transform: rotate(54deg);\n    transform-origin: center;\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.3s ease;\n  }\n\n  .hdm-c241r-media::after {\n    content: \"\";\n\n    position: absolute;\n    left: 28px;\n    bottom: 24px;\n\n    width: 120px;\n    height: 4px;\n\n    background: var(--c241r-blue);\n\n    transition:\n      width 0.34s ease,\n      transform 0.34s ease;\n  }\n\n  .hdm-c241r-card:hover .hdm-c241r-media::before {\n    border-color: rgba(53, 113, 158, 0.42);\n\n    transform: rotate(60deg) scale(1.06);\n  }\n\n  .hdm-c241r-card:hover .hdm-c241r-media::after {\n    width: 145px;\n\n    transform: translateX(4px);\n  }\n\n  \/* =========================================================\n     ETIQUETA SUPERIOR\n     ========================================================= *\/\n\n  .hdm-c241r-label {\n    position: absolute;\n    top: 18px;\n    left: 24px;\n    z-index: 3;\n\n    min-height: 30px;\n    padding: 8px 12px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c241r-white);\n    background: var(--c241r-navy);\n\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 10px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .hdm-c241r-card:hover .hdm-c241r-label {\n    transform: translate(-2px, -2px);\n\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\n  }\n\n  \/* =========================================================\n     IMAGEN DEL BUS\n     ========================================================= *\/\n\n  .hdm-c241r-image {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n    max-width: 340px;\n    height: 210px;\n\n    object-fit: contain;\n    object-position: center;\n\n    filter:\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\n\n    transform: translate3d(0, 0, 0) scale(1);\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      filter 0.34s ease;\n  }\n\n  .hdm-c241r-card:hover .hdm-c241r-image {\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\n\n    filter:\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\n  }\n\n  \/* =========================================================\n     CONTENIDO\n     ========================================================= *\/\n\n  .hdm-c241r-content {\n    flex: 1;\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    padding: 29px 28px 27px;\n\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\n  }\n\n  .hdm-c241r-category {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color: var(--c241r-blue);\n\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c241r-name {\n    margin: 0;\n\n    color: var(--c241r-navy);\n\n    font-size: 38px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.035em;\n  }\n\n  .hdm-c241r-description {\n    margin: 19px 0 0;\n\n    color: var(--c241r-text);\n\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.65;\n  }\n\n  \/* =========================================================\n     BOT\u00d3N\n     ========================================================= *\/\n\n  .hdm-c241r-action {\n    width: 100%;\n    margin-top: auto;\n    padding-top: 29px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n\n    color: var(--c241r-navy);\n    text-decoration: none;\n\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.035em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c241r-action-text {\n    position: relative;\n\n    padding-bottom: 8px;\n  }\n\n  .hdm-c241r-action-text::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 2px;\n\n    background: var(--c241r-blue);\n\n    transform: scaleX(1);\n    transform-origin: left center;\n\n    transition: transform 0.28s ease;\n  }\n\n  .hdm-c241r-action:hover .hdm-c241r-action-text::after {\n    transform: scaleX(0.7);\n  }\n\n  .hdm-c241r-arrow {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 auto;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c241r-white);\n    background: var(--c241r-navy);\n\n    border: 1px solid var(--c241r-navy);\n\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 16px;\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      background-color 0.28s ease;\n  }\n\n  .hdm-c241r-action:hover .hdm-c241r-arrow,\n  .hdm-c241r-action:focus-visible .hdm-c241r-arrow {\n    background: var(--c241r-blue);\n\n    transform: translate(-2px, -2px);\n\n    box-shadow: 5px 5px 0 var(--c241r-navy);\n  }\n\n  .hdm-c241r-action:focus-visible {\n    outline: 3px solid rgba(53, 113, 158, 0.36);\n    outline-offset: 5px;\n  }\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 440px) {\n    .hdm-c241r-card-stage {\n      --c241r-depth-x: 6px;\n      --c241r-depth-y: 6px;\n    }\n\n    .hdm-c241r-media {\n      min-height: 260px;\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n    .hdm-c241r-image {\n      max-width: 310px;\n      height: 190px;\n    }\n\n    .hdm-c241r-content {\n      padding: 27px 24px 25px;\n    }\n\n    .hdm-c241r-name {\n      font-size: 34px;\n    }\n  }\n\n  \/* =========================================================\n     ACCESIBILIDAD\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .hdm-c241r-card-stage .hdm-c241r-card,\n    .hdm-c241r-card-stage .hdm-c241r-media::before,\n    .hdm-c241r-card-stage .hdm-c241r-media::after,\n    .hdm-c241r-card-stage .hdm-c241r-label,\n    .hdm-c241r-card-stage .hdm-c241r-image,\n    .hdm-c241r-card-stage .hdm-c241r-action-text::after,\n    .hdm-c241r-card-stage .hdm-c241r-arrow {\n      transition: none;\n    }\n  }\n\n\n\n  .hdm-c241r-card-stage {\n    container: hdm-c241r-stage \/ inline-size;\n    --c241r-altura-fila1: 700px;\n  }\n\n  .hdm-c241r-card-stage .hdm-c241r-card {\n    min-height: var(--c241r-altura-fila1);\n  }\n\n  @container hdm-c241r-stage (max-width: 366px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 725px; }\n  }\n  @container hdm-c241r-stage (max-width: 337px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 745px; }\n  }\n  @container hdm-c241r-stage (max-width: 307px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 775px; }\n  }\n  @container hdm-c241r-stage (max-width: 277px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 810px; }\n  }\n  @container hdm-c241r-stage (max-width: 267px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 855px; }\n  }\n  @container hdm-c241r-stage (max-width: 257px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 850px; }\n  }\n  @container hdm-c241r-stage (max-width: 247px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 880px; }\n  }\n  @container hdm-c241r-stage (max-width: 237px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 925px; }\n  }\n  @container hdm-c241r-stage (max-width: 217px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 995px; }\n  }\n\n  @media (max-width: 440px) {\n    .hdm-c241r-card-stage .hdm-c241r-card { min-height: 670px; }\n    @container hdm-c241r-stage (max-width: 347px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 695px; }\n    }\n    @container hdm-c241r-stage (max-width: 312px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 715px; }\n    }\n    @container hdm-c241r-stage (max-width: 292px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 750px; }\n    }\n    @container hdm-c241r-stage (max-width: 272px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 790px; }\n    }\n    @container hdm-c241r-stage (max-width: 252px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 810px; }\n    }\n    @container hdm-c241r-stage (max-width: 242px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 845px; }\n    }\n    @container hdm-c241r-stage (max-width: 232px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 870px; }\n    }\n    @container hdm-c241r-stage (max-width: 212px) {\n      .hdm-c241r-card-stage .hdm-c241r-card { min-height: 920px; }\n    }\n  }\n\n\n\n<\/style>\n\n<div class=\"hdm-c241r-card-stage\">\n\n  <article class=\"hdm-c241r-card\">\n\n    <div class=\"hdm-c241r-media\">\n\n      <span class=\"hdm-c241r-label\">\n        Hyundai Buses\n      <\/span>\n\n      <img loading=\"lazy\" decoding=\"async\"\n        class=\"hdm-c241r-image\"\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/County-24-1.png\"\n        alt=\"Bus Hyundai County 24 + 1 Reclinable para transporte de pasajeros\"\n        width=\"300\"\n        height=\"225\"\n        loading=\"lazy\"\n      >\n\n    <\/div>\n\n    <div class=\"hdm-c241r-content\">\n\n      <span class=\"hdm-c241r-category\">\n        Bus de pasajeros\n      <\/span>\n\n      <h2 class=\"hdm-c241r-name\">\n        County 24 + 1 Reclinable\n      <\/h2>\n\n      <p class=\"hdm-c241r-description\">\n        Bus con capacidad para 24 pasajeros m\u00e1s piloto, equipado con motor\n        di\u00e9sel turbo alimentado con intercooler de 155 HP, transmisi\u00f3n\n        mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2. Incluye\n        asientos tipo butaca reclinables, sistema de frenos ABS, aire\n        acondicionado frontal y central y puerta lateral plegable autom\u00e1tica.\n      <\/p>\n\n\t\t<a\n\t\t\tclass=\"hdm-c241r-action\"\n\t\t\thref=\"https:\/\/new.hyundaidemagna.com\/?page_id=1044\"\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener noreferrer\"\n\t\t\taria-label=\"Conocer el modelo\"\n\t\t>\n        <span class=\"hdm-c241r-action-text\">\n          Conocer modelo\n        <\/span>\n\n        <span\n          class=\"hdm-c241r-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/article>\n\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-default-div 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>\n  .hdm-c291-card-stage {\n    --c291-navy: #002c5f;\n    --c291-blue: #35719e;\n    --c291-light-blue: #c8dce9;\n    --c291-text: #333333;\n    --c291-white: #ffffff;\n    --c291-border: #cfd9e2;\n    --c291-depth-x: 8px;\n    --c291-depth-y: 8px;\n\n    width: 100%;\n    max-width: 378px;\n    min-width: 0;\n    margin: 0 auto;\n\n    padding-right: var(--c291-depth-x);\n    padding-bottom: var(--c291-depth-y);\n\n    color: var(--c291-text);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .hdm-c291-card-stage,\n  .hdm-c291-card-stage * {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     TARJETA PRINCIPAL\n     ========================================================= *\/\n\n  .hdm-c291-card {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 558px;\n\n    display: flex;\n    flex-direction: column;\n\n    background: var(--c291-white);\n\n    border: 1px solid var(--c291-border);\n    border-top: 5px solid var(--c291-blue);\n    border-radius: 1px;\n\n    box-shadow:\n      var(--c291-depth-x) var(--c291-depth-y) 0 var(--c291-navy),\n      0 14px 28px rgba(0, 44, 95, 0.06);\n\n    transform: translate3d(0, 0, 0);\n\n    transition:\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.25s ease;\n  }\n\n  .hdm-c291-card:hover {\n    border-color: rgba(0, 44, 95, 0.34);\n\n    transform: translate3d(-4px, -4px, 0);\n\n    box-shadow:\n      12px 12px 0 var(--c291-navy),\n      0 22px 42px rgba(0, 44, 95, 0.14);\n  }\n\n  .hdm-c291-card::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: -1px;\n    bottom: 0;\n    z-index: 4;\n\n    width: 1px;\n\n    background: rgba(255, 255, 255, 0.55);\n\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     \u00c1REA DE IMAGEN\n     ========================================================= *\/\n\n  .hdm-c291-media {\n    position: relative;\n\n    min-height: 282px;\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 42px 18px 24px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #f7f9fb 100%\n      );\n  }\n\n  .hdm-c291-media::before {\n    content: \"\";\n\n    position: absolute;\n    right: -77px;\n    bottom: -102px;\n\n    width: 235px;\n    height: 235px;\n\n    border: 1px solid rgba(53, 113, 158, 0.26);\n\n    transform: rotate(54deg);\n    transform-origin: center;\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.3s ease;\n  }\n\n  .hdm-c291-media::after {\n    content: \"\";\n\n    position: absolute;\n    left: 28px;\n    bottom: 24px;\n\n    width: 120px;\n    height: 4px;\n\n    background: var(--c291-blue);\n\n    transition:\n      width 0.34s ease,\n      transform 0.34s ease;\n  }\n\n  .hdm-c291-card:hover .hdm-c291-media::before {\n    border-color: rgba(53, 113, 158, 0.42);\n\n    transform: rotate(60deg) scale(1.06);\n  }\n\n  .hdm-c291-card:hover .hdm-c291-media::after {\n    width: 145px;\n\n    transform: translateX(4px);\n  }\n\n  \/* =========================================================\n     ETIQUETA SUPERIOR\n     ========================================================= *\/\n\n  .hdm-c291-label {\n    position: absolute;\n    top: 18px;\n    left: 24px;\n    z-index: 3;\n\n    min-height: 30px;\n    padding: 8px 12px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c291-white);\n    background: var(--c291-navy);\n\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 10px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .hdm-c291-card:hover .hdm-c291-label {\n    transform: translate(-2px, -2px);\n\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\n  }\n\n  \/* =========================================================\n     IMAGEN DEL BUS\n     ========================================================= *\/\n\n  .hdm-c291-image {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n    max-width: 340px;\n    height: 210px;\n\n    object-fit: contain;\n    object-position: center;\n\n    filter:\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\n\n    transform: translate3d(0, 0, 0) scale(1);\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      filter 0.34s ease;\n  }\n\n  .hdm-c291-card:hover .hdm-c291-image {\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\n\n    filter:\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\n  }\n\n  \/* =========================================================\n     CONTENIDO\n     ========================================================= *\/\n\n  .hdm-c291-content {\n    flex: 1;\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    padding: 29px 28px 27px;\n\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\n  }\n\n  .hdm-c291-category {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color: var(--c291-blue);\n\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c291-name {\n    margin: 0;\n\n    color: var(--c291-navy);\n\n    font-size: 38px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.035em;\n  }\n\n  .hdm-c291-description {\n    margin: 19px 0 0;\n\n    color: var(--c291-text);\n\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.65;\n  }\n\n  \/* =========================================================\n     BOT\u00d3N\n     ========================================================= *\/\n\n  .hdm-c291-action {\n    width: 100%;\n    margin-top: auto;\n    padding-top: 29px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n\n    color: var(--c291-navy);\n    text-decoration: none;\n\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.035em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c291-action-text {\n    position: relative;\n\n    padding-bottom: 8px;\n  }\n\n  .hdm-c291-action-text::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 2px;\n\n    background: var(--c291-blue);\n\n    transform: scaleX(1);\n    transform-origin: left center;\n\n    transition: transform 0.28s ease;\n  }\n\n  .hdm-c291-action:hover .hdm-c291-action-text::after {\n    transform: scaleX(0.7);\n  }\n\n  .hdm-c291-arrow {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 auto;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c291-white);\n    background: var(--c291-navy);\n\n    border: 1px solid var(--c291-navy);\n\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 16px;\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      background-color 0.28s ease;\n  }\n\n  .hdm-c291-action:hover .hdm-c291-arrow,\n  .hdm-c291-action:focus-visible .hdm-c291-arrow {\n    background: var(--c291-blue);\n\n    transform: translate(-2px, -2px);\n\n    box-shadow: 5px 5px 0 var(--c291-navy);\n  }\n\n  .hdm-c291-action:focus-visible {\n    outline: 3px solid rgba(53, 113, 158, 0.36);\n    outline-offset: 5px;\n  }\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 440px) {\n    .hdm-c291-card-stage {\n      --c291-depth-x: 6px;\n      --c291-depth-y: 6px;\n    }\n\n    .hdm-c291-media {\n      min-height: 260px;\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n    .hdm-c291-image {\n      max-width: 310px;\n      height: 190px;\n    }\n\n    .hdm-c291-content {\n      padding: 27px 24px 25px;\n    }\n\n    .hdm-c291-name {\n      font-size: 36px;\n    }\n  }\n\n  \/* =========================================================\n     ACCESIBILIDAD\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .hdm-c291-card-stage .hdm-c291-card,\n    .hdm-c291-card-stage .hdm-c291-media::before,\n    .hdm-c291-card-stage .hdm-c291-media::after,\n    .hdm-c291-card-stage .hdm-c291-label,\n    .hdm-c291-card-stage .hdm-c291-image,\n    .hdm-c291-card-stage .hdm-c291-action-text::after,\n    .hdm-c291-card-stage .hdm-c291-arrow {\n      transition: none;\n    }\n  }\n\n\n\n  .hdm-c291-card-stage {\n    container: hdm-c291-stage \/ inline-size;\n    --c291-altura-fila1: 700px;\n  }\n\n  .hdm-c291-card-stage .hdm-c291-card {\n    min-height: var(--c291-altura-fila1);\n  }\n\n  @container hdm-c291-stage (max-width: 366px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 725px; }\n  }\n  @container hdm-c291-stage (max-width: 337px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 745px; }\n  }\n  @container hdm-c291-stage (max-width: 307px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 775px; }\n  }\n  @container hdm-c291-stage (max-width: 277px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 810px; }\n  }\n  @container hdm-c291-stage (max-width: 267px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 855px; }\n  }\n  @container hdm-c291-stage (max-width: 257px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 850px; }\n  }\n  @container hdm-c291-stage (max-width: 247px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 880px; }\n  }\n  @container hdm-c291-stage (max-width: 237px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 925px; }\n  }\n  @container hdm-c291-stage (max-width: 217px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 995px; }\n  }\n\n  @media (max-width: 440px) {\n    .hdm-c291-card-stage .hdm-c291-card { min-height: 670px; }\n    @container hdm-c291-stage (max-width: 347px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 695px; }\n    }\n    @container hdm-c291-stage (max-width: 312px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 715px; }\n    }\n    @container hdm-c291-stage (max-width: 292px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 750px; }\n    }\n    @container hdm-c291-stage (max-width: 272px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 790px; }\n    }\n    @container hdm-c291-stage (max-width: 252px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 810px; }\n    }\n    @container hdm-c291-stage (max-width: 242px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 845px; }\n    }\n    @container hdm-c291-stage (max-width: 232px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 870px; }\n    }\n    @container hdm-c291-stage (max-width: 212px) {\n      .hdm-c291-card-stage .hdm-c291-card { min-height: 920px; }\n    }\n  }\n\n\n\n<\/style>\n\n<div class=\"hdm-c291-card-stage\">\n\n  <article class=\"hdm-c291-card\">\n\n    <div class=\"hdm-c291-media\">\n\n      <span class=\"hdm-c291-label\">\n        Hyundai Buses\n      <\/span>\n\n      <img loading=\"lazy\" decoding=\"async\"\n        class=\"hdm-c291-image\"\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/County-29-33.png\"\n        alt=\"Bus Hyundai County 29 + 1 para transporte de pasajeros\"\n        width=\"300\"\n        height=\"225\"\n        loading=\"lazy\"\n      >\n\n    <\/div>\n\n    <div class=\"hdm-c291-content\">\n\n      <span class=\"hdm-c291-category\">\n        Bus de pasajeros\n      <\/span>\n\n      <h2 class=\"hdm-c291-name\">\n        County 29 + 1\n      <\/h2>\n\n      <p class=\"hdm-c291-description\">\n        Bus con capacidad para 29 pasajeros m\u00e1s piloto, equipado con motor\n        di\u00e9sel turbo cargado con intercooler de 155 HP, torque de 38 kg\u00b7m,\n        transmisi\u00f3n mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2.\n        Incluye sistema de frenos ABS, aire acondicionado frontal y central,\n        asientos tipo butaca 2x2 y puerta lateral plegable autom\u00e1tica.\n      <\/p>\n\n      <a\n        class=\"hdm-c291-action\"\n\t\thref=\"https:\/\/new.hyundaidemagna.com\/?page_id=1123\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t\taria-label=\"Conocer el modelo\"\n      >\n        <span class=\"hdm-c291-action-text\">\n          Conocer modelo\n        <\/span>\n\n        <span\n          class=\"hdm-c291-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/article>\n\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-ea05776 e-grid e-con-boxed e-con e-parent\" data-id=\"ea05776\" 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-2930357 e-con e-atomic-element e-div-block-base e-default-div e-2930357-601bb15 \" data-id=\"2930357\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2930357\" data-e-type=\"e-div-block\" data-id=\"2930357\">\n    \t\t<div class=\"elementor-element elementor-element-95ac376 elementor-widget elementor-widget-html\" data-id=\"95ac376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .hdm-c331-card-stage {\n    --c331-navy: #002c5f;\n    --c331-blue: #35719e;\n    --c331-light-blue: #c8dce9;\n    --c331-text: #333333;\n    --c331-white: #ffffff;\n    --c331-border: #cfd9e2;\n    --c331-depth-x: 8px;\n    --c331-depth-y: 8px;\n\n    width: 100%;\n    max-width: 378px;\n    min-width: 0;\n    margin: 0 auto;\n\n    padding-right: var(--c331-depth-x);\n    padding-bottom: var(--c331-depth-y);\n\n    color: var(--c331-text);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .hdm-c331-card-stage,\n  .hdm-c331-card-stage * {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     TARJETA PRINCIPAL\n     ========================================================= *\/\n\n  .hdm-c331-card {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 558px;\n\n    display: flex;\n    flex-direction: column;\n\n    background: var(--c331-white);\n\n    border: 1px solid var(--c331-border);\n    border-top: 5px solid var(--c331-blue);\n    border-radius: 1px;\n\n    box-shadow:\n      var(--c331-depth-x) var(--c331-depth-y) 0 var(--c331-navy),\n      0 14px 28px rgba(0, 44, 95, 0.06);\n\n    transform: translate3d(0, 0, 0);\n\n    transition:\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.25s ease;\n  }\n\n  .hdm-c331-card:hover {\n    border-color: rgba(0, 44, 95, 0.34);\n\n    transform: translate3d(-4px, -4px, 0);\n\n    box-shadow:\n      12px 12px 0 var(--c331-navy),\n      0 22px 42px rgba(0, 44, 95, 0.14);\n  }\n\n  .hdm-c331-card::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: -1px;\n    bottom: 0;\n    z-index: 4;\n\n    width: 1px;\n\n    background: rgba(255, 255, 255, 0.55);\n\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     \u00c1REA DE IMAGEN\n     ========================================================= *\/\n\n  .hdm-c331-media {\n    position: relative;\n\n    min-height: 282px;\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 42px 18px 24px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #f7f9fb 100%\n      );\n  }\n\n  .hdm-c331-media::before {\n    content: \"\";\n\n    position: absolute;\n    right: -77px;\n    bottom: -102px;\n\n    width: 235px;\n    height: 235px;\n\n    border: 1px solid rgba(53, 113, 158, 0.26);\n\n    transform: rotate(54deg);\n    transform-origin: center;\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.3s ease;\n  }\n\n  .hdm-c331-media::after {\n    content: \"\";\n\n    position: absolute;\n    left: 28px;\n    bottom: 24px;\n\n    width: 120px;\n    height: 4px;\n\n    background: var(--c331-blue);\n\n    transition:\n      width 0.34s ease,\n      transform 0.34s ease;\n  }\n\n  .hdm-c331-card:hover .hdm-c331-media::before {\n    border-color: rgba(53, 113, 158, 0.42);\n\n    transform: rotate(60deg) scale(1.06);\n  }\n\n  .hdm-c331-card:hover .hdm-c331-media::after {\n    width: 145px;\n\n    transform: translateX(4px);\n  }\n\n  \/* =========================================================\n     ETIQUETA SUPERIOR\n     ========================================================= *\/\n\n  .hdm-c331-label {\n    position: absolute;\n    top: 18px;\n    left: 24px;\n    z-index: 3;\n\n    min-height: 30px;\n    padding: 8px 12px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c331-white);\n    background: var(--c331-navy);\n\n    box-shadow: 4px 4px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 10px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .hdm-c331-card:hover .hdm-c331-label {\n    transform: translate(-2px, -2px);\n\n    box-shadow: 6px 6px 0 rgba(53, 113, 158, 0.30);\n  }\n\n  \/* =========================================================\n     IMAGEN DEL BUS\n     ========================================================= *\/\n\n  .hdm-c331-image {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n    max-width: 340px;\n    height: 210px;\n\n    object-fit: contain;\n    object-position: center;\n\n    filter:\n      drop-shadow(0 18px 16px rgba(0, 44, 95, 0.17));\n\n    transform: translate3d(0, 0, 0) scale(1);\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      filter 0.34s ease;\n  }\n\n  .hdm-c331-card:hover .hdm-c331-image {\n    transform: translate3d(-2px, -7px, 0) scale(1.055);\n\n    filter:\n      drop-shadow(8px 24px 18px rgba(0, 44, 95, 0.23));\n  }\n\n  \/* =========================================================\n     CONTENIDO\n     ========================================================= *\/\n\n  .hdm-c331-content {\n    flex: 1;\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    padding: 29px 28px 27px;\n\n    border-top: 1px solid rgba(0, 44, 95, 0.11);\n  }\n\n  .hdm-c331-category {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color: var(--c331-blue);\n\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c331-name {\n    margin: 0;\n\n    color: var(--c331-navy);\n\n    font-size: 38px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.035em;\n  }\n\n  .hdm-c331-description {\n    margin: 19px 0 0;\n\n    color: var(--c331-text);\n\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.65;\n  }\n\n  \/* =========================================================\n     BOT\u00d3N\n     ========================================================= *\/\n\n  .hdm-c331-action {\n    width: 100%;\n    margin-top: auto;\n    padding-top: 29px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n\n    color: var(--c331-navy);\n    text-decoration: none;\n\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.035em;\n    text-transform: uppercase;\n  }\n\n  .hdm-c331-action-text {\n    position: relative;\n\n    padding-bottom: 8px;\n  }\n\n  .hdm-c331-action-text::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 2px;\n\n    background: var(--c331-blue);\n\n    transform: scaleX(1);\n    transform-origin: left center;\n\n    transition: transform 0.28s ease;\n  }\n\n  .hdm-c331-action:hover .hdm-c331-action-text::after {\n    transform: scaleX(0.7);\n  }\n\n  .hdm-c331-arrow {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 auto;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--c331-white);\n    background: var(--c331-navy);\n\n    border: 1px solid var(--c331-navy);\n\n    box-shadow: 3px 3px 0 rgba(53, 113, 158, 0.25);\n\n    font-size: 16px;\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      background-color 0.28s ease;\n  }\n\n  .hdm-c331-action:hover .hdm-c331-arrow,\n  .hdm-c331-action:focus-visible .hdm-c331-arrow {\n    background: var(--c331-blue);\n\n    transform: translate(-2px, -2px);\n\n    box-shadow: 5px 5px 0 var(--c331-navy);\n  }\n\n  .hdm-c331-action:focus-visible {\n    outline: 3px solid rgba(53, 113, 158, 0.36);\n    outline-offset: 5px;\n  }\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 440px) {\n    .hdm-c331-card-stage {\n      --c331-depth-x: 6px;\n      --c331-depth-y: 6px;\n    }\n\n    .hdm-c331-media {\n      min-height: 260px;\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n    .hdm-c331-image {\n      max-width: 310px;\n      height: 190px;\n    }\n\n    .hdm-c331-content {\n      padding: 27px 24px 25px;\n    }\n\n    .hdm-c331-name {\n      font-size: 36px;\n    }\n  }\n\n  \/* =========================================================\n     ACCESIBILIDAD\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .hdm-c331-card-stage .hdm-c331-card,\n    .hdm-c331-card-stage .hdm-c331-media::before,\n    .hdm-c331-card-stage .hdm-c331-media::after,\n    .hdm-c331-card-stage .hdm-c331-label,\n    .hdm-c331-card-stage .hdm-c331-image,\n    .hdm-c331-card-stage .hdm-c331-action-text::after,\n    .hdm-c331-card-stage .hdm-c331-arrow {\n      transition: none;\n    }\n  }\n\n  \/* =========================================================\n     FILA 2: altura compacta calculada por contenido\n     County 33+1 natural: 701px \/ Universe 49+1: 655px\n     Cada modelo utiliza sus propias clases y variable CSS.\n     ========================================================= *\/\n  .hdm-c331-card-stage {\n    container-type: inline-size;\n  }\n\n  .hdm-c331-card-stage .hdm-c331-card {\n    --c331-row2-height: 705px;\n    min-height: var(--c331-row2-height);\n  }\n\n  \/* Ajustes seg\u00fan el ancho REAL de cada tarjeta (no la pantalla). *\/\n  @container (max-width: 355px) {\n    .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 735px; }\n  }\n  @container (max-width: 315px) {\n    .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 780px; }\n  }\n  @container (max-width: 285px) {\n    .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 845px; }\n  }\n  @container (max-width: 265px) {\n    .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 885px; }\n  }\n  @container (max-width: 245px) {\n    .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 955px; }\n  }\n\n  \/* En m\u00f3vil la imagen es m\u00e1s baja: reducimos la altura proporcionalmente. *\/\n  @media (max-width: 440px) {\n    .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 685px; }\n    @container (max-width: 355px) {\n      .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 710px; }\n    }\n    @container (max-width: 315px) {\n      .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 750px; }\n    }\n    @container (max-width: 285px) {\n      .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 780px; }\n    }\n    @container (max-width: 265px) {\n      .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 850px; }\n    }\n    @container (max-width: 245px) {\n      .hdm-c331-card-stage .hdm-c331-card { --c331-row2-height: 905px; }\n    }\n  }\n\n\n\n<\/style>\n\n<div class=\"hdm-c331-card-stage\">\n\n  <article class=\"hdm-c331-card\">\n\n    <div class=\"hdm-c331-media\">\n\n      <span class=\"hdm-c331-label\">\n        Hyundai Buses\n      <\/span>\n\n      <img loading=\"lazy\" decoding=\"async\"\n        class=\"hdm-c331-image\"\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/County-29-33.png\"\n        alt=\"Bus Hyundai County 33 + 1 para transporte de pasajeros\"\n        width=\"300\"\n        height=\"225\"\n        loading=\"lazy\"\n      >\n\n    <\/div>\n\n    <div class=\"hdm-c331-content\">\n\n      <span class=\"hdm-c331-category\">\n        Bus de pasajeros\n      <\/span>\n\n      <h2 class=\"hdm-c331-name\">\n        County 33 + 1\n      <\/h2>\n\n      <p class=\"hdm-c331-description\">\n        Bus con capacidad para 33 pasajeros m\u00e1s piloto, equipado con motor\n        di\u00e9sel turbo cargado con intercooler de 155 HP, torque de 38 kg\u00b7m,\n        transmisi\u00f3n mec\u00e1nica de 5 velocidades m\u00e1s reversa y tracci\u00f3n 4x2.\n        Incluye sistema de frenos ABS, asientos tipo butaca, puerta lateral\n        plegable autom\u00e1tica, salidas individuales de aire acondicionado por\n        fila y compartimiento de equipaje trasero.\n      <\/p>\n\n      <a\n        class=\"hdm-c331-action\"\n\t\thref=\"https:\/\/new.hyundaidemagna.com\/?page_id=1157\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t\taria-label=\"Conocer el modelo\"\n      >\n        <span class=\"hdm-c331-action-text\">\n          Conocer modelo\n        <\/span>\n\n        <span\n          class=\"hdm-c331-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/article>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e19eeeb e-con e-atomic-element e-div-block-base e-default-div e-e19eeeb-ecaa65b \" data-id=\"e19eeeb\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"e19eeeb\" data-e-type=\"e-div-block\" data-id=\"e19eeeb\">\n    \t\t<div class=\"elementor-element elementor-element-9431095 elementor-widget elementor-widget-html\" data-id=\"9431095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================================\n     HYUNDAI UNIVERSE 49 + 1\n     TARJETA DE CAT\u00c1LOGO\n     ========================================================= *\/\n\n  .hdm-u491-card-stage {\n    --u491-navy: #002c5f;\n    --u491-blue: #35719e;\n    --u491-light-blue: #c8dce9;\n    --u491-text: #333333;\n    --u491-white: #ffffff;\n    --u491-border: #cfd9e2;\n    --u491-depth-x: 8px;\n    --u491-depth-y: 8px;\n\n    width: 100%;\n    max-width: 378px;\n    min-width: 0;\n\n    margin: 0 auto;\n\n    padding-right: var(--u491-depth-x);\n    padding-bottom: var(--u491-depth-y);\n\n    color: var(--u491-text);\n\n    font-family:\n      Arial,\n      Helvetica,\n      sans-serif;\n  }\n\n\n  .hdm-u491-card-stage,\n  .hdm-u491-card-stage * {\n    box-sizing: border-box;\n  }\n\n\n  \/* =========================================================\n     TARJETA PRINCIPAL\n     ========================================================= *\/\n\n  .hdm-u491-card {\n    position: relative;\n\n    z-index: 1;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 558px;\n\n    display: flex;\n    flex-direction: column;\n\n    background:\n      var(--u491-white);\n\n    border:\n      1px solid\n      var(--u491-border);\n\n    border-top:\n      5px solid\n      var(--u491-blue);\n\n    border-radius: 1px;\n\n    box-shadow:\n      var(--u491-depth-x)\n      var(--u491-depth-y)\n      0\n      var(--u491-navy),\n\n      0\n      14px\n      28px\n      rgba(0, 44, 95, 0.06);\n\n    transform:\n      translate3d(0, 0, 0);\n\n    transition:\n      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.25s ease;\n  }\n\n\n  .hdm-u491-card:hover {\n    border-color:\n      rgba(0, 44, 95, 0.34);\n\n    transform:\n      translate3d(-4px, -4px, 0);\n\n    box-shadow:\n      12px\n      12px\n      0\n      var(--u491-navy),\n\n      0\n      22px\n      42px\n      rgba(0, 44, 95, 0.14);\n  }\n\n\n  .hdm-u491-card::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: -1px;\n    bottom: 0;\n\n    z-index: 4;\n\n    width: 1px;\n\n    background:\n      rgba(255, 255, 255, 0.55);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     \u00c1REA DE IMAGEN\n     ========================================================= *\/\n\n  .hdm-u491-media {\n    position: relative;\n\n    min-height: 282px;\n\n    overflow: hidden;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      42px\n      18px\n      24px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #f7f9fb 100%\n      );\n  }\n\n\n  .hdm-u491-media::before {\n    content: \"\";\n\n    position: absolute;\n\n    right: -77px;\n    bottom: -102px;\n\n    width: 235px;\n    height: 235px;\n\n    border:\n      1px solid\n      rgba(53, 113, 158, 0.26);\n\n    transform:\n      rotate(54deg);\n\n    transform-origin:\n      center;\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      border-color 0.3s ease;\n  }\n\n\n  .hdm-u491-media::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 28px;\n    bottom: 24px;\n\n    width: 120px;\n    height: 4px;\n\n    background:\n      var(--u491-blue);\n\n    transition:\n      width 0.34s ease,\n      transform 0.34s ease;\n  }\n\n\n  .hdm-u491-card:hover\n  .hdm-u491-media::before {\n\n    border-color:\n      rgba(53, 113, 158, 0.42);\n\n    transform:\n      rotate(60deg)\n      scale(1.06);\n  }\n\n\n  .hdm-u491-card:hover\n  .hdm-u491-media::after {\n\n    width: 145px;\n\n    transform:\n      translateX(4px);\n  }\n\n\n  \/* =========================================================\n     ETIQUETA SUPERIOR\n     ========================================================= *\/\n\n  .hdm-u491-label {\n    position: absolute;\n\n    top: 18px;\n    left: 24px;\n\n    z-index: 3;\n\n    min-height: 30px;\n\n    padding:\n      8px\n      12px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    color:\n      var(--u491-white);\n\n    background:\n      var(--u491-navy);\n\n    box-shadow:\n      4px\n      4px\n      0\n      rgba(53, 113, 158, 0.25);\n\n    font-size: 10px;\n\n    font-weight: 900;\n\n    line-height: 1;\n\n    letter-spacing:\n      0.05em;\n\n    text-transform:\n      uppercase;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n\n  .hdm-u491-card:hover\n  .hdm-u491-label {\n\n    transform:\n      translate(-2px, -2px);\n\n    box-shadow:\n      6px\n      6px\n      0\n      rgba(53, 113, 158, 0.30);\n  }\n\n\n  \/* =========================================================\n     IMAGEN DEL BUS\n     ========================================================= *\/\n\n  .hdm-u491-image {\n    position: relative;\n\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n    max-width: 340px;\n\n    height: 210px;\n\n    object-fit: contain;\n    object-position: center;\n\n    filter:\n      drop-shadow(\n        0\n        18px\n        16px\n        rgba(0, 44, 95, 0.17)\n      );\n\n    transform:\n      translate3d(0, 0, 0)\n      scale(1);\n\n    transition:\n      transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),\n      filter 0.34s ease;\n  }\n\n\n  .hdm-u491-card:hover\n  .hdm-u491-image {\n\n    transform:\n      translate3d(-2px, -7px, 0)\n      scale(1.055);\n\n    filter:\n      drop-shadow(\n        8px\n        24px\n        18px\n        rgba(0, 44, 95, 0.23)\n      );\n  }\n\n\n  \/* =========================================================\n     CONTENIDO\n     ========================================================= *\/\n\n  .hdm-u491-content {\n    flex: 1;\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    padding:\n      29px\n      28px\n      27px;\n\n    border-top:\n      1px solid\n      rgba(0, 44, 95, 0.11);\n  }\n\n\n  .hdm-u491-category {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color:\n      var(--u491-blue);\n\n    font-size: 11px;\n\n    font-weight: 900;\n\n    line-height: 1;\n\n    letter-spacing:\n      0.1em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  .hdm-u491-name {\n    margin: 0;\n\n    color:\n      var(--u491-navy);\n\n    font-size: 38px;\n\n    font-weight: 900;\n\n    line-height: 1;\n\n    letter-spacing:\n      -0.035em;\n  }\n\n\n  .hdm-u491-description {\n    margin:\n      19px\n      0\n      0;\n\n    color:\n      var(--u491-text);\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    line-height: 1.65;\n  }\n\n\n  \/* =========================================================\n     BOT\u00d3N\n     ========================================================= *\/\n\n  .hdm-u491-action {\n    width: 100%;\n\n    margin-top: auto;\n\n    padding-top: 29px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n      space-between;\n\n    gap: 16px;\n\n    color:\n      var(--u491-navy);\n\n    text-decoration:\n      none;\n\n    font-size: 12px;\n\n    font-weight: 900;\n\n    line-height: 1;\n\n    letter-spacing:\n      0.035em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  .hdm-u491-action-text {\n    position: relative;\n\n    padding-bottom: 8px;\n  }\n\n\n  .hdm-u491-action-text::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 2px;\n\n    background:\n      var(--u491-blue);\n\n    transform:\n      scaleX(1);\n\n    transform-origin:\n      left center;\n\n    transition:\n      transform 0.28s ease;\n  }\n\n\n  .hdm-u491-action:hover\n  .hdm-u491-action-text::after {\n\n    transform:\n      scaleX(0.7);\n  }\n\n\n  .hdm-u491-arrow {\n    width: 38px;\n    height: 38px;\n\n    flex:\n      0 0 auto;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    color:\n      var(--u491-white);\n\n    background:\n      var(--u491-navy);\n\n    border:\n      1px solid\n      var(--u491-navy);\n\n    box-shadow:\n      3px\n      3px\n      0\n      rgba(53, 113, 158, 0.25);\n\n    font-size: 16px;\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      background-color 0.28s ease;\n  }\n\n\n  .hdm-u491-action:hover\n  .hdm-u491-arrow,\n\n  .hdm-u491-action:focus-visible\n  .hdm-u491-arrow {\n\n    background:\n      var(--u491-blue);\n\n    transform:\n      translate(-2px, -2px);\n\n    box-shadow:\n      5px\n      5px\n      0\n      var(--u491-navy);\n  }\n\n\n  .hdm-u491-action:focus-visible {\n    outline:\n      3px solid\n      rgba(53, 113, 158, 0.36);\n\n    outline-offset: 5px;\n  }\n\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 440px) {\n\n    .hdm-u491-card-stage {\n      --u491-depth-x: 6px;\n      --u491-depth-y: 6px;\n    }\n\n\n    .hdm-u491-media {\n      min-height: 260px;\n\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n\n    .hdm-u491-image {\n      max-width: 310px;\n\n      height: 190px;\n    }\n\n\n    .hdm-u491-content {\n      padding:\n        27px\n        24px\n        25px;\n    }\n\n\n    .hdm-u491-name {\n      font-size: 34px;\n    }\n\n  }\n\n\n  \/* =========================================================\n     ACCESIBILIDAD\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .hdm-u491-card-stage\n    .hdm-u491-card,\n\n    .hdm-u491-card-stage\n    .hdm-u491-media::before,\n\n    .hdm-u491-card-stage\n    .hdm-u491-media::after,\n\n    .hdm-u491-card-stage\n    .hdm-u491-label,\n\n    .hdm-u491-card-stage\n    .hdm-u491-image,\n\n    .hdm-u491-card-stage\n    .hdm-u491-action-text::after,\n\n    .hdm-u491-card-stage\n    .hdm-u491-arrow {\n\n      transition:\n        none;\n\n    }\n\n  }\n\n  \/* =========================================================\n     FILA 2: altura compacta calculada por contenido\n     County 33+1 natural: 701px \/ Universe 49+1: 655px\n     Cada modelo utiliza sus propias clases y variable CSS.\n     ========================================================= *\/\n  .hdm-u491-card-stage {\n    container-type: inline-size;\n  }\n\n  .hdm-u491-card-stage .hdm-u491-card {\n    --u491-row2-height: 705px;\n    min-height: var(--u491-row2-height);\n  }\n\n  \/* Ajustes seg\u00fan el ancho REAL de cada tarjeta (no la pantalla). *\/\n  @container (max-width: 355px) {\n    .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 735px; }\n  }\n  @container (max-width: 315px) {\n    .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 780px; }\n  }\n  @container (max-width: 285px) {\n    .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 845px; }\n  }\n  @container (max-width: 265px) {\n    .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 885px; }\n  }\n  @container (max-width: 245px) {\n    .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 955px; }\n  }\n\n  \/* En m\u00f3vil la imagen es m\u00e1s baja: reducimos la altura proporcionalmente. *\/\n  @media (max-width: 440px) {\n    .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 685px; }\n    @container (max-width: 355px) {\n      .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 710px; }\n    }\n    @container (max-width: 315px) {\n      .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 750px; }\n    }\n    @container (max-width: 285px) {\n      .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 780px; }\n    }\n    @container (max-width: 265px) {\n      .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 850px; }\n    }\n    @container (max-width: 245px) {\n      .hdm-u491-card-stage .hdm-u491-card { --u491-row2-height: 905px; }\n    }\n  }\n\n\n\n<\/style>\n\n\n<div class=\"hdm-u491-card-stage\">\n\n  <article class=\"hdm-u491-card\">\n\n\n    <!-- =====================================================\n         IMAGEN\n         ===================================================== -->\n\n    <div class=\"hdm-u491-media\">\n\n\n      <span class=\"hdm-u491-label\">\n        Hyundai Buses\n      <\/span>\n\n\n      <img loading=\"lazy\" decoding=\"async\"\n        class=\"hdm-u491-image\"\n\n        src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/Universe-49-1.png\"\n\n        alt=\"Bus Hyundai Universe 49 + 1 para transporte de pasajeros\"\n\n        width=\"700\"\n\n        height=\"440\"\n\n        loading=\"lazy\"\n      >\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTENIDO\n         ===================================================== -->\n\n    <div class=\"hdm-u491-content\">\n\n\n      <span class=\"hdm-u491-category\">\n        Bus de pasajeros\n      <\/span>\n\n\n      <h2 class=\"hdm-u491-name\">\n        Universe 49 + 1\n      <\/h2>\n\n\n      <p class=\"hdm-u491-description\">\n\n        Bus con capacidad para 49 pasajeros m\u00e1s piloto,\n        equipado con motor di\u00e9sel turbo cargado con\n        intercooler de 380 HP, transmisi\u00f3n mec\u00e1nica 5 + 1,\n        suspensi\u00f3n de aire y sistema de frenos de aire.\n\n        Incluye aire acondicionado para piloto y en el techo,\n        adem\u00e1s de puerta de entrada con apertura autom\u00e1tica.\n\n      <\/p>\n\n\n      <!-- ===================================================\n           BOT\u00d3N\n           =================================================== -->\n\n      <a\n        class=\"hdm-u491-action\"\n\n        href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1415\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n\n        aria-label=\"Conocer el Hyundai Universe 49 + 1\"\n      >\n\n\n        <span class=\"hdm-u491-action-text\">\n          Conocer modelo\n        <\/span>\n\n\n        <span\n          class=\"hdm-u491-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/article>\n\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>\n  \/* =========================================================\n     CTA DE ASESOR\u00cdA PARA BUSES\n     ========================================================= *\/\n\n  .hdm-bus-advisor-section {\n    --hdm-navy: #002c5f;\n    --hdm-blue: #35719e;\n    --hdm-white: #ffffff;\n    --hdm-background: #ffffff;\n    --hdm-text-soft: rgba(255, 255, 255, 0.78);\n    --hdm-focus: rgba(255, 255, 255, 0.45);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100%;\n    min-width: 0;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 40px 42px 92px;\n\n    background-color: var(--hdm-background) !important;\n\n    font-family: Roboto, Arial, Helvetica, sans-serif;\n  }\n\n  .hdm-bus-advisor-section,\n  .hdm-bus-advisor-section * {\n    box-sizing: border-box;\n  }\n\n  \/* =========================================================\n     FIGURA GEOM\u00c9TRICA SUPERIOR\n     ========================================================= *\/\n\n  .hdm-bus-advisor-section::before {\n    content: \"\";\n\n    position: absolute;\n    top: -115px;\n    right: -135px;\n    z-index: 0;\n\n    width: 350px;\n    height: 350px;\n\n    border: 1px solid rgba(0, 44, 95, 0.08);\n\n    transform: rotate(17deg);\n\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     FIGURA GEOM\u00c9TRICA INFERIOR\n     ========================================================= *\/\n\n  .hdm-bus-advisor-section::after {\n    content: \"\";\n\n    position: absolute;\n    right: 8%;\n    bottom: -250px;\n    z-index: 0;\n\n    width: 430px;\n    height: 430px;\n\n    border: 1px solid rgba(0, 44, 95, 0.05);\n\n    transform: rotate(17deg);\n\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     CONTENEDOR PRINCIPAL\n     ========================================================= *\/\n\n  .hdm-bus-advisor {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    max-width: 1180px;\n    min-width: 0;\n    min-height: 162px;\n\n    margin: 0 auto;\n    padding: 34px 38px;\n\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 42px;\n\n    background-color: var(--hdm-navy);\n\n    border-left: 5px solid var(--hdm-blue);\n    border-radius: 1px;\n  }\n\n  \/* =========================================================\n     CONTENIDO\n     ========================================================= *\/\n\n  .hdm-bus-advisor-content {\n    min-width: 0;\n  }\n\n  .hdm-bus-advisor-title {\n    margin: 0;\n\n    color: var(--hdm-white);\n\n    font-size: clamp(30px, 3vw, 36px);\n    font-weight: 900;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  .hdm-bus-advisor-text {\n    width: 100%;\n    max-width: 760px;\n\n    margin: 12px 0 0;\n\n    color: var(--hdm-text-soft);\n\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.6;\n  }\n\n  \/* =========================================================\n     BOT\u00d3N\n     ========================================================= *\/\n\n  .hdm-bus-advisor-button {\n    min-width: 210px;\n    min-height: 54px;\n\n    padding: 15px 24px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    color: var(--hdm-navy);\n    background-color: var(--hdm-white);\n\n    border: 2px solid var(--hdm-white);\n    border-radius: 2px;\n\n    text-decoration: none;\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1;\n    white-space: nowrap;\n\n    transition:\n      color 0.25s ease,\n      background-color 0.25s ease,\n      border-color 0.25s ease,\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .hdm-bus-advisor-arrow {\n    display: inline-block;\n\n    font-size: 17px;\n    line-height: 1;\n\n    transition: transform 0.25s ease;\n  }\n\n  .hdm-bus-advisor-button:hover,\n  .hdm-bus-advisor-button:focus-visible {\n    color: var(--hdm-white);\n\n    background-color: var(--hdm-blue);\n    border-color: var(--hdm-blue);\n\n    transform: translate(-3px, -3px);\n\n    box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.22);\n  }\n\n  .hdm-bus-advisor-button:hover .hdm-bus-advisor-arrow,\n  .hdm-bus-advisor-button:focus-visible .hdm-bus-advisor-arrow {\n    transform: translateX(4px);\n  }\n\n  .hdm-bus-advisor-button:focus-visible {\n    outline: 3px solid var(--hdm-focus);\n    outline-offset: 4px;\n  }\n\n  \/* =========================================================\n     TABLETA\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n    .hdm-bus-advisor-section {\n      padding-right: 24px;\n      padding-left: 24px;\n    }\n\n    .hdm-bus-advisor {\n      grid-template-columns: 1fr;\n      gap: 26px;\n    }\n\n    .hdm-bus-advisor-button {\n      width: fit-content;\n    }\n  }\n\n  \/* =========================================================\n     M\u00d3VIL\n     ========================================================= *\/\n\n  @media (max-width: 600px) {\n    .hdm-bus-advisor-section {\n      padding: 24px 16px 64px;\n    }\n\n    .hdm-bus-advisor {\n      min-height: auto;\n      padding: 30px 24px;\n      gap: 24px;\n    }\n\n    .hdm-bus-advisor-title {\n      font-size: clamp(26px, 8vw, 33px);\n    }\n\n    .hdm-bus-advisor-text {\n      font-size: 14px;\n    }\n\n    .hdm-bus-advisor-button {\n      width: 100%;\n      min-width: 0;\n    }\n  }\n\n  \/* =========================================================\n     ACCESIBILIDAD\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .hdm-bus-advisor-button,\n    .hdm-bus-advisor-arrow {\n      transition: none;\n    }\n  }\n<\/style>\n\n<section\n  class=\"hdm-bus-advisor-section\"\n  aria-labelledby=\"hdm-bus-advisor-title\"\n>\n  <div class=\"hdm-bus-advisor\">\n\n    <div class=\"hdm-bus-advisor-content\">\n\n      <h2\n        class=\"hdm-bus-advisor-title\"\n        id=\"hdm-bus-advisor-title\"\n      >\n        \u00bfNo sabes qu\u00e9 bus elegir?\n      <\/h2>\n\n      <p class=\"hdm-bus-advisor-text\">\n        Cu\u00e9ntanos sobre el tipo de recorrido, la cantidad de pasajeros\n        y las necesidades de tu operaci\u00f3n. Nuestro equipo comercial te\n        ayudar\u00e1 a encontrar el bus Hyundai m\u00e1s adecuado para tu empresa.\n      <\/p>\n\n    <\/div>\n\n    <a\n      class=\"hdm-bus-advisor-button\"\n\t  href=\"https:\/\/wa.me\/50230020798\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"Hablar con un asesor comercial sobre buses Hyundai\"\n    >\n      Hablar con un asesor\n\n      <span\n        class=\"hdm-bus-advisor-arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n    <\/a>\n\n  <\/div>\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>Hyundai Magna \u2014 Encabezado de operaciones NUESTRA L\u00cdNEA DE BUSES Encuentra el bus ideal para cada recorrido Desde recorridos urbanos y transporte empresarial hasta viajes&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":2059,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/1005\/revisions\/2059"}],"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}]}}