Contacto | Hyundai de Magna<\/title>\r\n\r\n <style>\r\n :root {\r\n --hdm-blue-dark: #002C5F;\r\n --hdm-blue: #35719E;\r\n --hdm-text: #667085;\r\n --hdm-white: #FFFFFF;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background: #FFFFFF;\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n color: var(--hdm-text);\r\n }\r\n\r\n \/* =========================================================\r\n SECCI\u00d3N CONTACTO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-section {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n\r\n padding: 34px 28px 30px;\r\n\r\n background: #FFFFFF;\r\n }\r\n\r\n .hdm-contact-container {\r\n position: relative;\r\n z-index: 2;\r\n\r\n width: 100%;\r\n max-width: 1180px;\r\n\r\n margin: 0 auto;\r\n }\r\n\r\n .hdm-contact-content {\r\n max-width: 610px;\r\n }\r\n\r\n \/* =========================================================\r\n DECORACI\u00d3N DE FONDO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-section::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 390px;\r\n height: 390px;\r\n\r\n right: -160px;\r\n bottom: -295px;\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.08);\r\n\r\n transform: rotate(16deg);\r\n\r\n pointer-events: none;\r\n }\r\n\r\n \/* =========================================================\r\n EYEBROW \/ CONTACTO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n margin: 0 0 24px;\r\n\r\n color: var(--hdm-blue);\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: 0.17em;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n .hdm-contact-eyebrow::before {\r\n content: \"\";\r\n\r\n width: 32px;\r\n height: 2px;\r\n\r\n flex: 0 0 32px;\r\n\r\n background-color: var(--hdm-blue);\r\n }\r\n\r\n \/* =========================================================\r\n T\u00cdTULO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-title {\r\n max-width: 600px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-blue-dark);\r\n\r\n font-size: clamp(48px, 6vw, 64px);\r\n font-weight: 900;\r\n\r\n line-height: 0.98;\r\n letter-spacing: -0.055em;\r\n }\r\n\r\n \/* =========================================================\r\n DESCRIPCI\u00d3N\r\n ========================================================= *\/\r\n\r\n .hdm-contact-description {\r\n max-width: 540px;\r\n\r\n margin: 24px 0 0;\r\n\r\n color: var(--hdm-text);\r\n\r\n font-size: 16px;\r\n font-weight: 400;\r\n\r\n line-height: 1.85;\r\n }\r\n\r\n \/* =========================================================\r\n ACCIONES\r\n ========================================================= *\/\r\n\r\n .hdm-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 24px;\r\n\r\n margin-top: 30px;\r\n }\r\n\r\n \/* =========================================================\r\n BOT\u00d3N PRINCIPAL\r\n ========================================================= *\/\r\n\r\n .hdm-btn-main {\r\n box-sizing: border-box;\r\n\r\n display: inline-flex;\r\n align-items: stretch;\r\n justify-content: space-between;\r\n\r\n min-width: 220px;\r\n\r\n padding: 0;\r\n\r\n background-color: #002C5F;\r\n color: #FFFFFF;\r\n\r\n border: 1px solid #002C5F;\r\n border-radius: 2px;\r\n\r\n box-shadow: 6px 6px 0 #35719E;\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n transform 0.22s ease,\r\n box-shadow 0.22s ease,\r\n background-color 0.22s ease;\r\n }\r\n\r\n .hdm-btn-label {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n padding: 16px 22px;\r\n }\r\n\r\n .hdm-btn-arrow {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 50px;\r\n min-width: 50px;\r\n\r\n border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n font-size: 18px;\r\n\r\n transition:\r\n transform 0.22s ease,\r\n background-color 0.22s ease;\r\n }\r\n\r\n .hdm-btn-arrow span {\r\n display: inline-block;\r\n\r\n transition: transform 0.22s ease;\r\n }\r\n\r\n \/* =========================================================\r\n HOVER BOT\u00d3N PRINCIPAL\r\n ========================================================= *\/\r\n\r\n .hdm-btn-main:hover,\r\n .hdm-btn-main:focus {\r\n background-color: #073B73;\r\n color: #FFFFFF;\r\n\r\n transform: translate(3px, 3px);\r\n\r\n box-shadow: 3px 3px 0 #35719E;\r\n }\r\n\r\n .hdm-btn-main:hover .hdm-btn-arrow,\r\n .hdm-btn-main:focus .hdm-btn-arrow {\r\n background-color: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .hdm-btn-main:hover .hdm-btn-arrow span,\r\n .hdm-btn-main:focus .hdm-btn-arrow span {\r\n transform: translateX(3px);\r\n }\r\n\r\n .hdm-btn-main:active {\r\n transform: translate(6px, 6px);\r\n\r\n box-shadow: 0 0 0 #35719E;\r\n }\r\n\r\n \/* =========================================================\r\n ENLACE SECUNDARIO\r\n ========================================================= *\/\r\n\r\n .hdm-btn-link {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n padding: 12px 0 9px;\r\n\r\n color: #002C5F;\r\n\r\n border-bottom: 2px solid #002C5F;\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n border-color 0.22s ease;\r\n }\r\n\r\n .hdm-btn-link span {\r\n display: inline-block;\r\n\r\n font-size: 17px;\r\n\r\n transition: transform 0.22s ease;\r\n }\r\n\r\n .hdm-btn-link:hover,\r\n .hdm-btn-link:focus {\r\n color: #35719E;\r\n\r\n border-color: #35719E;\r\n }\r\n\r\n .hdm-btn-link:hover span,\r\n .hdm-btn-link:focus span {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* =========================================================\r\n FOCUS\r\n ========================================================= *\/\r\n\r\n .hdm-btn-main:focus-visible,\r\n .hdm-btn-link:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.35);\r\n outline-offset: 5px;\r\n }\r\n\r\n \/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 768px) {\r\n\r\n .hdm-contact-section {\r\n padding: 50px 24px 58px;\r\n }\r\n\r\n .hdm-contact-content {\r\n max-width: 100%;\r\n }\r\n\r\n .hdm-contact-title {\r\n max-width: 580px;\r\n\r\n font-size: clamp(44px, 10vw, 60px);\r\n }\r\n\r\n .hdm-contact-description {\r\n max-width: 560px;\r\n\r\n font-size: 16px;\r\n line-height: 1.75;\r\n }\r\n }\r\n\r\n \/* =========================================================\r\n M\u00d3VIL\r\n ========================================================= *\/\r\n\r\n @media (max-width: 520px) {\r\n\r\n .hdm-contact-section {\r\n padding: 42px 18px 52px;\r\n }\r\n\r\n .hdm-contact-eyebrow {\r\n margin-bottom: 20px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hdm-contact-title {\r\n font-size: clamp(40px, 13vw, 52px);\r\n\r\n line-height: 1;\r\n }\r\n\r\n .hdm-contact-description {\r\n margin-top: 22px;\r\n\r\n font-size: 15px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hdm-actions {\r\n flex-direction: column;\r\n align-items: stretch;\r\n\r\n gap: 22px;\r\n\r\n margin-top: 28px;\r\n }\r\n\r\n .hdm-btn-main {\r\n width: calc(100% - 6px);\r\n }\r\n\r\n .hdm-btn-link {\r\n align-self: flex-start;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section\r\n class=\"hdm-contact-section\"\r\n aria-labelledby=\"hdm-contact-title\"\r\n >\r\n\r\n <div class=\"hdm-contact-container\">\r\n\r\n <div class=\"hdm-contact-content\">\r\n\r\n \r\n <span class=\"hdm-contact-eyebrow\">\r\n CONTACTO\r\n <\/span>\r\n\r\n\r\n \r\n <h1\r\n class=\"hdm-contact-title\"\r\n id=\"hdm-contact-title\"\r\n >\r\n Estamos cerca para ayudarte.\r\n <\/h1>\r\n\r\n\r\n \r\n <p class=\"hdm-contact-description\">\r\n\r\n Comun\u00edcate directamente con nuestro equipo de ventas,\r\n taller, repuestos o atenci\u00f3n general. En Hyundai de Magna\r\n estamos para ayudarte a mantener tu operaci\u00f3n siempre\r\n en movimiento.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n <div class=\"hdm-actions\">\r\n\r\n \r\n <a\r\n class=\"hdm-btn-main\"\r\n href=\"tel:+50222242500\"\r\n aria-label=\"Llamar al 2224-2500\"\r\n >\r\n\r\n <span class=\"hdm-btn-label\">\r\n Llamar al 2224-2500\r\n <\/span>\r\n\r\n <span\r\n class=\"hdm-btn-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n <span>\u2192<\/span>\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n class=\"hdm-btn-link\"\r\n href=\"https:\/\/wa.me\/50230020798?text=Hola%20Hyundai%20de%20Magna,%20quisiera%20recibir%20informaci\u00f3n.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Contactar Hyundai de Magna por WhatsApp\"\r\n >\r\n\r\n WhatsApp\r\n\r\n <span aria-hidden=\"true\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\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-7a99361 elementor-widget elementor-widget-html\" data-id=\"7a99361\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n.hdm-contact-card-wrapper {\r\n width: 100%;\r\n min-height: 430px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-main-card {\r\n --hdm-navy: #002C5F;\r\n --hdm-blue: #35719E;\r\n --hdm-white: #FFFFFF;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 365px;\r\n min-height: 300px;\r\n\r\n margin: 0;\r\n\r\n padding: 40px 32px 34px;\r\n\r\n color: var(--hdm-white);\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 box-shadow:\r\n 7px 7px 0 rgba(53, 113, 158, 0.20),\r\n 0 16px 34px rgba(0, 44, 95, 0.10);\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n background-color 0.4s ease;\r\n\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-main-card *,\r\n.hdm-contact-main-card *::before,\r\n.hdm-contact-main-card *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-main-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n background-color: #00356F;\r\n\r\n box-shadow:\r\n 12px 12px 0 rgba(53, 113, 158, 0.32),\r\n 0 24px 48px rgba(0, 44, 95, 0.20);\r\n}\r\n\r\n.hdm-contact-main-perspective {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n\r\n overflow: hidden;\r\n\r\n pointer-events: none;\r\n}\r\n\r\n.hdm-contact-main-perspective::before,\r\n.hdm-contact-main-perspective::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: 48%;\r\n left: 50%;\r\n\r\n width: 155%;\r\n height: 1px;\r\n\r\n background-color: rgba(255, 255, 255, 0.14);\r\n\r\n transform-origin: center;\r\n\r\n transition:\r\n width 0.55s cubic-bezier(0.22, 1, 0.36, 1),\r\n opacity 0.4s ease;\r\n}\r\n\r\n.hdm-contact-main-perspective::before {\r\n transform:\r\n translate(-50%, -50%)\r\n rotate(16deg);\r\n}\r\n\r\n.hdm-contact-main-perspective::after {\r\n transform:\r\n translate(-50%, -50%)\r\n rotate(-73deg);\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-perspective::before,\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-perspective::after {\r\n width: 180%;\r\n opacity: 0.85;\r\n}\r\n\r\n\r\n.hdm-contact-main-frame {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n\r\n border: 1px solid rgba(255, 255, 255, 0);\r\n\r\n pointer-events: none;\r\n\r\n transition:\r\n inset 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n border-color 0.4s ease;\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-frame {\r\n inset: 11px;\r\n\r\n border-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n\r\n.hdm-contact-main-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.hdm-contact-main-label {\r\n display: block;\r\n\r\n margin-bottom: 17px;\r\n\r\n color: rgba(255, 255, 255, 0.70);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: 0.17em;\r\n\r\n text-transform: uppercase;\r\n\r\n transition:\r\n color 0.3s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-label {\r\n color: rgba(255, 255, 255, 0.90);\r\n\r\n transform: translateX(2px);\r\n}\r\n\r\n\r\n.hdm-contact-main-phone {\r\n display: inline-block;\r\n\r\n margin: 0 0 6px;\r\n\r\n color: #FFFFFF;\r\n\r\n font-size: 48px;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: -0.045em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-contact-main-subtitle {\r\n margin: 0;\r\n\r\n color: rgba(255, 255, 255, 0.90);\r\n\r\n font-size: 13px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n}\r\n\r\n.hdm-contact-main-divider {\r\n width: 100%;\r\n height: 1px;\r\n\r\n margin: 28px 0 24px;\r\n\r\n background-color: rgba(255, 255, 255, 0.20);\r\n\r\n transform-origin: left center;\r\n\r\n transition:\r\n transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease;\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-divider {\r\n transform: scaleX(1.04);\r\n\r\n background-color: rgba(255, 255, 255, 0.32);\r\n}\r\n\r\n.hdm-contact-main-info {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n gap: 24px;\r\n}\r\n\r\n.hdm-contact-main-info strong {\r\n display: block;\r\n\r\n margin-bottom: 10px;\r\n\r\n color: #FFFFFF;\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n}\r\n\r\n.hdm-contact-main-info span,\r\n.hdm-contact-main-info a {\r\n color: rgba(255, 255, 255, 0.92);\r\n\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 1.85;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.hdm-contact-main-info a:hover {\r\n color: #FFFFFF;\r\n\r\n text-decoration: underline;\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n\r\n .hdm-contact-card-wrapper {\r\n min-height: 0;\r\n\r\n padding: 30px 20px;\r\n }\r\n\r\n .hdm-contact-main-card {\r\n max-width: 420px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n .hdm-contact-card-wrapper {\r\n padding: 24px 16px;\r\n }\r\n\r\n .hdm-contact-main-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 34px 26px 30px;\r\n }\r\n\r\n .hdm-contact-main-phone {\r\n font-size: 42px;\r\n }\r\n\r\n .hdm-contact-main-info {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 20px;\r\n }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-contact-main-card,\r\n .hdm-contact-main-label,\r\n .hdm-contact-main-phone,\r\n .hdm-contact-main-divider,\r\n .hdm-contact-main-perspective::before,\r\n .hdm-contact-main-perspective::after,\r\n .hdm-contact-main-frame {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-contact-card-wrapper\">\r\n\r\n <aside class=\"hdm-contact-main-card\">\r\n\r\n <div\r\n class=\"hdm-contact-main-perspective\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n <div\r\n class=\"hdm-contact-main-frame\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"hdm-contact-main-content\">\r\n\r\n <span class=\"hdm-contact-main-label\">\r\n ATENCI\u00d3N GENERAL\r\n <\/span>\r\n\r\n\r\n <a\r\n class=\"hdm-contact-main-phone\"\r\n href=\"tel:+50222242500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n <p class=\"hdm-contact-main-subtitle\">\r\n Tel. Hyundai de Magna \u00b7 Guatemala\r\n <\/p>\r\n\r\n\r\n <div class=\"hdm-contact-main-divider\"><\/div>\r\n\r\n\r\n <div class=\"hdm-contact-main-info\">\r\n\r\n <div>\r\n <strong>Ubicaci\u00f3n<\/strong>\r\n\r\n <span>\r\n Calz. Roosevelt 51-25<br>\r\n Zona 2 de Mixco\r\n <\/span>\r\n <\/div>\r\n\r\n\r\n <div>\r\n <strong>Correo<\/strong>\r\n\r\n <a href=\"mailto:sophia.perez@magna.com.gt\">\r\n sophia.perez@magna.com.gt\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/aside>\r\n\r\n<\/div>\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-c31e6e6 e-con e-atomic-element e-flexbox-base e-default-div e-c31e6e6-7a5e6ce yt-hero-shell \" data-id=\"c31e6e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c31e6e6\" data-e-type=\"e-flexbox\" data-id=\"c31e6e6\">\n \t\t<div class=\"elementor-element elementor-element-2cabce5 elementor-widget elementor-widget-html\" data-id=\"2cabce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-contact-specialized {\r\n width: 100%;\r\n padding: 26px 28px 24px;\r\n\r\n background: #ffffff;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-contact-specialized,\r\n.hdm-contact-specialized * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-specialized-inner {\r\n width: 100%;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);\r\n align-items: end;\r\n\r\n gap: 60px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n COLUMNA IZQUIERDA\r\n========================================= *\/\r\n\r\n.hdm-contact-specialized-left {\r\n min-width: 0;\r\n}\r\n\r\n.hdm-contact-specialized-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n margin: 0 0 22px;\r\n\r\n color: #35719E;\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hdm-contact-specialized-eyebrow::before {\r\n content: \"\";\r\n\r\n width: 32px;\r\n height: 2px;\r\n\r\n flex: 0 0 32px;\r\n\r\n background-color: #35719E;\r\n}\r\n\r\n\r\n\/* =========================================\r\n T\u00cdTULO\r\n========================================= *\/\r\n\r\n.hdm-contact-specialized-title {\r\n max-width: 520px;\r\n\r\n margin: 0;\r\n\r\n color: #002C5F;\r\n\r\n font-size: clamp(38px, 4vw, 48px);\r\n font-weight: 900;\r\n\r\n line-height: 0.98;\r\n letter-spacing: -0.045em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TEXTO DERECHO\r\n========================================= *\/\r\n\r\n.hdm-contact-specialized-text {\r\n max-width: 450px;\r\n\r\n margin: 0 0 3px;\r\n\r\n color: #667085;\r\n\r\n font-size: 15px;\r\n font-weight: 400;\r\n\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n .hdm-contact-specialized-inner {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 24px;\r\n }\r\n\r\n .hdm-contact-specialized-text {\r\n max-width: 620px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-contact-specialized {\r\n padding: 28px 18px;\r\n }\r\n\r\n .hdm-contact-specialized-eyebrow {\r\n margin-bottom: 18px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hdm-contact-specialized-title {\r\n font-size: clamp(36px, 11vw, 46px);\r\n }\r\n\r\n .hdm-contact-specialized-text {\r\n font-size: 14px;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hdm-contact-specialized\">\r\n\r\n <div class=\"hdm-contact-specialized-inner\">\r\n\r\n <div class=\"hdm-contact-specialized-left\">\r\n\r\n <span class=\"hdm-contact-specialized-eyebrow\">\r\n ATENCI\u00d3N ESPECIALIZADA\r\n <\/span>\r\n\r\n <h2 class=\"hdm-contact-specialized-title\">\r\n \u00bfCon qui\u00e9n necesitas<br>\r\n hablar?\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"hdm-contact-specialized-text\">\r\n Selecciona el \u00e1rea que necesitas para recibir atenci\u00f3n\r\n directa. Si deseas cotizar un cami\u00f3n o bus, utiliza nuestro\r\n Cotizador para enviar tu solicitud al equipo comercial.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-753ba25 e-grid e-con-boxed e-con e-parent\" data-id=\"753ba25\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-884161b elementor-widget elementor-widget-html\" data-id=\"884161b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n TARJETA VENTAS - CAMIONES Y BUSES\r\n Prefijo exclusivo: hdm-sales-card-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR - CENTRA LA TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-wrapper {\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-sales-card-wrapper *,\r\n.hdm-sales-card-wrapper *::before,\r\n.hdm-sales-card-wrapper *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-sales-card {\r\n --hdm-salescard-navy: #002C5F;\r\n --hdm-salescard-blue: #35719E;\r\n --hdm-salescard-text: #667085;\r\n --hdm-salescard-line: rgba(0, 44, 95, 0.14);\r\n --hdm-salescard-soft: #F5F7F9;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 480px;\r\n min-height: 338px;\r\n\r\n padding: 30px 30px 28px;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid var(--hdm-salescard-line);\r\n border-left: 5px solid var(--hdm-salescard-navy);\r\n\r\n border-radius: 1px;\r\n\r\n box-shadow:\r\n 6px 6px 0 rgba(0, 44, 95, 0),\r\n 0 10px 25px rgba(0, 44, 95, 0);\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n border-left-color 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-sales-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n border-left-color: var(--hdm-salescard-blue);\r\n\r\n box-shadow:\r\n 10px 10px 0 rgba(53, 113, 158, 0.18),\r\n 0 20px 42px rgba(0, 44, 95, 0.10);\r\n}\r\n\r\n\/* =========================================================\r\n CONTENIDO\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ICONO CAMI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n\r\n margin-bottom: 30px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n background: var(--hdm-salescard-soft);\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease,\r\n color 0.3s ease;\r\n}\r\n\r\n.hdm-sales-card-icon svg {\r\n display: block;\r\n\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.hdm-sales-card:hover\r\n.hdm-sales-card-icon {\r\n transform: translateY(-3px);\r\n\r\n color: #FFFFFF;\r\n\r\n background: var(--hdm-salescard-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-kicker {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--hdm-salescard-blue);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.14em;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-title {\r\n margin: 0 0 10px;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n font-size: 28px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n\r\n letter-spacing: -0.035em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-description {\r\n max-width: 390px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-salescard-text);\r\n\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TEL\u00c9FONO\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-phone {\r\n display: inline-block;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n font-size: 25px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: -0.03em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.25s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-sales-card:hover\r\n.hdm-sales-card-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-sales-card-phone:hover {\r\n color: var(--hdm-salescard-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTONES \/ ENLACES\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 18px 24px;\r\n\r\n margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-sales-action {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 7px 0;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n gap 0.22s ease;\r\n}\r\n\r\n.hdm-sales-action::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\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-salescard-blue);\r\n\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n\r\n transition: transform 0.28s ease;\r\n}\r\n\r\n.hdm-sales-action:hover,\r\n.hdm-sales-action:focus {\r\n color: var(--hdm-salescard-blue);\r\n\r\n gap: 12px;\r\n}\r\n\r\n.hdm-sales-action:hover::after,\r\n.hdm-sales-action:focus::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-sales-action-arrow {\r\n display: inline-block;\r\n\r\n font-size: 15px;\r\n\r\n transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-sales-action:hover\r\n.hdm-sales-action-arrow,\r\n.hdm-sales-action:focus\r\n.hdm-sales-action-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-phone:focus-visible,\r\n.hdm-sales-action:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.30);\r\n\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-sales-card-wrapper {\r\n padding: 18px;\r\n }\r\n\r\n .hdm-sales-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 26px 22px 28px;\r\n }\r\n\r\n .hdm-sales-card-icon {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hdm-sales-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .hdm-sales-card-actions {\r\n flex-direction: column;\r\n\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR ANIMACIONES\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-sales-card,\r\n .hdm-sales-card-icon,\r\n .hdm-sales-card-phone,\r\n .hdm-sales-action,\r\n .hdm-sales-action-arrow,\r\n .hdm-sales-action::after,\r\n .hdm-sales-card-lines::before,\r\n .hdm-sales-card-lines::after {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-sales-card-wrapper\">\r\n\r\n\r\n <article class=\"hdm-sales-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-sales-card-lines\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n\r\n <div class=\"hdm-sales-card-content\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-sales-card-icon\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n >\r\n\r\n \r\n <path\r\n d=\"M3 6.5H14V16.5H3V6.5Z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <path\r\n d=\"M14 10H17.5L20.5 13.5V16.5H14V10Z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <path\r\n d=\"M16 11.5H17.3L19 13.5H16V11.5Z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.45\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <path\r\n d=\"M20.5 16.5H21\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"7\"\r\n cy=\"17.5\"\r\n r=\"2\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"18\"\r\n cy=\"17.5\"\r\n r=\"2\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <span class=\"hdm-sales-card-kicker\">\r\n CAMIONES Y BUSES\r\n <\/span>\r\n\r\n\r\n\r\n \r\n\r\n <h3 class=\"hdm-sales-card-title\">\r\n Ventas\r\n <\/h3>\r\n\r\n\r\n\r\n \r\n\r\n <p class=\"hdm-sales-card-description\">\r\n Habla con un asesor sobre modelos Hyundai,\r\n disponibilidad y la soluci\u00f3n m\u00e1s adecuada para\r\n las necesidades de tu empresa.\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-sales-card-phone\"\r\n href=\"tel:+50230020798\"\r\n aria-label=\"Llamar a ventas al 2224-2500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-sales-card-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-sales-action\"\r\n href=\"https:\/\/wa.me\/50230020798?text=Hola,%20deseo%20informaci\u00f3n%20sobre%20camiones%20o%20buses%20Hyundai.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n WhatsApp Ventas\r\n\r\n <span\r\n class=\"hdm-sales-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-sales-action\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1459\"\r\n >\r\n Ir al Cotizador\r\n\r\n <span\r\n class=\"hdm-sales-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bab22e5 elementor-widget elementor-widget-html\" data-id=\"bab22e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n TARJETA TALLER\r\n Prefijo exclusivo: hdm-workshop-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR - CENTRA LA TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-wrapper {\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-workshop-card-wrapper *,\r\n.hdm-workshop-card-wrapper *::before,\r\n.hdm-workshop-card-wrapper *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card {\r\n --hdm-workshop-navy: #002C5F;\r\n --hdm-workshop-blue: #35719E;\r\n --hdm-workshop-text: #667085;\r\n --hdm-workshop-line: rgba(0, 44, 95, 0.14);\r\n --hdm-workshop-soft: #F5F7F9;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 480px;\r\n min-height: 338px;\r\n\r\n padding: 30px 30px 28px;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid var(--hdm-workshop-line);\r\n border-left: 5px solid var(--hdm-workshop-navy);\r\n\r\n border-radius: 1px;\r\n\r\n box-shadow:\r\n 6px 6px 0 rgba(0, 44, 95, 0),\r\n 0 10px 25px rgba(0, 44, 95, 0);\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n border-left-color 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n border-left-color: var(--hdm-workshop-blue);\r\n\r\n box-shadow:\r\n 10px 10px 0 rgba(53, 113, 158, 0.18),\r\n 0 20px 42px rgba(0, 44, 95, 0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENIDO\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ICONO TALLER\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n\r\n margin-bottom: 30px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n background: var(--hdm-workshop-soft);\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease,\r\n color 0.3s ease;\r\n}\r\n\r\n.hdm-workshop-card-icon svg {\r\n display: block;\r\n\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.hdm-workshop-card:hover\r\n.hdm-workshop-card-icon {\r\n transform: translateY(-3px);\r\n\r\n color: #FFFFFF;\r\n\r\n background: var(--hdm-workshop-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-kicker {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--hdm-workshop-blue);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.14em;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-title {\r\n margin: 0 0 10px;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n font-size: 28px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n\r\n letter-spacing: -0.035em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-description {\r\n max-width: 410px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-workshop-text);\r\n\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TEL\u00c9FONO\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-phone {\r\n display: inline-block;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n font-size: 25px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: -0.03em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.25s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-workshop-card:hover\r\n.hdm-workshop-card-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-workshop-card-phone:hover {\r\n color: var(--hdm-workshop-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTONES \/ ENLACES\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 18px 24px;\r\n\r\n margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-workshop-action {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 7px 0;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n gap 0.22s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n L\u00cdNEA INFERIOR ANIMADA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-action::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\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-workshop-blue);\r\n\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n\r\n transition: transform 0.28s ease;\r\n}\r\n\r\n.hdm-workshop-action:hover,\r\n.hdm-workshop-action:focus {\r\n color: var(--hdm-workshop-blue);\r\n\r\n gap: 12px;\r\n}\r\n\r\n.hdm-workshop-action:hover::after,\r\n.hdm-workshop-action:focus::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-action-arrow {\r\n display: inline-block;\r\n\r\n font-size: 15px;\r\n\r\n transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-workshop-action:hover\r\n.hdm-workshop-action-arrow,\r\n.hdm-workshop-action:focus\r\n.hdm-workshop-action-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-phone:focus-visible,\r\n.hdm-workshop-action:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.30);\r\n\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-workshop-card-wrapper {\r\n padding: 18px;\r\n }\r\n\r\n .hdm-workshop-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 26px 22px 28px;\r\n }\r\n\r\n .hdm-workshop-card-icon {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hdm-workshop-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .hdm-workshop-card-actions {\r\n flex-direction: column;\r\n\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-workshop-card,\r\n .hdm-workshop-card-icon,\r\n .hdm-workshop-card-phone,\r\n .hdm-workshop-action,\r\n .hdm-workshop-action-arrow,\r\n .hdm-workshop-action::after,\r\n .hdm-workshop-card-lines::before,\r\n .hdm-workshop-card-lines::after {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-workshop-card-wrapper\">\r\n\r\n <article class=\"hdm-workshop-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-workshop-card-lines\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"hdm-workshop-card-content\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-workshop-card-icon\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n >\r\n\r\n \r\n\r\n <path\r\n d=\"M14.2 4.2\r\n a4.2 4.2 0 0 0-4.7 5.6\r\n L4.2 15.1\r\n a2.2 2.2 0 1 0 3.1 3.1\r\n l5.3-5.3\r\n a4.2 4.2 0 0 0 5.6-4.7\r\n l-2.7 2.7\r\n -2.5-.7\r\n -.7-2.5\r\n 2.7-2.7\r\n c-.3-.3-.5-.5-.8-.8z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n\r\n <path\r\n d=\"M5.2 4.3\r\n L7.6 3\r\n L10 5.4\r\n L8.4 7\r\n L17.5 16.1\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n\r\n <path\r\n d=\"M16.3 15\r\n L19.8 18.5\r\n c.6.6.6 1.5 0 2.1\r\n -.6.6-1.5.6-2.1 0\r\n l-3.5-3.5\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n\r\n <path\r\n d=\"M17.4 17.1\r\n L19 15.5\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <span class=\"hdm-workshop-card-kicker\">\r\n SERVICIO POSVENTA\r\n <\/span>\r\n\r\n\r\n \r\n\r\n <h3 class=\"hdm-workshop-card-title\">\r\n Taller\r\n <\/h3>\r\n\r\n\r\n \r\n\r\n <p class=\"hdm-workshop-card-description\">\r\n Mantenimiento, diagn\u00f3stico, reparaci\u00f3n y atenci\u00f3n\r\n especializada para mantener tu veh\u00edculo Hyundai\r\n operando correctamente.\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-workshop-card-phone\"\r\n href=\"tel:+50230410025\"\r\n aria-label=\"Llamar a Taller al 22242500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-workshop-card-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-workshop-action\"\r\n href=\"https:\/\/wa.me\/50230408529?text=Hola,%20deseo%20informaci\u00f3n%20sobre%20servicio%20de%20taller.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n WhatsApp Taller\r\n\r\n <span\r\n class=\"hdm-workshop-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-workshop-action\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=12\"\r\n >\r\n Conocer Taller\r\n\r\n <span\r\n class=\"hdm-workshop-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n<\/div>\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-75c64be e-grid e-con-boxed e-con e-parent\" data-id=\"75c64be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b4959a elementor-widget elementor-widget-html\" data-id=\"2b4959a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n TARJETA REPUESTOS\r\n Prefijo exclusivo: hdm-parts-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR - CENTRA LA TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-wrapper {\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-parts-card-wrapper *,\r\n.hdm-parts-card-wrapper *::before,\r\n.hdm-parts-card-wrapper *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-parts-card {\r\n --hdm-parts-navy: #002C5F;\r\n --hdm-parts-blue: #35719E;\r\n --hdm-parts-text: #667085;\r\n --hdm-parts-line: rgba(0, 44, 95, 0.14);\r\n --hdm-parts-soft: #F5F7F9;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 480px;\r\n min-height: 338px;\r\n\r\n padding: 30px 30px 28px;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid var(--hdm-parts-line);\r\n border-left: 5px solid var(--hdm-parts-navy);\r\n\r\n border-radius: 1px;\r\n\r\n box-shadow:\r\n 6px 6px 0 rgba(0, 44, 95, 0),\r\n 0 10px 25px rgba(0, 44, 95, 0);\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n border-left-color 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-parts-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n border-left-color: var(--hdm-parts-blue);\r\n\r\n box-shadow:\r\n 10px 10px 0 rgba(53, 113, 158, 0.18),\r\n 0 20px 42px rgba(0, 44, 95, 0.10);\r\n}\r\n\r\n\/* =========================================================\r\n CONTENIDO\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ICONO REPUESTOS\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n\r\n margin-bottom: 30px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n background: var(--hdm-parts-soft);\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease,\r\n color 0.3s ease;\r\n}\r\n\r\n.hdm-parts-card-icon svg {\r\n display: block;\r\n\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.hdm-parts-card:hover\r\n.hdm-parts-card-icon {\r\n transform: translateY(-3px);\r\n\r\n color: #FFFFFF;\r\n\r\n background: var(--hdm-parts-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-kicker {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--hdm-parts-blue);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-title {\r\n margin: 0 0 10px;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n font-size: 28px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n\r\n letter-spacing: -0.035em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-description {\r\n max-width: 410px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-parts-text);\r\n\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TEL\u00c9FONO\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-phone {\r\n display: inline-block;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n font-size: 25px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: -0.03em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.25s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-parts-card:hover\r\n.hdm-parts-card-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-parts-card-phone:hover {\r\n color: var(--hdm-parts-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCIONES\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 18px 24px;\r\n\r\n margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ENLACES\r\n========================================================= *\/\r\n\r\n.hdm-parts-action {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 7px 0;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n gap 0.22s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n L\u00cdNEA ANIMADA\r\n========================================================= *\/\r\n\r\n.hdm-parts-action::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\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-parts-blue);\r\n\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n\r\n transition: transform 0.28s ease;\r\n}\r\n\r\n.hdm-parts-action:hover,\r\n.hdm-parts-action:focus {\r\n color: var(--hdm-parts-blue);\r\n\r\n gap: 12px;\r\n}\r\n\r\n.hdm-parts-action:hover::after,\r\n.hdm-parts-action:focus::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-parts-action-arrow {\r\n display: inline-block;\r\n\r\n font-size: 15px;\r\n\r\n transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-parts-action:hover\r\n.hdm-parts-action-arrow,\r\n.hdm-parts-action:focus\r\n.hdm-parts-action-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-phone:focus-visible,\r\n.hdm-parts-action:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.30);\r\n\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-parts-card-wrapper {\r\n padding: 18px;\r\n }\r\n\r\n .hdm-parts-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 26px 22px 28px;\r\n }\r\n\r\n .hdm-parts-card-icon {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hdm-parts-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .hdm-parts-card-actions {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-parts-card,\r\n .hdm-parts-card-icon,\r\n .hdm-parts-card-phone,\r\n .hdm-parts-action,\r\n .hdm-parts-action-arrow,\r\n .hdm-parts-action::after,\r\n .hdm-parts-card-lines::before,\r\n .hdm-parts-card-lines::after {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-parts-card-wrapper\">\r\n\r\n <article class=\"hdm-parts-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-parts-card-lines\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"hdm-parts-card-content\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-parts-card-icon\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n >\r\n\r\n \r\n <path\r\n d=\"\r\n M9.7 3.2\r\n h4.6\r\n l.5 2\r\n c.6.2 1.2.5 1.7.8\r\n l1.8-.8\r\n 2.3 4\r\n -1.5 1.2\r\n c.1.6.1 1.3 0 1.9\r\n l1.5 1.2\r\n -2.3 4\r\n -1.8-.8\r\n c-.5.4-1.1.6-1.7.8\r\n l-.5 2\r\n H9.7\r\n l-.5-2\r\n c-.6-.2-1.2-.5-1.7-.8\r\n l-1.8.8\r\n -2.3-4\r\n 1.5-1.2\r\n c-.1-.6-.1-1.3 0-1.9\r\n L3.4 8.4\r\n l2.3-4\r\n 1.8.8\r\n c.5-.4 1.1-.6 1.7-.8\r\n l.5-2z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.55\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"12\"\r\n cy=\"11\"\r\n r=\"3.2\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"12\"\r\n cy=\"11\"\r\n r=\"1\"\r\n fill=\"currentColor\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <span class=\"hdm-parts-card-kicker\">\r\n REPUESTOS ORIGINALES\r\n <\/span>\r\n\r\n\r\n \r\n\r\n <h3 class=\"hdm-parts-card-title\">\r\n Repuestos\r\n <\/h3>\r\n\r\n\r\n \r\n\r\n <p class=\"hdm-parts-card-description\">\r\n Consulta disponibilidad de repuestos originales Hyundai\r\n y recibe asesor\u00eda para identificar la pieza adecuada\r\n para tu veh\u00edculo.\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-parts-card-phone\"\r\n href=\"tel:+50222242500\"\r\n aria-label=\"Llamar a Repuestos al 3002-0798\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-parts-card-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-parts-action\"\r\n href=\"https:\/\/wa.me\/50230413961?text=Hola,%20deseo%20consultar%20disponibilidad%20de%20repuestos%20Hyundai.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Consultar por WhatsApp\r\n\r\n <span\r\n class=\"hdm-parts-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-parts-action\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=14\"\r\n >\r\n Ver Repuestos\r\n\r\n <span\r\n class=\"hdm-parts-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4309fb elementor-widget elementor-widget-html\" data-id=\"e4309fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n TARJETA ATENCI\u00d3N GENERAL\n Dise\u00f1o igual a la tarjeta Repuestos de Hyundai de Magna\n Prefijo exclusivo: hdm-general-\n========================================================= *\/\n\n\/* CONTENEDOR *\/\n.hdm-general-card-wrapper {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n box-sizing: border-box;\n font-family: Roboto, Arial, Helvetica, sans-serif;\n}\n\n.hdm-general-card-wrapper *,\n.hdm-general-card-wrapper *::before,\n.hdm-general-card-wrapper *::after {\n box-sizing: border-box;\n}\n\n\/* TARJETA *\/\n.hdm-general-card {\n --hdm-general-navy: #002C5F;\n --hdm-general-blue: #35719E;\n --hdm-general-text: #667085;\n --hdm-general-line: rgba(0, 44, 95, 0.14);\n --hdm-general-soft: #F5F7F9;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100%;\n max-width: 480px;\n min-height: 338px;\n padding: 30px 30px 28px;\n background: #FFFFFF;\n border: 1px solid var(--hdm-general-line);\n border-left: 5px solid var(--hdm-general-navy);\n border-radius: 1px;\n box-shadow:\n 6px 6px 0 rgba(0, 44, 95, 0),\n 0 10px 25px rgba(0, 44, 95, 0);\n transform: translate3d(0, 0, 0);\n transition:\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n box-shadow 0.4s ease,\n border-left-color 0.4s ease;\n}\n\n\/* ANIMACI\u00d3N AL PASAR EL CURSOR POR LA TARJETA *\/\n.hdm-general-card:hover {\n transform: translate3d(-4px, -4px, 0);\n border-left-color: var(--hdm-general-blue);\n box-shadow:\n 10px 10px 0 rgba(53, 113, 158, 0.18),\n 0 20px 42px rgba(0, 44, 95, 0.10);\n}\n\n\/* CONTENIDO *\/\n.hdm-general-card-content {\n position: relative;\n z-index: 2;\n}\n\n\/* ICONO *\/\n.hdm-general-card-icon {\n width: 52px;\n height: 52px;\n margin-bottom: 30px;\n display: grid;\n place-items: center;\n color: var(--hdm-general-navy);\n background: var(--hdm-general-soft);\n border: 1px solid rgba(0, 44, 95, 0.12);\n transition:\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n background-color 0.3s ease,\n color 0.3s ease;\n}\n\n.hdm-general-card-icon svg {\n display: block;\n width: 29px;\n height: 29px;\n}\n\n.hdm-general-card:hover .hdm-general-card-icon {\n transform: translateY(-3px);\n color: #FFFFFF;\n background: var(--hdm-general-navy);\n}\n\n\/* CATEGOR\u00cdA *\/\n.hdm-general-card-kicker {\n display: block;\n margin-bottom: 8px;\n color: var(--hdm-general-blue);\n font-size: 11px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n\/* T\u00cdTULO *\/\n.hdm-general-card-title {\n margin: 0 0 10px;\n color: var(--hdm-general-navy);\n font-size: 28px;\n font-weight: 900;\n line-height: 1.05;\n letter-spacing: -0.035em;\n}\n\n\/* DESCRIPCI\u00d3N *\/\n.hdm-general-card-description {\n max-width: 410px;\n margin: 0;\n color: var(--hdm-general-text);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.7;\n}\n\n\/* TEL\u00c9FONO *\/\n.hdm-general-card-phone {\n display: inline-block;\n margin-top: 20px;\n color: var(--hdm-general-navy);\n font-size: 25px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: -0.03em;\n text-decoration: none;\n transition:\n color 0.25s ease,\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.hdm-general-card:hover .hdm-general-card-phone {\n transform: translateX(3px);\n}\n\n.hdm-general-card-phone:hover {\n color: var(--hdm-general-blue);\n}\n\n\/* ACCIONES *\/\n.hdm-general-card-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 18px 24px;\n margin-top: 25px;\n}\n\n\/* ENLACES: MISMO AZUL HYUNDAI PARA WHATSAPP Y CORREO *\/\n.hdm-general-action {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 0;\n color: var(--hdm-general-navy);\n font-size: 13px;\n font-weight: 900;\n line-height: 1;\n text-decoration: none;\n transition:\n color 0.22s ease,\n gap 0.22s ease;\n}\n\n\/* L\u00cdNEA INFERIOR ANIMADA *\/\n.hdm-general-action::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 2px;\n background: var(--hdm-general-blue);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.28s ease;\n}\n\n.hdm-general-action:hover,\n.hdm-general-action:focus {\n color: var(--hdm-general-blue);\n gap: 12px;\n}\n\n.hdm-general-action:hover::after,\n.hdm-general-action:focus::after {\n transform: scaleX(1);\n}\n\n\/* FLECHA *\/\n.hdm-general-action-arrow {\n display: inline-block;\n font-size: 15px;\n transition: transform 0.22s ease;\n}\n\n.hdm-general-action:hover .hdm-general-action-arrow,\n.hdm-general-action:focus .hdm-general-action-arrow {\n transform: translateX(3px);\n}\n\n\/* ACCESIBILIDAD *\/\n.hdm-general-card-phone:focus-visible,\n.hdm-general-action:focus-visible {\n outline: 3px solid rgba(53, 113, 158, 0.30);\n outline-offset: 4px;\n}\n\n\/* ADAPTACI\u00d3N A M\u00d3VILES *\/\n@media (max-width: 520px) {\n .hdm-general-card-wrapper {\n padding: 18px;\n }\n\n .hdm-general-card {\n max-width: 100%;\n min-height: 0;\n padding: 26px 22px 28px;\n }\n\n .hdm-general-card-icon {\n margin-bottom: 24px;\n }\n\n .hdm-general-card-title {\n font-size: 26px;\n }\n\n .hdm-general-card-actions {\n flex-direction: column;\n align-items: flex-start;\n gap: 14px;\n }\n}\n\n\/* RESPETAR LA PREFERENCIA DE REDUCIR MOVIMIENTO *\/\n@media (prefers-reduced-motion: reduce) {\n .hdm-general-card,\n .hdm-general-card-icon,\n .hdm-general-card-phone,\n .hdm-general-action,\n .hdm-general-action-arrow,\n .hdm-general-action::after {\n transition: none;\n }\n}\n<\/style>\n\n<div class=\"hdm-general-card-wrapper\">\n <article class=\"hdm-general-card\">\n <div class=\"hdm-general-card-content\">\n\n \n <div class=\"hdm-general-card-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path\n d=\"M4 5h16v11H8l-4 4V5zM8 9h8M8 12h5\"\n stroke=\"currentColor\"\n stroke-width=\"1.7\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/>\n <\/svg>\n <\/div>\n\n \n <span class=\"hdm-general-card-kicker\">\n INFORMACI\u00d3N CORPORATIVA\n <\/span>\n\n \n <h3 class=\"hdm-general-card-title\">\n Atenci\u00f3n general\n <\/h3>\n\n \n <p class=\"hdm-general-card-description\">\n Para consultas generales, informaci\u00f3n institucional\n o solicitudes que no correspondan directamente a\n ventas, taller o repuestos.\n <\/p>\n\n \n <a\n class=\"hdm-general-card-phone\"\n href=\"tel:+50222242500\"\n aria-label=\"Llamar a Atenci\u00f3n general al 2224-2500\"\n >\n 2224-2500\n <\/a>\n\n \n <div class=\"hdm-general-card-actions\">\n\n \n <a\n class=\"hdm-general-action\"\n href=\"https:\/\/wa.me\/50230020798?text=Hola%2C%20deseo%20realizar%20una%20consulta%20general%20sobre%20Hyundai%20de%20Magna.\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Consultar por WhatsApp\n <span class=\"hdm-general-action-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n \n <a\n class=\"hdm-general-action\"\n href=\"mailto:sophia.perez@magna.com.gt\"\n >\n Enviar correo\n <span class=\"hdm-general-action-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <\/div>\n <\/div>\n <\/article>\n<\/div>\n\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-6f64dd3 e-con e-atomic-element e-flexbox-base e-default-div e-6f64dd3-2425cbc yt-hero-shell \" data-id=\"6f64dd3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f64dd3\" data-e-type=\"e-flexbox\" data-id=\"6f64dd3\">\n \t\t<div class=\"elementor-element elementor-element-eeb8225 elementor-widget elementor-widget-html\" data-id=\"eeb8225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n BLOQUE UBICACI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-location-section {\r\n --hdm-navy: #002C5F;\r\n --hdm-dark-blue: #07366D;\r\n --hdm-blue: #35719E;\r\n --hdm-white: #FFFFFF;\r\n --hdm-text: #667085;\r\n --hdm-soft: #F5F7F9;\r\n --hdm-line: rgba(0, 44, 95, 0.12);\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n\r\n padding: 22px 24px;\r\n\r\n background: var(--hdm-soft);\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-location-section,\r\n.hdm-location-section *,\r\n.hdm-location-section *::before,\r\n.hdm-location-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DECORACI\u00d3N DE FONDO\r\n========================================================= *\/\r\n\r\n.hdm-location-section::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 430px;\r\n height: 430px;\r\n\r\n top: -260px;\r\n left: -120px;\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.06);\r\n\r\n transform: rotate(17deg);\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR PRINCIPAL\r\n========================================================= *\/\r\n\r\n.hdm-location-container {\r\n position: relative;\r\n z-index: 2;\r\n\r\n width: 100%;\r\n max-width: 1180px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n minmax(0, 0.92fr)\r\n minmax(0, 1.08fr);\r\n\r\n align-items: stretch;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.10);\r\n\r\n box-shadow:\r\n 0 12px 32px rgba(0, 44, 95, 0.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COLUMNA IZQUIERDA\r\n========================================================= *\/\r\n\r\n.hdm-location-content {\r\n position: relative;\r\n\r\n min-width: 0;\r\n\r\n padding: 56px 48px 48px;\r\n\r\n background: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VIS\u00cdTANOS\r\n========================================================= *\/\r\n\r\n.hdm-location-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n margin: 0 0 22px;\r\n\r\n color: var(--hdm-blue);\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hdm-location-eyebrow::before {\r\n content: \"\";\r\n\r\n width: 32px;\r\n height: 2px;\r\n\r\n flex: 0 0 32px;\r\n\r\n background: var(--hdm-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-location-title {\r\n max-width: 370px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-navy);\r\n\r\n font-size: clamp(40px, 4vw, 48px);\r\n font-weight: 900;\r\n\r\n line-height: 0.94;\r\n letter-spacing: -0.045em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-location-description {\r\n max-width: 390px;\r\n\r\n margin: 24px 0 0;\r\n\r\n color: var(--hdm-text);\r\n\r\n font-size: 15px;\r\n font-weight: 400;\r\n\r\n line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DATOS DE CONTACTO\r\n========================================================= *\/\r\n\r\n.hdm-location-list {\r\n width: 100%;\r\n\r\n margin-top: 28px;\r\n}\r\n\r\n.hdm-location-item {\r\n display: grid;\r\n grid-template-columns: 115px minmax(0, 1fr);\r\n\r\n gap: 20px;\r\n\r\n padding: 17px 0;\r\n\r\n border-bottom: 1px solid rgba(0, 44, 95, 0.11);\r\n}\r\n\r\n.hdm-location-item:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.hdm-location-item strong {\r\n color: var(--hdm-navy);\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hdm-location-item span,\r\n.hdm-location-item a {\r\n color: var(--hdm-text);\r\n\r\n font-size: 13px;\r\n font-weight: 400;\r\n line-height: 1.65;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.hdm-location-item a {\r\n transition:\r\n color 0.22s ease;\r\n}\r\n\r\n.hdm-location-item a:hover {\r\n color: var(--hdm-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTONES\r\n========================================================= *\/\r\n\r\n.hdm-location-actions {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOT\u00d3N WAZE\r\n========================================================= *\/\r\n\r\n.hdm-location-btn-main {\r\n display: inline-flex;\r\n align-items: stretch;\r\n justify-content: space-between;\r\n\r\n min-width: 220px;\r\n\r\n padding: 0;\r\n\r\n color: #FFFFFF;\r\n background: var(--hdm-navy);\r\n\r\n border: 1px solid var(--hdm-navy);\r\n border-radius: 2px;\r\n\r\n box-shadow:\r\n 6px 6px 0 var(--hdm-blue);\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.22s ease,\r\n box-shadow 0.22s ease,\r\n background-color 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-main-label {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n padding: 16px 22px;\r\n}\r\n\r\n.hdm-location-btn-main-arrow {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 50px;\r\n min-width: 50px;\r\n\r\n border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n font-size: 18px;\r\n\r\n transition:\r\n background-color 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-main-arrow span {\r\n display: inline-block;\r\n\r\n transition:\r\n transform 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-main:hover,\r\n.hdm-location-btn-main:focus {\r\n color: #FFFFFF;\r\n background: var(--hdm-dark-blue);\r\n\r\n transform: translate(3px, 3px);\r\n\r\n box-shadow:\r\n 3px 3px 0 var(--hdm-blue);\r\n}\r\n\r\n.hdm-location-btn-main:hover\r\n.hdm-location-btn-main-arrow,\r\n.hdm-location-btn-main:focus\r\n.hdm-location-btn-main-arrow {\r\n background-color:\r\n rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-location-btn-main:hover\r\n.hdm-location-btn-main-arrow span,\r\n.hdm-location-btn-main:focus\r\n.hdm-location-btn-main-arrow span {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-location-btn-main:active {\r\n transform: translate(6px, 6px);\r\n\r\n box-shadow:\r\n 0 0 0 var(--hdm-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOT\u00d3N GOOGLE MAPS\r\n========================================================= *\/\r\n\r\n.hdm-location-btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n min-width: 220px;\r\n min-height: 54px;\r\n\r\n gap: 20px;\r\n\r\n padding: 15px 22px;\r\n\r\n color: var(--hdm-navy);\r\n background: #FFFFFF;\r\n\r\n border: 2px solid var(--hdm-navy);\r\n border-radius: 2px;\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n background-color 0.22s ease,\r\n transform 0.22s ease,\r\n box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-outline span {\r\n display: inline-block;\r\n\r\n font-size: 17px;\r\n\r\n transition:\r\n transform 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-outline:hover,\r\n.hdm-location-btn-outline:focus {\r\n color: #FFFFFF;\r\n background: var(--hdm-navy);\r\n\r\n transform: translate(-3px, -3px);\r\n\r\n box-shadow:\r\n 6px 6px 0\r\n rgba(53, 113, 158, 0.24);\r\n}\r\n\r\n.hdm-location-btn-outline:hover span,\r\n.hdm-location-btn-outline:focus span {\r\n transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-location-btn-main:focus-visible,\r\n.hdm-location-btn-outline:focus-visible {\r\n outline:\r\n 3px solid rgba(53, 113, 158, 0.35);\r\n\r\n outline-offset: 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COLUMNA DERECHA \/ MAPA\r\n========================================================= *\/\r\n\r\n.hdm-location-map {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n min-width: 0;\r\n min-height: 610px;\r\n\r\n background: #E4E4E4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IFRAME\r\n========================================================= *\/\r\n\r\n.hdm-location-map iframe {\r\n position: absolute;\r\n inset: 0;\r\n\r\n display: block;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n border: 0;\r\n\r\n filter:\r\n saturate(0.94)\r\n contrast(1);\r\n\r\n transition:\r\n filter 0.45s ease;\r\n}\r\n\r\n.hdm-location-map:hover iframe {\r\n filter:\r\n saturate(1.05)\r\n contrast(1.02);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA FLOTANTE DEL MAPA\r\n========================================================= *\/\r\n\r\n.hdm-location-map-card {\r\n position: absolute;\r\n\r\n left: 24px;\r\n bottom: 24px;\r\n z-index: 4;\r\n\r\n width:\r\n min(calc(100% - 48px), 330px);\r\n\r\n padding: 18px 20px;\r\n\r\n overflow: hidden;\r\n\r\n color: #FFFFFF;\r\n background: var(--hdm-navy);\r\n\r\n border-left:\r\n 5px solid var(--hdm-blue);\r\n\r\n box-shadow:\r\n 7px 7px 0\r\n rgba(53, 113, 158, 0.18),\r\n 0 16px 30px\r\n rgba(0, 44, 95, 0.16);\r\n\r\n transform:\r\n translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s\r\n cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n\/* Decoraci\u00f3n interna *\/\r\n\r\n.hdm-location-map-card::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: -110px;\r\n right: -50px;\r\n\r\n width: 220px;\r\n height: 300px;\r\n\r\n border-left:\r\n 1px solid rgba(255, 255, 255, 0.12);\r\n\r\n transform: rotate(17deg);\r\n\r\n pointer-events: none;\r\n}\r\n\r\n.hdm-location-map-card::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: 65%;\r\n left: -20%;\r\n\r\n width: 150%;\r\n height: 1px;\r\n\r\n background:\r\n rgba(255, 255, 255, 0.10);\r\n\r\n transform: rotate(12deg);\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\r\n\/* Hover tarjeta *\/\r\n\r\n.hdm-location-map:hover\r\n.hdm-location-map-card {\r\n transform:\r\n translate3d(-4px, -4px, 0);\r\n\r\n box-shadow:\r\n 11px 11px 0\r\n rgba(53, 113, 158, 0.30),\r\n 0 24px 44px\r\n rgba(0, 44, 95, 0.22);\r\n}\r\n\r\n\r\n\/* Texto tarjeta *\/\r\n\r\n.hdm-location-map-card strong {\r\n position: relative;\r\n z-index: 2;\r\n\r\n display: block;\r\n\r\n margin-bottom: 5px;\r\n\r\n color: #FFFFFF;\r\n\r\n font-size: 15px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n}\r\n\r\n.hdm-location-map-card span {\r\n position: relative;\r\n z-index: 2;\r\n\r\n display: block;\r\n\r\n color:\r\n rgba(255, 255, 255, 0.86);\r\n\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .hdm-location-container {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hdm-location-content {\r\n padding: 48px 38px;\r\n }\r\n\r\n .hdm-location-title {\r\n max-width: 500px;\r\n }\r\n\r\n .hdm-location-description {\r\n max-width: 600px;\r\n }\r\n\r\n .hdm-location-map {\r\n min-height: 460px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-location-section {\r\n padding: 16px;\r\n }\r\n\r\n .hdm-location-content {\r\n padding: 36px 24px;\r\n }\r\n\r\n .hdm-location-eyebrow {\r\n margin-bottom: 20px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hdm-location-title {\r\n font-size:\r\n clamp(38px, 12vw, 48px);\r\n\r\n line-height: 0.98;\r\n }\r\n\r\n .hdm-location-description {\r\n font-size: 14px;\r\n }\r\n\r\n .hdm-location-item {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 6px;\r\n }\r\n\r\n .hdm-location-actions {\r\n align-items: stretch;\r\n\r\n gap: 18px;\r\n }\r\n\r\n .hdm-location-btn-main,\r\n .hdm-location-btn-outline {\r\n width: calc(100% - 6px);\r\n }\r\n\r\n .hdm-location-map {\r\n min-height: 400px;\r\n }\r\n\r\n .hdm-location-map-card {\r\n right: 18px;\r\n bottom: 18px;\r\n left: 18px;\r\n\r\n width: auto;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-location-btn-main,\r\n .hdm-location-btn-main-arrow span,\r\n .hdm-location-btn-outline,\r\n .hdm-location-btn-outline span,\r\n .hdm-location-map iframe,\r\n .hdm-location-map-card {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n class=\"hdm-location-section\"\r\n aria-labelledby=\"hdm-location-title\"\r\n>\r\n\r\n <div class=\"hdm-location-container\">\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-content\">\r\n\r\n\r\n \r\n <span class=\"hdm-location-eyebrow\">\r\n VIS\u00cdTANOS\r\n <\/span>\r\n\r\n\r\n \r\n <h2\r\n class=\"hdm-location-title\"\r\n id=\"hdm-location-title\"\r\n >\r\n Hyundai de<br>\r\n Magna<br>\r\n Guatemala\r\n <\/h2>\r\n\r\n\r\n \r\n <p class=\"hdm-location-description\">\r\n\r\n Visita nuestras instalaciones o utiliza\r\n tu aplicaci\u00f3n de navegaci\u00f3n preferida\r\n para llegar directamente a Hyundai de\r\n Magna.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-list\">\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n DIRECCI\u00d3N\r\n <\/strong>\r\n\r\n <span>\r\n Calzada Roosevelt 51-25,\r\n Zona 2 de Mixco,\r\n Guatemala.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n TEL\u00c9FONO:\r\n <\/strong>\r\n\r\n <span>\r\n\r\n <a\r\n href=\"tel:+50222242500\"\r\n aria-label=\"Llamar al PBX 2224-2500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n WHATSAPP\r\n <\/strong>\r\n\r\n <span>\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/50230020798\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Contactar por WhatsApp al 3002-0798\"\r\n >\r\n 3002-0798\r\n <\/a>\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n CORREO\r\n <\/strong>\r\n\r\n <span>\r\n\r\n <a\r\n href=\"mailto:sophia.perez@magna.com.gt\"\r\n >\r\n sophia.perez@magna.com.gt\r\n <\/a>\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-actions\">\r\n\r\n\r\n \r\n <a\r\n class=\"hdm-location-btn-main\"\r\n href=\"https:\/\/www.waze.com\/live-map\/directions\/hyundai-de-magna-calzada-roosevelt-51-25-zona-2,-mixco?utm_campaign=waze_website&utm_source=waze_website&utm_medium=lm_share_location&to=place.w.176554130.1765606839.3526377\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Abrir Hyundai de Magna en Waze\"\r\n >\r\n\r\n <span\r\n class=\"hdm-location-btn-main-label\"\r\n >\r\n Abrir en Waze\r\n <\/span>\r\n\r\n <span\r\n class=\"hdm-location-btn-main-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n <span>\u2192<\/span>\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n class=\"hdm-location-btn-outline\"\r\n href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Hyundai%20de%20Magna%2C%20Calzada%20Roosevelt%2051-25%2C%20Zona%202%20de%20Mixco%2C%20Guatemala\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Abrir Hyundai de Magna en Google Maps\"\r\n >\r\n Google Maps\r\n\r\n <span aria-hidden=\"true\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-map\">\r\n\r\n\r\n <iframe\r\n title=\"Ubicaci\u00f3n de Hyundai de Magna Guatemala\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n src=\"https:\/\/www.google.com\/maps?q=Hyundai%20de%20Magna%2C%20Calzada%20Roosevelt%2051-25%2C%20Zona%202%20de%20Mixco%2C%20Guatemala&output=embed\"\r\n allowfullscreen\r\n ><\/iframe>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-map-card\">\r\n\r\n <strong>\r\n Hyundai de Magna\r\n <\/strong>\r\n\r\n <span>\r\n Calzada Roosevelt 51-25,<br>\r\n Zona 2 de Mixco, Guatemala\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a2d5a56 e-grid e-con-boxed e-con e-parent\" data-id=\"a2d5a56\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9675e7f e-con-full e-flex e-con e-child\" data-id=\"9675e7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26566b7 elementor-widget elementor-widget-html\" data-id=\"26566b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-advisor-cta-section {\r\n --hdm-navy: #002c5f;\r\n --hdm-blue: #35719e;\r\n --hdm-white: #ffffff;\r\n\r\n \/* Fondo exterior blanco *\/\r\n --hdm-background: #ffffff;\r\n\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: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-advisor-cta-section,\r\n.hdm-advisor-cta-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FIGURA GEOM\u00c9TRICA SUPERIOR\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\/* =========================================================\r\n FIGURA GEOM\u00c9TRICA INFERIOR\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\/* =========================================================\r\n BLOQUE CTA\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta {\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\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.hdm-advisor-cta-content {\r\n min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\r\n\/* =========================================================\r\n TEXTO\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-text {\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\/* =========================================================\r\n BOT\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\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\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-advisor-cta-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\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-button:hover,\r\n.hdm-advisor-cta-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-advisor-cta-button:hover\r\n.hdm-advisor-cta-arrow,\r\n.hdm-advisor-cta-button:focus-visible\r\n.hdm-advisor-cta-arrow {\r\n transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-button:focus-visible {\r\n outline: 3px solid var(--hdm-focus);\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .hdm-advisor-cta-section {\r\n padding-right: 24px;\r\n padding-left: 24px;\r\n }\r\n\r\n .hdm-advisor-cta {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 26px;\r\n }\r\n\r\n .hdm-advisor-cta-button {\r\n width: fit-content;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .hdm-advisor-cta-section {\r\n padding: 24px 16px 64px;\r\n }\r\n\r\n .hdm-advisor-cta {\r\n min-height: auto;\r\n\r\n padding: 30px 24px;\r\n\r\n gap: 24px;\r\n }\r\n\r\n .hdm-advisor-cta-title {\r\n font-size: clamp(26px, 8vw, 33px);\r\n }\r\n\r\n .hdm-advisor-cta-text {\r\n font-size: 14px;\r\n }\r\n\r\n .hdm-advisor-cta-button {\r\n width: 100%;\r\n\r\n min-width: 0;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-advisor-cta-button,\r\n .hdm-advisor-cta-arrow {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n class=\"hdm-advisor-cta-section\"\r\n aria-labelledby=\"hdm-advisor-cta-title\"\r\n>\r\n\r\n <div class=\"hdm-advisor-cta\">\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-advisor-cta-content\">\r\n\r\n <h2\r\n class=\"hdm-advisor-cta-title\"\r\n id=\"hdm-advisor-cta-title\"\r\n >\r\n \u00bfBuscas un cami\u00f3n o bus Hyundai?\r\n <\/h2>\r\n\r\n\r\n <p class=\"hdm-advisor-cta-text\">\r\n Selecciona el veh\u00edculo que te interesa y env\u00eda tu solicitud\r\n desde nuestro Cotizador. Nuestro equipo comercial se pondr\u00e1\r\n en contacto contigo para ayudarte a elegir la mejor opci\u00f3n\r\n para tu operaci\u00f3n.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-advisor-cta-button\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1459\"\r\n aria-label=\"Ir al Cotizador de Hyundai de Magna\"\r\n >\r\n Ir al Cotizador\r\n\r\n <span\r\n class=\"hdm-advisor-cta-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\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>Contacto | Hyundai de Magna CONTACTO Estamos cerca para ayudarte. Comun\u00edcate directamente con nuestro equipo de ventas, taller, repuestos o atenci\u00f3n general. En Hyundai de…<\/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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/16","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=16"}],"version-history":[{"count":5,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1711,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/1711"}],"wp:attachment":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n Contacto | Hyundai de Magna<\/title>\r\n\r\n <style>\r\n :root {\r\n --hdm-blue-dark: #002C5F;\r\n --hdm-blue: #35719E;\r\n --hdm-text: #667085;\r\n --hdm-white: #FFFFFF;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background: #FFFFFF;\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n color: var(--hdm-text);\r\n }\r\n\r\n \/* =========================================================\r\n SECCI\u00d3N CONTACTO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-section {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n\r\n padding: 34px 28px 30px;\r\n\r\n background: #FFFFFF;\r\n }\r\n\r\n .hdm-contact-container {\r\n position: relative;\r\n z-index: 2;\r\n\r\n width: 100%;\r\n max-width: 1180px;\r\n\r\n margin: 0 auto;\r\n }\r\n\r\n .hdm-contact-content {\r\n max-width: 610px;\r\n }\r\n\r\n \/* =========================================================\r\n DECORACI\u00d3N DE FONDO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-section::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 390px;\r\n height: 390px;\r\n\r\n right: -160px;\r\n bottom: -295px;\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.08);\r\n\r\n transform: rotate(16deg);\r\n\r\n pointer-events: none;\r\n }\r\n\r\n \/* =========================================================\r\n EYEBROW \/ CONTACTO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n margin: 0 0 24px;\r\n\r\n color: var(--hdm-blue);\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: 0.17em;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n .hdm-contact-eyebrow::before {\r\n content: \"\";\r\n\r\n width: 32px;\r\n height: 2px;\r\n\r\n flex: 0 0 32px;\r\n\r\n background-color: var(--hdm-blue);\r\n }\r\n\r\n \/* =========================================================\r\n T\u00cdTULO\r\n ========================================================= *\/\r\n\r\n .hdm-contact-title {\r\n max-width: 600px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-blue-dark);\r\n\r\n font-size: clamp(48px, 6vw, 64px);\r\n font-weight: 900;\r\n\r\n line-height: 0.98;\r\n letter-spacing: -0.055em;\r\n }\r\n\r\n \/* =========================================================\r\n DESCRIPCI\u00d3N\r\n ========================================================= *\/\r\n\r\n .hdm-contact-description {\r\n max-width: 540px;\r\n\r\n margin: 24px 0 0;\r\n\r\n color: var(--hdm-text);\r\n\r\n font-size: 16px;\r\n font-weight: 400;\r\n\r\n line-height: 1.85;\r\n }\r\n\r\n \/* =========================================================\r\n ACCIONES\r\n ========================================================= *\/\r\n\r\n .hdm-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 24px;\r\n\r\n margin-top: 30px;\r\n }\r\n\r\n \/* =========================================================\r\n BOT\u00d3N PRINCIPAL\r\n ========================================================= *\/\r\n\r\n .hdm-btn-main {\r\n box-sizing: border-box;\r\n\r\n display: inline-flex;\r\n align-items: stretch;\r\n justify-content: space-between;\r\n\r\n min-width: 220px;\r\n\r\n padding: 0;\r\n\r\n background-color: #002C5F;\r\n color: #FFFFFF;\r\n\r\n border: 1px solid #002C5F;\r\n border-radius: 2px;\r\n\r\n box-shadow: 6px 6px 0 #35719E;\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n transform 0.22s ease,\r\n box-shadow 0.22s ease,\r\n background-color 0.22s ease;\r\n }\r\n\r\n .hdm-btn-label {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n padding: 16px 22px;\r\n }\r\n\r\n .hdm-btn-arrow {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 50px;\r\n min-width: 50px;\r\n\r\n border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n font-size: 18px;\r\n\r\n transition:\r\n transform 0.22s ease,\r\n background-color 0.22s ease;\r\n }\r\n\r\n .hdm-btn-arrow span {\r\n display: inline-block;\r\n\r\n transition: transform 0.22s ease;\r\n }\r\n\r\n \/* =========================================================\r\n HOVER BOT\u00d3N PRINCIPAL\r\n ========================================================= *\/\r\n\r\n .hdm-btn-main:hover,\r\n .hdm-btn-main:focus {\r\n background-color: #073B73;\r\n color: #FFFFFF;\r\n\r\n transform: translate(3px, 3px);\r\n\r\n box-shadow: 3px 3px 0 #35719E;\r\n }\r\n\r\n .hdm-btn-main:hover .hdm-btn-arrow,\r\n .hdm-btn-main:focus .hdm-btn-arrow {\r\n background-color: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .hdm-btn-main:hover .hdm-btn-arrow span,\r\n .hdm-btn-main:focus .hdm-btn-arrow span {\r\n transform: translateX(3px);\r\n }\r\n\r\n .hdm-btn-main:active {\r\n transform: translate(6px, 6px);\r\n\r\n box-shadow: 0 0 0 #35719E;\r\n }\r\n\r\n \/* =========================================================\r\n ENLACE SECUNDARIO\r\n ========================================================= *\/\r\n\r\n .hdm-btn-link {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n padding: 12px 0 9px;\r\n\r\n color: #002C5F;\r\n\r\n border-bottom: 2px solid #002C5F;\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n border-color 0.22s ease;\r\n }\r\n\r\n .hdm-btn-link span {\r\n display: inline-block;\r\n\r\n font-size: 17px;\r\n\r\n transition: transform 0.22s ease;\r\n }\r\n\r\n .hdm-btn-link:hover,\r\n .hdm-btn-link:focus {\r\n color: #35719E;\r\n\r\n border-color: #35719E;\r\n }\r\n\r\n .hdm-btn-link:hover span,\r\n .hdm-btn-link:focus span {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* =========================================================\r\n FOCUS\r\n ========================================================= *\/\r\n\r\n .hdm-btn-main:focus-visible,\r\n .hdm-btn-link:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.35);\r\n outline-offset: 5px;\r\n }\r\n\r\n \/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 768px) {\r\n\r\n .hdm-contact-section {\r\n padding: 50px 24px 58px;\r\n }\r\n\r\n .hdm-contact-content {\r\n max-width: 100%;\r\n }\r\n\r\n .hdm-contact-title {\r\n max-width: 580px;\r\n\r\n font-size: clamp(44px, 10vw, 60px);\r\n }\r\n\r\n .hdm-contact-description {\r\n max-width: 560px;\r\n\r\n font-size: 16px;\r\n line-height: 1.75;\r\n }\r\n }\r\n\r\n \/* =========================================================\r\n M\u00d3VIL\r\n ========================================================= *\/\r\n\r\n @media (max-width: 520px) {\r\n\r\n .hdm-contact-section {\r\n padding: 42px 18px 52px;\r\n }\r\n\r\n .hdm-contact-eyebrow {\r\n margin-bottom: 20px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hdm-contact-title {\r\n font-size: clamp(40px, 13vw, 52px);\r\n\r\n line-height: 1;\r\n }\r\n\r\n .hdm-contact-description {\r\n margin-top: 22px;\r\n\r\n font-size: 15px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hdm-actions {\r\n flex-direction: column;\r\n align-items: stretch;\r\n\r\n gap: 22px;\r\n\r\n margin-top: 28px;\r\n }\r\n\r\n .hdm-btn-main {\r\n width: calc(100% - 6px);\r\n }\r\n\r\n .hdm-btn-link {\r\n align-self: flex-start;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section\r\n class=\"hdm-contact-section\"\r\n aria-labelledby=\"hdm-contact-title\"\r\n >\r\n\r\n <div class=\"hdm-contact-container\">\r\n\r\n <div class=\"hdm-contact-content\">\r\n\r\n \r\n <span class=\"hdm-contact-eyebrow\">\r\n CONTACTO\r\n <\/span>\r\n\r\n\r\n \r\n <h1\r\n class=\"hdm-contact-title\"\r\n id=\"hdm-contact-title\"\r\n >\r\n Estamos cerca para ayudarte.\r\n <\/h1>\r\n\r\n\r\n \r\n <p class=\"hdm-contact-description\">\r\n\r\n Comun\u00edcate directamente con nuestro equipo de ventas,\r\n taller, repuestos o atenci\u00f3n general. En Hyundai de Magna\r\n estamos para ayudarte a mantener tu operaci\u00f3n siempre\r\n en movimiento.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n <div class=\"hdm-actions\">\r\n\r\n \r\n <a\r\n class=\"hdm-btn-main\"\r\n href=\"tel:+50222242500\"\r\n aria-label=\"Llamar al 2224-2500\"\r\n >\r\n\r\n <span class=\"hdm-btn-label\">\r\n Llamar al 2224-2500\r\n <\/span>\r\n\r\n <span\r\n class=\"hdm-btn-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n <span>\u2192<\/span>\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n class=\"hdm-btn-link\"\r\n href=\"https:\/\/wa.me\/50230020798?text=Hola%20Hyundai%20de%20Magna,%20quisiera%20recibir%20informaci\u00f3n.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Contactar Hyundai de Magna por WhatsApp\"\r\n >\r\n\r\n WhatsApp\r\n\r\n <span aria-hidden=\"true\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\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-7a99361 elementor-widget elementor-widget-html\" data-id=\"7a99361\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n.hdm-contact-card-wrapper {\r\n width: 100%;\r\n min-height: 430px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-main-card {\r\n --hdm-navy: #002C5F;\r\n --hdm-blue: #35719E;\r\n --hdm-white: #FFFFFF;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 365px;\r\n min-height: 300px;\r\n\r\n margin: 0;\r\n\r\n padding: 40px 32px 34px;\r\n\r\n color: var(--hdm-white);\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 box-shadow:\r\n 7px 7px 0 rgba(53, 113, 158, 0.20),\r\n 0 16px 34px rgba(0, 44, 95, 0.10);\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n background-color 0.4s ease;\r\n\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-main-card *,\r\n.hdm-contact-main-card *::before,\r\n.hdm-contact-main-card *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-main-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n background-color: #00356F;\r\n\r\n box-shadow:\r\n 12px 12px 0 rgba(53, 113, 158, 0.32),\r\n 0 24px 48px rgba(0, 44, 95, 0.20);\r\n}\r\n\r\n.hdm-contact-main-perspective {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n\r\n overflow: hidden;\r\n\r\n pointer-events: none;\r\n}\r\n\r\n.hdm-contact-main-perspective::before,\r\n.hdm-contact-main-perspective::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: 48%;\r\n left: 50%;\r\n\r\n width: 155%;\r\n height: 1px;\r\n\r\n background-color: rgba(255, 255, 255, 0.14);\r\n\r\n transform-origin: center;\r\n\r\n transition:\r\n width 0.55s cubic-bezier(0.22, 1, 0.36, 1),\r\n opacity 0.4s ease;\r\n}\r\n\r\n.hdm-contact-main-perspective::before {\r\n transform:\r\n translate(-50%, -50%)\r\n rotate(16deg);\r\n}\r\n\r\n.hdm-contact-main-perspective::after {\r\n transform:\r\n translate(-50%, -50%)\r\n rotate(-73deg);\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-perspective::before,\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-perspective::after {\r\n width: 180%;\r\n opacity: 0.85;\r\n}\r\n\r\n\r\n.hdm-contact-main-frame {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n\r\n border: 1px solid rgba(255, 255, 255, 0);\r\n\r\n pointer-events: none;\r\n\r\n transition:\r\n inset 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n border-color 0.4s ease;\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-frame {\r\n inset: 11px;\r\n\r\n border-color: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n\r\n.hdm-contact-main-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.hdm-contact-main-label {\r\n display: block;\r\n\r\n margin-bottom: 17px;\r\n\r\n color: rgba(255, 255, 255, 0.70);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: 0.17em;\r\n\r\n text-transform: uppercase;\r\n\r\n transition:\r\n color 0.3s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-label {\r\n color: rgba(255, 255, 255, 0.90);\r\n\r\n transform: translateX(2px);\r\n}\r\n\r\n\r\n.hdm-contact-main-phone {\r\n display: inline-block;\r\n\r\n margin: 0 0 6px;\r\n\r\n color: #FFFFFF;\r\n\r\n font-size: 48px;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: -0.045em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-contact-main-subtitle {\r\n margin: 0;\r\n\r\n color: rgba(255, 255, 255, 0.90);\r\n\r\n font-size: 13px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n}\r\n\r\n.hdm-contact-main-divider {\r\n width: 100%;\r\n height: 1px;\r\n\r\n margin: 28px 0 24px;\r\n\r\n background-color: rgba(255, 255, 255, 0.20);\r\n\r\n transform-origin: left center;\r\n\r\n transition:\r\n transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease;\r\n}\r\n\r\n.hdm-contact-main-card:hover\r\n.hdm-contact-main-divider {\r\n transform: scaleX(1.04);\r\n\r\n background-color: rgba(255, 255, 255, 0.32);\r\n}\r\n\r\n.hdm-contact-main-info {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n gap: 24px;\r\n}\r\n\r\n.hdm-contact-main-info strong {\r\n display: block;\r\n\r\n margin-bottom: 10px;\r\n\r\n color: #FFFFFF;\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n}\r\n\r\n.hdm-contact-main-info span,\r\n.hdm-contact-main-info a {\r\n color: rgba(255, 255, 255, 0.92);\r\n\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 1.85;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.hdm-contact-main-info a:hover {\r\n color: #FFFFFF;\r\n\r\n text-decoration: underline;\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n\r\n .hdm-contact-card-wrapper {\r\n min-height: 0;\r\n\r\n padding: 30px 20px;\r\n }\r\n\r\n .hdm-contact-main-card {\r\n max-width: 420px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n .hdm-contact-card-wrapper {\r\n padding: 24px 16px;\r\n }\r\n\r\n .hdm-contact-main-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 34px 26px 30px;\r\n }\r\n\r\n .hdm-contact-main-phone {\r\n font-size: 42px;\r\n }\r\n\r\n .hdm-contact-main-info {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 20px;\r\n }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-contact-main-card,\r\n .hdm-contact-main-label,\r\n .hdm-contact-main-phone,\r\n .hdm-contact-main-divider,\r\n .hdm-contact-main-perspective::before,\r\n .hdm-contact-main-perspective::after,\r\n .hdm-contact-main-frame {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-contact-card-wrapper\">\r\n\r\n <aside class=\"hdm-contact-main-card\">\r\n\r\n <div\r\n class=\"hdm-contact-main-perspective\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n <div\r\n class=\"hdm-contact-main-frame\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"hdm-contact-main-content\">\r\n\r\n <span class=\"hdm-contact-main-label\">\r\n ATENCI\u00d3N GENERAL\r\n <\/span>\r\n\r\n\r\n <a\r\n class=\"hdm-contact-main-phone\"\r\n href=\"tel:+50222242500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n <p class=\"hdm-contact-main-subtitle\">\r\n Tel. Hyundai de Magna \u00b7 Guatemala\r\n <\/p>\r\n\r\n\r\n <div class=\"hdm-contact-main-divider\"><\/div>\r\n\r\n\r\n <div class=\"hdm-contact-main-info\">\r\n\r\n <div>\r\n <strong>Ubicaci\u00f3n<\/strong>\r\n\r\n <span>\r\n Calz. Roosevelt 51-25<br>\r\n Zona 2 de Mixco\r\n <\/span>\r\n <\/div>\r\n\r\n\r\n <div>\r\n <strong>Correo<\/strong>\r\n\r\n <a href=\"mailto:sophia.perez@magna.com.gt\">\r\n sophia.perez@magna.com.gt\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/aside>\r\n\r\n<\/div>\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-c31e6e6 e-con e-atomic-element e-flexbox-base e-default-div e-c31e6e6-7a5e6ce yt-hero-shell \" data-id=\"c31e6e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c31e6e6\" data-e-type=\"e-flexbox\" data-id=\"c31e6e6\">\n \t\t<div class=\"elementor-element elementor-element-2cabce5 elementor-widget elementor-widget-html\" data-id=\"2cabce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-contact-specialized {\r\n width: 100%;\r\n padding: 26px 28px 24px;\r\n\r\n background: #ffffff;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-contact-specialized,\r\n.hdm-contact-specialized * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.hdm-contact-specialized-inner {\r\n width: 100%;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);\r\n align-items: end;\r\n\r\n gap: 60px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n COLUMNA IZQUIERDA\r\n========================================= *\/\r\n\r\n.hdm-contact-specialized-left {\r\n min-width: 0;\r\n}\r\n\r\n.hdm-contact-specialized-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n margin: 0 0 22px;\r\n\r\n color: #35719E;\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hdm-contact-specialized-eyebrow::before {\r\n content: \"\";\r\n\r\n width: 32px;\r\n height: 2px;\r\n\r\n flex: 0 0 32px;\r\n\r\n background-color: #35719E;\r\n}\r\n\r\n\r\n\/* =========================================\r\n T\u00cdTULO\r\n========================================= *\/\r\n\r\n.hdm-contact-specialized-title {\r\n max-width: 520px;\r\n\r\n margin: 0;\r\n\r\n color: #002C5F;\r\n\r\n font-size: clamp(38px, 4vw, 48px);\r\n font-weight: 900;\r\n\r\n line-height: 0.98;\r\n letter-spacing: -0.045em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TEXTO DERECHO\r\n========================================= *\/\r\n\r\n.hdm-contact-specialized-text {\r\n max-width: 450px;\r\n\r\n margin: 0 0 3px;\r\n\r\n color: #667085;\r\n\r\n font-size: 15px;\r\n font-weight: 400;\r\n\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n .hdm-contact-specialized-inner {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 24px;\r\n }\r\n\r\n .hdm-contact-specialized-text {\r\n max-width: 620px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-contact-specialized {\r\n padding: 28px 18px;\r\n }\r\n\r\n .hdm-contact-specialized-eyebrow {\r\n margin-bottom: 18px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hdm-contact-specialized-title {\r\n font-size: clamp(36px, 11vw, 46px);\r\n }\r\n\r\n .hdm-contact-specialized-text {\r\n font-size: 14px;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hdm-contact-specialized\">\r\n\r\n <div class=\"hdm-contact-specialized-inner\">\r\n\r\n <div class=\"hdm-contact-specialized-left\">\r\n\r\n <span class=\"hdm-contact-specialized-eyebrow\">\r\n ATENCI\u00d3N ESPECIALIZADA\r\n <\/span>\r\n\r\n <h2 class=\"hdm-contact-specialized-title\">\r\n \u00bfCon qui\u00e9n necesitas<br>\r\n hablar?\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"hdm-contact-specialized-text\">\r\n Selecciona el \u00e1rea que necesitas para recibir atenci\u00f3n\r\n directa. Si deseas cotizar un cami\u00f3n o bus, utiliza nuestro\r\n Cotizador para enviar tu solicitud al equipo comercial.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-753ba25 e-grid e-con-boxed e-con e-parent\" data-id=\"753ba25\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-884161b elementor-widget elementor-widget-html\" data-id=\"884161b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n TARJETA VENTAS - CAMIONES Y BUSES\r\n Prefijo exclusivo: hdm-sales-card-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR - CENTRA LA TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-wrapper {\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-sales-card-wrapper *,\r\n.hdm-sales-card-wrapper *::before,\r\n.hdm-sales-card-wrapper *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-sales-card {\r\n --hdm-salescard-navy: #002C5F;\r\n --hdm-salescard-blue: #35719E;\r\n --hdm-salescard-text: #667085;\r\n --hdm-salescard-line: rgba(0, 44, 95, 0.14);\r\n --hdm-salescard-soft: #F5F7F9;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 480px;\r\n min-height: 338px;\r\n\r\n padding: 30px 30px 28px;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid var(--hdm-salescard-line);\r\n border-left: 5px solid var(--hdm-salescard-navy);\r\n\r\n border-radius: 1px;\r\n\r\n box-shadow:\r\n 6px 6px 0 rgba(0, 44, 95, 0),\r\n 0 10px 25px rgba(0, 44, 95, 0);\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n border-left-color 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-sales-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n border-left-color: var(--hdm-salescard-blue);\r\n\r\n box-shadow:\r\n 10px 10px 0 rgba(53, 113, 158, 0.18),\r\n 0 20px 42px rgba(0, 44, 95, 0.10);\r\n}\r\n\r\n\/* =========================================================\r\n CONTENIDO\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ICONO CAMI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n\r\n margin-bottom: 30px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n background: var(--hdm-salescard-soft);\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease,\r\n color 0.3s ease;\r\n}\r\n\r\n.hdm-sales-card-icon svg {\r\n display: block;\r\n\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.hdm-sales-card:hover\r\n.hdm-sales-card-icon {\r\n transform: translateY(-3px);\r\n\r\n color: #FFFFFF;\r\n\r\n background: var(--hdm-salescard-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-kicker {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--hdm-salescard-blue);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.14em;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-title {\r\n margin: 0 0 10px;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n font-size: 28px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n\r\n letter-spacing: -0.035em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-description {\r\n max-width: 390px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-salescard-text);\r\n\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TEL\u00c9FONO\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-phone {\r\n display: inline-block;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n font-size: 25px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: -0.03em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.25s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-sales-card:hover\r\n.hdm-sales-card-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-sales-card-phone:hover {\r\n color: var(--hdm-salescard-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTONES \/ ENLACES\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 18px 24px;\r\n\r\n margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-sales-action {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 7px 0;\r\n\r\n color: var(--hdm-salescard-navy);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n gap 0.22s ease;\r\n}\r\n\r\n.hdm-sales-action::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\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-salescard-blue);\r\n\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n\r\n transition: transform 0.28s ease;\r\n}\r\n\r\n.hdm-sales-action:hover,\r\n.hdm-sales-action:focus {\r\n color: var(--hdm-salescard-blue);\r\n\r\n gap: 12px;\r\n}\r\n\r\n.hdm-sales-action:hover::after,\r\n.hdm-sales-action:focus::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-sales-action-arrow {\r\n display: inline-block;\r\n\r\n font-size: 15px;\r\n\r\n transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-sales-action:hover\r\n.hdm-sales-action-arrow,\r\n.hdm-sales-action:focus\r\n.hdm-sales-action-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-sales-card-phone:focus-visible,\r\n.hdm-sales-action:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.30);\r\n\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-sales-card-wrapper {\r\n padding: 18px;\r\n }\r\n\r\n .hdm-sales-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 26px 22px 28px;\r\n }\r\n\r\n .hdm-sales-card-icon {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hdm-sales-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .hdm-sales-card-actions {\r\n flex-direction: column;\r\n\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR ANIMACIONES\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-sales-card,\r\n .hdm-sales-card-icon,\r\n .hdm-sales-card-phone,\r\n .hdm-sales-action,\r\n .hdm-sales-action-arrow,\r\n .hdm-sales-action::after,\r\n .hdm-sales-card-lines::before,\r\n .hdm-sales-card-lines::after {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-sales-card-wrapper\">\r\n\r\n\r\n <article class=\"hdm-sales-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-sales-card-lines\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n\r\n <div class=\"hdm-sales-card-content\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-sales-card-icon\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n >\r\n\r\n \r\n <path\r\n d=\"M3 6.5H14V16.5H3V6.5Z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <path\r\n d=\"M14 10H17.5L20.5 13.5V16.5H14V10Z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <path\r\n d=\"M16 11.5H17.3L19 13.5H16V11.5Z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.45\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <path\r\n d=\"M20.5 16.5H21\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"7\"\r\n cy=\"17.5\"\r\n r=\"2\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"18\"\r\n cy=\"17.5\"\r\n r=\"2\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <span class=\"hdm-sales-card-kicker\">\r\n CAMIONES Y BUSES\r\n <\/span>\r\n\r\n\r\n\r\n \r\n\r\n <h3 class=\"hdm-sales-card-title\">\r\n Ventas\r\n <\/h3>\r\n\r\n\r\n\r\n \r\n\r\n <p class=\"hdm-sales-card-description\">\r\n Habla con un asesor sobre modelos Hyundai,\r\n disponibilidad y la soluci\u00f3n m\u00e1s adecuada para\r\n las necesidades de tu empresa.\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-sales-card-phone\"\r\n href=\"tel:+50230020798\"\r\n aria-label=\"Llamar a ventas al 2224-2500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-sales-card-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-sales-action\"\r\n href=\"https:\/\/wa.me\/50230020798?text=Hola,%20deseo%20informaci\u00f3n%20sobre%20camiones%20o%20buses%20Hyundai.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n WhatsApp Ventas\r\n\r\n <span\r\n class=\"hdm-sales-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-sales-action\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1459\"\r\n >\r\n Ir al Cotizador\r\n\r\n <span\r\n class=\"hdm-sales-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bab22e5 elementor-widget elementor-widget-html\" data-id=\"bab22e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n TARJETA TALLER\r\n Prefijo exclusivo: hdm-workshop-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR - CENTRA LA TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-wrapper {\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-workshop-card-wrapper *,\r\n.hdm-workshop-card-wrapper *::before,\r\n.hdm-workshop-card-wrapper *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card {\r\n --hdm-workshop-navy: #002C5F;\r\n --hdm-workshop-blue: #35719E;\r\n --hdm-workshop-text: #667085;\r\n --hdm-workshop-line: rgba(0, 44, 95, 0.14);\r\n --hdm-workshop-soft: #F5F7F9;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 480px;\r\n min-height: 338px;\r\n\r\n padding: 30px 30px 28px;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid var(--hdm-workshop-line);\r\n border-left: 5px solid var(--hdm-workshop-navy);\r\n\r\n border-radius: 1px;\r\n\r\n box-shadow:\r\n 6px 6px 0 rgba(0, 44, 95, 0),\r\n 0 10px 25px rgba(0, 44, 95, 0);\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n border-left-color 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n border-left-color: var(--hdm-workshop-blue);\r\n\r\n box-shadow:\r\n 10px 10px 0 rgba(53, 113, 158, 0.18),\r\n 0 20px 42px rgba(0, 44, 95, 0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENIDO\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ICONO TALLER\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n\r\n margin-bottom: 30px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n background: var(--hdm-workshop-soft);\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease,\r\n color 0.3s ease;\r\n}\r\n\r\n.hdm-workshop-card-icon svg {\r\n display: block;\r\n\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.hdm-workshop-card:hover\r\n.hdm-workshop-card-icon {\r\n transform: translateY(-3px);\r\n\r\n color: #FFFFFF;\r\n\r\n background: var(--hdm-workshop-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-kicker {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--hdm-workshop-blue);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.14em;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-title {\r\n margin: 0 0 10px;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n font-size: 28px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n\r\n letter-spacing: -0.035em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-description {\r\n max-width: 410px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-workshop-text);\r\n\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TEL\u00c9FONO\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-phone {\r\n display: inline-block;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n font-size: 25px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: -0.03em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.25s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-workshop-card:hover\r\n.hdm-workshop-card-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-workshop-card-phone:hover {\r\n color: var(--hdm-workshop-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTONES \/ ENLACES\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 18px 24px;\r\n\r\n margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-workshop-action {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 7px 0;\r\n\r\n color: var(--hdm-workshop-navy);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n gap 0.22s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n L\u00cdNEA INFERIOR ANIMADA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-action::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\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-workshop-blue);\r\n\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n\r\n transition: transform 0.28s ease;\r\n}\r\n\r\n.hdm-workshop-action:hover,\r\n.hdm-workshop-action:focus {\r\n color: var(--hdm-workshop-blue);\r\n\r\n gap: 12px;\r\n}\r\n\r\n.hdm-workshop-action:hover::after,\r\n.hdm-workshop-action:focus::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-workshop-action-arrow {\r\n display: inline-block;\r\n\r\n font-size: 15px;\r\n\r\n transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-workshop-action:hover\r\n.hdm-workshop-action-arrow,\r\n.hdm-workshop-action:focus\r\n.hdm-workshop-action-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-workshop-card-phone:focus-visible,\r\n.hdm-workshop-action:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.30);\r\n\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-workshop-card-wrapper {\r\n padding: 18px;\r\n }\r\n\r\n .hdm-workshop-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 26px 22px 28px;\r\n }\r\n\r\n .hdm-workshop-card-icon {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hdm-workshop-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .hdm-workshop-card-actions {\r\n flex-direction: column;\r\n\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-workshop-card,\r\n .hdm-workshop-card-icon,\r\n .hdm-workshop-card-phone,\r\n .hdm-workshop-action,\r\n .hdm-workshop-action-arrow,\r\n .hdm-workshop-action::after,\r\n .hdm-workshop-card-lines::before,\r\n .hdm-workshop-card-lines::after {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-workshop-card-wrapper\">\r\n\r\n <article class=\"hdm-workshop-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-workshop-card-lines\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"hdm-workshop-card-content\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-workshop-card-icon\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n >\r\n\r\n \r\n\r\n <path\r\n d=\"M14.2 4.2\r\n a4.2 4.2 0 0 0-4.7 5.6\r\n L4.2 15.1\r\n a2.2 2.2 0 1 0 3.1 3.1\r\n l5.3-5.3\r\n a4.2 4.2 0 0 0 5.6-4.7\r\n l-2.7 2.7\r\n -2.5-.7\r\n -.7-2.5\r\n 2.7-2.7\r\n c-.3-.3-.5-.5-.8-.8z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n\r\n <path\r\n d=\"M5.2 4.3\r\n L7.6 3\r\n L10 5.4\r\n L8.4 7\r\n L17.5 16.1\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n\r\n <path\r\n d=\"M16.3 15\r\n L19.8 18.5\r\n c.6.6.6 1.5 0 2.1\r\n -.6.6-1.5.6-2.1 0\r\n l-3.5-3.5\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n\r\n <path\r\n d=\"M17.4 17.1\r\n L19 15.5\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n stroke-linecap=\"round\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <span class=\"hdm-workshop-card-kicker\">\r\n SERVICIO POSVENTA\r\n <\/span>\r\n\r\n\r\n \r\n\r\n <h3 class=\"hdm-workshop-card-title\">\r\n Taller\r\n <\/h3>\r\n\r\n\r\n \r\n\r\n <p class=\"hdm-workshop-card-description\">\r\n Mantenimiento, diagn\u00f3stico, reparaci\u00f3n y atenci\u00f3n\r\n especializada para mantener tu veh\u00edculo Hyundai\r\n operando correctamente.\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-workshop-card-phone\"\r\n href=\"tel:+50230410025\"\r\n aria-label=\"Llamar a Taller al 22242500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-workshop-card-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-workshop-action\"\r\n href=\"https:\/\/wa.me\/50230408529?text=Hola,%20deseo%20informaci\u00f3n%20sobre%20servicio%20de%20taller.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n WhatsApp Taller\r\n\r\n <span\r\n class=\"hdm-workshop-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-workshop-action\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=12\"\r\n >\r\n Conocer Taller\r\n\r\n <span\r\n class=\"hdm-workshop-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n<\/div>\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-75c64be e-grid e-con-boxed e-con e-parent\" data-id=\"75c64be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b4959a elementor-widget elementor-widget-html\" data-id=\"2b4959a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n TARJETA REPUESTOS\r\n Prefijo exclusivo: hdm-parts-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR - CENTRA LA TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-wrapper {\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 24px;\r\n\r\n box-sizing: border-box;\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-parts-card-wrapper *,\r\n.hdm-parts-card-wrapper *::before,\r\n.hdm-parts-card-wrapper *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-parts-card {\r\n --hdm-parts-navy: #002C5F;\r\n --hdm-parts-blue: #35719E;\r\n --hdm-parts-text: #667085;\r\n --hdm-parts-line: rgba(0, 44, 95, 0.14);\r\n --hdm-parts-soft: #F5F7F9;\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n max-width: 480px;\r\n min-height: 338px;\r\n\r\n padding: 30px 30px 28px;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid var(--hdm-parts-line);\r\n border-left: 5px solid var(--hdm-parts-navy);\r\n\r\n border-radius: 1px;\r\n\r\n box-shadow:\r\n 6px 6px 0 rgba(0, 44, 95, 0),\r\n 0 10px 25px rgba(0, 44, 95, 0);\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease,\r\n border-left-color 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-parts-card:hover {\r\n transform: translate3d(-4px, -4px, 0);\r\n\r\n border-left-color: var(--hdm-parts-blue);\r\n\r\n box-shadow:\r\n 10px 10px 0 rgba(53, 113, 158, 0.18),\r\n 0 20px 42px rgba(0, 44, 95, 0.10);\r\n}\r\n\r\n\/* =========================================================\r\n CONTENIDO\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ICONO REPUESTOS\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n\r\n margin-bottom: 30px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n background: var(--hdm-parts-soft);\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n transition:\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n background-color 0.3s ease,\r\n color 0.3s ease;\r\n}\r\n\r\n.hdm-parts-card-icon svg {\r\n display: block;\r\n\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.hdm-parts-card:hover\r\n.hdm-parts-card-icon {\r\n transform: translateY(-3px);\r\n\r\n color: #FFFFFF;\r\n\r\n background: var(--hdm-parts-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-kicker {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--hdm-parts-blue);\r\n\r\n font-size: 11px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-title {\r\n margin: 0 0 10px;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n font-size: 28px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n\r\n letter-spacing: -0.035em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-description {\r\n max-width: 410px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-parts-text);\r\n\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TEL\u00c9FONO\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-phone {\r\n display: inline-block;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n font-size: 25px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: -0.03em;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.25s ease,\r\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.hdm-parts-card:hover\r\n.hdm-parts-card-phone {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-parts-card-phone:hover {\r\n color: var(--hdm-parts-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCIONES\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n\r\n gap: 18px 24px;\r\n\r\n margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ENLACES\r\n========================================================= *\/\r\n\r\n.hdm-parts-action {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 7px 0;\r\n\r\n color: var(--hdm-parts-navy);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n gap 0.22s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n L\u00cdNEA ANIMADA\r\n========================================================= *\/\r\n\r\n.hdm-parts-action::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\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-parts-blue);\r\n\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n\r\n transition: transform 0.28s ease;\r\n}\r\n\r\n.hdm-parts-action:hover,\r\n.hdm-parts-action:focus {\r\n color: var(--hdm-parts-blue);\r\n\r\n gap: 12px;\r\n}\r\n\r\n.hdm-parts-action:hover::after,\r\n.hdm-parts-action:focus::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-parts-action-arrow {\r\n display: inline-block;\r\n\r\n font-size: 15px;\r\n\r\n transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-parts-action:hover\r\n.hdm-parts-action-arrow,\r\n.hdm-parts-action:focus\r\n.hdm-parts-action-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-parts-card-phone:focus-visible,\r\n.hdm-parts-action:focus-visible {\r\n outline: 3px solid rgba(53, 113, 158, 0.30);\r\n\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-parts-card-wrapper {\r\n padding: 18px;\r\n }\r\n\r\n .hdm-parts-card {\r\n max-width: 100%;\r\n min-height: 0;\r\n\r\n padding: 26px 22px 28px;\r\n }\r\n\r\n .hdm-parts-card-icon {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hdm-parts-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .hdm-parts-card-actions {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-parts-card,\r\n .hdm-parts-card-icon,\r\n .hdm-parts-card-phone,\r\n .hdm-parts-action,\r\n .hdm-parts-action-arrow,\r\n .hdm-parts-action::after,\r\n .hdm-parts-card-lines::before,\r\n .hdm-parts-card-lines::after {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-parts-card-wrapper\">\r\n\r\n <article class=\"hdm-parts-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-parts-card-lines\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"hdm-parts-card-content\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"hdm-parts-card-icon\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n >\r\n\r\n \r\n <path\r\n d=\"\r\n M9.7 3.2\r\n h4.6\r\n l.5 2\r\n c.6.2 1.2.5 1.7.8\r\n l1.8-.8\r\n 2.3 4\r\n -1.5 1.2\r\n c.1.6.1 1.3 0 1.9\r\n l1.5 1.2\r\n -2.3 4\r\n -1.8-.8\r\n c-.5.4-1.1.6-1.7.8\r\n l-.5 2\r\n H9.7\r\n l-.5-2\r\n c-.6-.2-1.2-.5-1.7-.8\r\n l-1.8.8\r\n -2.3-4\r\n 1.5-1.2\r\n c-.1-.6-.1-1.3 0-1.9\r\n L3.4 8.4\r\n l2.3-4\r\n 1.8.8\r\n c.5-.4 1.1-.6 1.7-.8\r\n l.5-2z\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.55\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"12\"\r\n cy=\"11\"\r\n r=\"3.2\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\"\r\n \/>\r\n\r\n\r\n \r\n <circle\r\n cx=\"12\"\r\n cy=\"11\"\r\n r=\"1\"\r\n fill=\"currentColor\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <span class=\"hdm-parts-card-kicker\">\r\n REPUESTOS ORIGINALES\r\n <\/span>\r\n\r\n\r\n \r\n\r\n <h3 class=\"hdm-parts-card-title\">\r\n Repuestos\r\n <\/h3>\r\n\r\n\r\n \r\n\r\n <p class=\"hdm-parts-card-description\">\r\n Consulta disponibilidad de repuestos originales Hyundai\r\n y recibe asesor\u00eda para identificar la pieza adecuada\r\n para tu veh\u00edculo.\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-parts-card-phone\"\r\n href=\"tel:+50222242500\"\r\n aria-label=\"Llamar a Repuestos al 3002-0798\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-parts-card-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-parts-action\"\r\n href=\"https:\/\/wa.me\/50230413961?text=Hola,%20deseo%20consultar%20disponibilidad%20de%20repuestos%20Hyundai.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Consultar por WhatsApp\r\n\r\n <span\r\n class=\"hdm-parts-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-parts-action\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=14\"\r\n >\r\n Ver Repuestos\r\n\r\n <span\r\n class=\"hdm-parts-action-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4309fb elementor-widget elementor-widget-html\" data-id=\"e4309fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n TARJETA ATENCI\u00d3N GENERAL\n Dise\u00f1o igual a la tarjeta Repuestos de Hyundai de Magna\n Prefijo exclusivo: hdm-general-\n========================================================= *\/\n\n\/* CONTENEDOR *\/\n.hdm-general-card-wrapper {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n box-sizing: border-box;\n font-family: Roboto, Arial, Helvetica, sans-serif;\n}\n\n.hdm-general-card-wrapper *,\n.hdm-general-card-wrapper *::before,\n.hdm-general-card-wrapper *::after {\n box-sizing: border-box;\n}\n\n\/* TARJETA *\/\n.hdm-general-card {\n --hdm-general-navy: #002C5F;\n --hdm-general-blue: #35719E;\n --hdm-general-text: #667085;\n --hdm-general-line: rgba(0, 44, 95, 0.14);\n --hdm-general-soft: #F5F7F9;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100%;\n max-width: 480px;\n min-height: 338px;\n padding: 30px 30px 28px;\n background: #FFFFFF;\n border: 1px solid var(--hdm-general-line);\n border-left: 5px solid var(--hdm-general-navy);\n border-radius: 1px;\n box-shadow:\n 6px 6px 0 rgba(0, 44, 95, 0),\n 0 10px 25px rgba(0, 44, 95, 0);\n transform: translate3d(0, 0, 0);\n transition:\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n box-shadow 0.4s ease,\n border-left-color 0.4s ease;\n}\n\n\/* ANIMACI\u00d3N AL PASAR EL CURSOR POR LA TARJETA *\/\n.hdm-general-card:hover {\n transform: translate3d(-4px, -4px, 0);\n border-left-color: var(--hdm-general-blue);\n box-shadow:\n 10px 10px 0 rgba(53, 113, 158, 0.18),\n 0 20px 42px rgba(0, 44, 95, 0.10);\n}\n\n\/* CONTENIDO *\/\n.hdm-general-card-content {\n position: relative;\n z-index: 2;\n}\n\n\/* ICONO *\/\n.hdm-general-card-icon {\n width: 52px;\n height: 52px;\n margin-bottom: 30px;\n display: grid;\n place-items: center;\n color: var(--hdm-general-navy);\n background: var(--hdm-general-soft);\n border: 1px solid rgba(0, 44, 95, 0.12);\n transition:\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n background-color 0.3s ease,\n color 0.3s ease;\n}\n\n.hdm-general-card-icon svg {\n display: block;\n width: 29px;\n height: 29px;\n}\n\n.hdm-general-card:hover .hdm-general-card-icon {\n transform: translateY(-3px);\n color: #FFFFFF;\n background: var(--hdm-general-navy);\n}\n\n\/* CATEGOR\u00cdA *\/\n.hdm-general-card-kicker {\n display: block;\n margin-bottom: 8px;\n color: var(--hdm-general-blue);\n font-size: 11px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n\/* T\u00cdTULO *\/\n.hdm-general-card-title {\n margin: 0 0 10px;\n color: var(--hdm-general-navy);\n font-size: 28px;\n font-weight: 900;\n line-height: 1.05;\n letter-spacing: -0.035em;\n}\n\n\/* DESCRIPCI\u00d3N *\/\n.hdm-general-card-description {\n max-width: 410px;\n margin: 0;\n color: var(--hdm-general-text);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.7;\n}\n\n\/* TEL\u00c9FONO *\/\n.hdm-general-card-phone {\n display: inline-block;\n margin-top: 20px;\n color: var(--hdm-general-navy);\n font-size: 25px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: -0.03em;\n text-decoration: none;\n transition:\n color 0.25s ease,\n transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.hdm-general-card:hover .hdm-general-card-phone {\n transform: translateX(3px);\n}\n\n.hdm-general-card-phone:hover {\n color: var(--hdm-general-blue);\n}\n\n\/* ACCIONES *\/\n.hdm-general-card-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 18px 24px;\n margin-top: 25px;\n}\n\n\/* ENLACES: MISMO AZUL HYUNDAI PARA WHATSAPP Y CORREO *\/\n.hdm-general-action {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 0;\n color: var(--hdm-general-navy);\n font-size: 13px;\n font-weight: 900;\n line-height: 1;\n text-decoration: none;\n transition:\n color 0.22s ease,\n gap 0.22s ease;\n}\n\n\/* L\u00cdNEA INFERIOR ANIMADA *\/\n.hdm-general-action::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 2px;\n background: var(--hdm-general-blue);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.28s ease;\n}\n\n.hdm-general-action:hover,\n.hdm-general-action:focus {\n color: var(--hdm-general-blue);\n gap: 12px;\n}\n\n.hdm-general-action:hover::after,\n.hdm-general-action:focus::after {\n transform: scaleX(1);\n}\n\n\/* FLECHA *\/\n.hdm-general-action-arrow {\n display: inline-block;\n font-size: 15px;\n transition: transform 0.22s ease;\n}\n\n.hdm-general-action:hover .hdm-general-action-arrow,\n.hdm-general-action:focus .hdm-general-action-arrow {\n transform: translateX(3px);\n}\n\n\/* ACCESIBILIDAD *\/\n.hdm-general-card-phone:focus-visible,\n.hdm-general-action:focus-visible {\n outline: 3px solid rgba(53, 113, 158, 0.30);\n outline-offset: 4px;\n}\n\n\/* ADAPTACI\u00d3N A M\u00d3VILES *\/\n@media (max-width: 520px) {\n .hdm-general-card-wrapper {\n padding: 18px;\n }\n\n .hdm-general-card {\n max-width: 100%;\n min-height: 0;\n padding: 26px 22px 28px;\n }\n\n .hdm-general-card-icon {\n margin-bottom: 24px;\n }\n\n .hdm-general-card-title {\n font-size: 26px;\n }\n\n .hdm-general-card-actions {\n flex-direction: column;\n align-items: flex-start;\n gap: 14px;\n }\n}\n\n\/* RESPETAR LA PREFERENCIA DE REDUCIR MOVIMIENTO *\/\n@media (prefers-reduced-motion: reduce) {\n .hdm-general-card,\n .hdm-general-card-icon,\n .hdm-general-card-phone,\n .hdm-general-action,\n .hdm-general-action-arrow,\n .hdm-general-action::after {\n transition: none;\n }\n}\n<\/style>\n\n<div class=\"hdm-general-card-wrapper\">\n <article class=\"hdm-general-card\">\n <div class=\"hdm-general-card-content\">\n\n \n <div class=\"hdm-general-card-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path\n d=\"M4 5h16v11H8l-4 4V5zM8 9h8M8 12h5\"\n stroke=\"currentColor\"\n stroke-width=\"1.7\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/>\n <\/svg>\n <\/div>\n\n \n <span class=\"hdm-general-card-kicker\">\n INFORMACI\u00d3N CORPORATIVA\n <\/span>\n\n \n <h3 class=\"hdm-general-card-title\">\n Atenci\u00f3n general\n <\/h3>\n\n \n <p class=\"hdm-general-card-description\">\n Para consultas generales, informaci\u00f3n institucional\n o solicitudes que no correspondan directamente a\n ventas, taller o repuestos.\n <\/p>\n\n \n <a\n class=\"hdm-general-card-phone\"\n href=\"tel:+50222242500\"\n aria-label=\"Llamar a Atenci\u00f3n general al 2224-2500\"\n >\n 2224-2500\n <\/a>\n\n \n <div class=\"hdm-general-card-actions\">\n\n \n <a\n class=\"hdm-general-action\"\n href=\"https:\/\/wa.me\/50230020798?text=Hola%2C%20deseo%20realizar%20una%20consulta%20general%20sobre%20Hyundai%20de%20Magna.\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Consultar por WhatsApp\n <span class=\"hdm-general-action-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n \n <a\n class=\"hdm-general-action\"\n href=\"mailto:sophia.perez@magna.com.gt\"\n >\n Enviar correo\n <span class=\"hdm-general-action-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <\/div>\n <\/div>\n <\/article>\n<\/div>\n\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-6f64dd3 e-con e-atomic-element e-flexbox-base e-default-div e-6f64dd3-2425cbc yt-hero-shell \" data-id=\"6f64dd3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f64dd3\" data-e-type=\"e-flexbox\" data-id=\"6f64dd3\">\n \t\t<div class=\"elementor-element elementor-element-eeb8225 elementor-widget elementor-widget-html\" data-id=\"eeb8225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n BLOQUE UBICACI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-location-section {\r\n --hdm-navy: #002C5F;\r\n --hdm-dark-blue: #07366D;\r\n --hdm-blue: #35719E;\r\n --hdm-white: #FFFFFF;\r\n --hdm-text: #667085;\r\n --hdm-soft: #F5F7F9;\r\n --hdm-line: rgba(0, 44, 95, 0.12);\r\n\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n\r\n width: 100%;\r\n\r\n padding: 22px 24px;\r\n\r\n background: var(--hdm-soft);\r\n\r\n font-family: Roboto, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-location-section,\r\n.hdm-location-section *,\r\n.hdm-location-section *::before,\r\n.hdm-location-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DECORACI\u00d3N DE FONDO\r\n========================================================= *\/\r\n\r\n.hdm-location-section::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 430px;\r\n height: 430px;\r\n\r\n top: -260px;\r\n left: -120px;\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.06);\r\n\r\n transform: rotate(17deg);\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENEDOR PRINCIPAL\r\n========================================================= *\/\r\n\r\n.hdm-location-container {\r\n position: relative;\r\n z-index: 2;\r\n\r\n width: 100%;\r\n max-width: 1180px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n minmax(0, 0.92fr)\r\n minmax(0, 1.08fr);\r\n\r\n align-items: stretch;\r\n\r\n background: #FFFFFF;\r\n\r\n border: 1px solid rgba(0, 44, 95, 0.10);\r\n\r\n box-shadow:\r\n 0 12px 32px rgba(0, 44, 95, 0.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COLUMNA IZQUIERDA\r\n========================================================= *\/\r\n\r\n.hdm-location-content {\r\n position: relative;\r\n\r\n min-width: 0;\r\n\r\n padding: 56px 48px 48px;\r\n\r\n background: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VIS\u00cdTANOS\r\n========================================================= *\/\r\n\r\n.hdm-location-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n margin: 0 0 22px;\r\n\r\n color: var(--hdm-blue);\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1;\r\n\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hdm-location-eyebrow::before {\r\n content: \"\";\r\n\r\n width: 32px;\r\n height: 2px;\r\n\r\n flex: 0 0 32px;\r\n\r\n background: var(--hdm-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-location-title {\r\n max-width: 370px;\r\n\r\n margin: 0;\r\n\r\n color: var(--hdm-navy);\r\n\r\n font-size: clamp(40px, 4vw, 48px);\r\n font-weight: 900;\r\n\r\n line-height: 0.94;\r\n letter-spacing: -0.045em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-location-description {\r\n max-width: 390px;\r\n\r\n margin: 24px 0 0;\r\n\r\n color: var(--hdm-text);\r\n\r\n font-size: 15px;\r\n font-weight: 400;\r\n\r\n line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DATOS DE CONTACTO\r\n========================================================= *\/\r\n\r\n.hdm-location-list {\r\n width: 100%;\r\n\r\n margin-top: 28px;\r\n}\r\n\r\n.hdm-location-item {\r\n display: grid;\r\n grid-template-columns: 115px minmax(0, 1fr);\r\n\r\n gap: 20px;\r\n\r\n padding: 17px 0;\r\n\r\n border-bottom: 1px solid rgba(0, 44, 95, 0.11);\r\n}\r\n\r\n.hdm-location-item:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.hdm-location-item strong {\r\n color: var(--hdm-navy);\r\n\r\n font-size: 12px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hdm-location-item span,\r\n.hdm-location-item a {\r\n color: var(--hdm-text);\r\n\r\n font-size: 13px;\r\n font-weight: 400;\r\n line-height: 1.65;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.hdm-location-item a {\r\n transition:\r\n color 0.22s ease;\r\n}\r\n\r\n.hdm-location-item a:hover {\r\n color: var(--hdm-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTONES\r\n========================================================= *\/\r\n\r\n.hdm-location-actions {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n\r\n gap: 14px;\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOT\u00d3N WAZE\r\n========================================================= *\/\r\n\r\n.hdm-location-btn-main {\r\n display: inline-flex;\r\n align-items: stretch;\r\n justify-content: space-between;\r\n\r\n min-width: 220px;\r\n\r\n padding: 0;\r\n\r\n color: #FFFFFF;\r\n background: var(--hdm-navy);\r\n\r\n border: 1px solid var(--hdm-navy);\r\n border-radius: 2px;\r\n\r\n box-shadow:\r\n 6px 6px 0 var(--hdm-blue);\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transform: translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.22s ease,\r\n box-shadow 0.22s ease,\r\n background-color 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-main-label {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n padding: 16px 22px;\r\n}\r\n\r\n.hdm-location-btn-main-arrow {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 50px;\r\n min-width: 50px;\r\n\r\n border-left: 1px solid rgba(255, 255, 255, 0.28);\r\n\r\n font-size: 18px;\r\n\r\n transition:\r\n background-color 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-main-arrow span {\r\n display: inline-block;\r\n\r\n transition:\r\n transform 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-main:hover,\r\n.hdm-location-btn-main:focus {\r\n color: #FFFFFF;\r\n background: var(--hdm-dark-blue);\r\n\r\n transform: translate(3px, 3px);\r\n\r\n box-shadow:\r\n 3px 3px 0 var(--hdm-blue);\r\n}\r\n\r\n.hdm-location-btn-main:hover\r\n.hdm-location-btn-main-arrow,\r\n.hdm-location-btn-main:focus\r\n.hdm-location-btn-main-arrow {\r\n background-color:\r\n rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.hdm-location-btn-main:hover\r\n.hdm-location-btn-main-arrow span,\r\n.hdm-location-btn-main:focus\r\n.hdm-location-btn-main-arrow span {\r\n transform: translateX(3px);\r\n}\r\n\r\n.hdm-location-btn-main:active {\r\n transform: translate(6px, 6px);\r\n\r\n box-shadow:\r\n 0 0 0 var(--hdm-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOT\u00d3N GOOGLE MAPS\r\n========================================================= *\/\r\n\r\n.hdm-location-btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n min-width: 220px;\r\n min-height: 54px;\r\n\r\n gap: 20px;\r\n\r\n padding: 15px 22px;\r\n\r\n color: var(--hdm-navy);\r\n background: #FFFFFF;\r\n\r\n border: 2px solid var(--hdm-navy);\r\n border-radius: 2px;\r\n\r\n font-family: Roboto, Arial, sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n line-height: 1;\r\n\r\n text-decoration: none;\r\n\r\n transition:\r\n color 0.22s ease,\r\n background-color 0.22s ease,\r\n transform 0.22s ease,\r\n box-shadow 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-outline span {\r\n display: inline-block;\r\n\r\n font-size: 17px;\r\n\r\n transition:\r\n transform 0.22s ease;\r\n}\r\n\r\n.hdm-location-btn-outline:hover,\r\n.hdm-location-btn-outline:focus {\r\n color: #FFFFFF;\r\n background: var(--hdm-navy);\r\n\r\n transform: translate(-3px, -3px);\r\n\r\n box-shadow:\r\n 6px 6px 0\r\n rgba(53, 113, 158, 0.24);\r\n}\r\n\r\n.hdm-location-btn-outline:hover span,\r\n.hdm-location-btn-outline:focus span {\r\n transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-location-btn-main:focus-visible,\r\n.hdm-location-btn-outline:focus-visible {\r\n outline:\r\n 3px solid rgba(53, 113, 158, 0.35);\r\n\r\n outline-offset: 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COLUMNA DERECHA \/ MAPA\r\n========================================================= *\/\r\n\r\n.hdm-location-map {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n min-width: 0;\r\n min-height: 610px;\r\n\r\n background: #E4E4E4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IFRAME\r\n========================================================= *\/\r\n\r\n.hdm-location-map iframe {\r\n position: absolute;\r\n inset: 0;\r\n\r\n display: block;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n border: 0;\r\n\r\n filter:\r\n saturate(0.94)\r\n contrast(1);\r\n\r\n transition:\r\n filter 0.45s ease;\r\n}\r\n\r\n.hdm-location-map:hover iframe {\r\n filter:\r\n saturate(1.05)\r\n contrast(1.02);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TARJETA FLOTANTE DEL MAPA\r\n========================================================= *\/\r\n\r\n.hdm-location-map-card {\r\n position: absolute;\r\n\r\n left: 24px;\r\n bottom: 24px;\r\n z-index: 4;\r\n\r\n width:\r\n min(calc(100% - 48px), 330px);\r\n\r\n padding: 18px 20px;\r\n\r\n overflow: hidden;\r\n\r\n color: #FFFFFF;\r\n background: var(--hdm-navy);\r\n\r\n border-left:\r\n 5px solid var(--hdm-blue);\r\n\r\n box-shadow:\r\n 7px 7px 0\r\n rgba(53, 113, 158, 0.18),\r\n 0 16px 30px\r\n rgba(0, 44, 95, 0.16);\r\n\r\n transform:\r\n translate3d(0, 0, 0);\r\n\r\n transition:\r\n transform 0.4s\r\n cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n\/* Decoraci\u00f3n interna *\/\r\n\r\n.hdm-location-map-card::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: -110px;\r\n right: -50px;\r\n\r\n width: 220px;\r\n height: 300px;\r\n\r\n border-left:\r\n 1px solid rgba(255, 255, 255, 0.12);\r\n\r\n transform: rotate(17deg);\r\n\r\n pointer-events: none;\r\n}\r\n\r\n.hdm-location-map-card::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: 65%;\r\n left: -20%;\r\n\r\n width: 150%;\r\n height: 1px;\r\n\r\n background:\r\n rgba(255, 255, 255, 0.10);\r\n\r\n transform: rotate(12deg);\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\r\n\/* Hover tarjeta *\/\r\n\r\n.hdm-location-map:hover\r\n.hdm-location-map-card {\r\n transform:\r\n translate3d(-4px, -4px, 0);\r\n\r\n box-shadow:\r\n 11px 11px 0\r\n rgba(53, 113, 158, 0.30),\r\n 0 24px 44px\r\n rgba(0, 44, 95, 0.22);\r\n}\r\n\r\n\r\n\/* Texto tarjeta *\/\r\n\r\n.hdm-location-map-card strong {\r\n position: relative;\r\n z-index: 2;\r\n\r\n display: block;\r\n\r\n margin-bottom: 5px;\r\n\r\n color: #FFFFFF;\r\n\r\n font-size: 15px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n}\r\n\r\n.hdm-location-map-card span {\r\n position: relative;\r\n z-index: 2;\r\n\r\n display: block;\r\n\r\n color:\r\n rgba(255, 255, 255, 0.86);\r\n\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .hdm-location-container {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hdm-location-content {\r\n padding: 48px 38px;\r\n }\r\n\r\n .hdm-location-title {\r\n max-width: 500px;\r\n }\r\n\r\n .hdm-location-description {\r\n max-width: 600px;\r\n }\r\n\r\n .hdm-location-map {\r\n min-height: 460px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .hdm-location-section {\r\n padding: 16px;\r\n }\r\n\r\n .hdm-location-content {\r\n padding: 36px 24px;\r\n }\r\n\r\n .hdm-location-eyebrow {\r\n margin-bottom: 20px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hdm-location-title {\r\n font-size:\r\n clamp(38px, 12vw, 48px);\r\n\r\n line-height: 0.98;\r\n }\r\n\r\n .hdm-location-description {\r\n font-size: 14px;\r\n }\r\n\r\n .hdm-location-item {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 6px;\r\n }\r\n\r\n .hdm-location-actions {\r\n align-items: stretch;\r\n\r\n gap: 18px;\r\n }\r\n\r\n .hdm-location-btn-main,\r\n .hdm-location-btn-outline {\r\n width: calc(100% - 6px);\r\n }\r\n\r\n .hdm-location-map {\r\n min-height: 400px;\r\n }\r\n\r\n .hdm-location-map-card {\r\n right: 18px;\r\n bottom: 18px;\r\n left: 18px;\r\n\r\n width: auto;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-location-btn-main,\r\n .hdm-location-btn-main-arrow span,\r\n .hdm-location-btn-outline,\r\n .hdm-location-btn-outline span,\r\n .hdm-location-map iframe,\r\n .hdm-location-map-card {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n class=\"hdm-location-section\"\r\n aria-labelledby=\"hdm-location-title\"\r\n>\r\n\r\n <div class=\"hdm-location-container\">\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-content\">\r\n\r\n\r\n \r\n <span class=\"hdm-location-eyebrow\">\r\n VIS\u00cdTANOS\r\n <\/span>\r\n\r\n\r\n \r\n <h2\r\n class=\"hdm-location-title\"\r\n id=\"hdm-location-title\"\r\n >\r\n Hyundai de<br>\r\n Magna<br>\r\n Guatemala\r\n <\/h2>\r\n\r\n\r\n \r\n <p class=\"hdm-location-description\">\r\n\r\n Visita nuestras instalaciones o utiliza\r\n tu aplicaci\u00f3n de navegaci\u00f3n preferida\r\n para llegar directamente a Hyundai de\r\n Magna.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-list\">\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n DIRECCI\u00d3N\r\n <\/strong>\r\n\r\n <span>\r\n Calzada Roosevelt 51-25,\r\n Zona 2 de Mixco,\r\n Guatemala.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n TEL\u00c9FONO:\r\n <\/strong>\r\n\r\n <span>\r\n\r\n <a\r\n href=\"tel:+50222242500\"\r\n aria-label=\"Llamar al PBX 2224-2500\"\r\n >\r\n 2224-2500\r\n <\/a>\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n WHATSAPP\r\n <\/strong>\r\n\r\n <span>\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/50230020798\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Contactar por WhatsApp al 3002-0798\"\r\n >\r\n 3002-0798\r\n <\/a>\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hdm-location-item\">\r\n\r\n <strong>\r\n CORREO\r\n <\/strong>\r\n\r\n <span>\r\n\r\n <a\r\n href=\"mailto:sophia.perez@magna.com.gt\"\r\n >\r\n sophia.perez@magna.com.gt\r\n <\/a>\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-actions\">\r\n\r\n\r\n \r\n <a\r\n class=\"hdm-location-btn-main\"\r\n href=\"https:\/\/www.waze.com\/live-map\/directions\/hyundai-de-magna-calzada-roosevelt-51-25-zona-2,-mixco?utm_campaign=waze_website&utm_source=waze_website&utm_medium=lm_share_location&to=place.w.176554130.1765606839.3526377\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Abrir Hyundai de Magna en Waze\"\r\n >\r\n\r\n <span\r\n class=\"hdm-location-btn-main-label\"\r\n >\r\n Abrir en Waze\r\n <\/span>\r\n\r\n <span\r\n class=\"hdm-location-btn-main-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n <span>\u2192<\/span>\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n class=\"hdm-location-btn-outline\"\r\n href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Hyundai%20de%20Magna%2C%20Calzada%20Roosevelt%2051-25%2C%20Zona%202%20de%20Mixco%2C%20Guatemala\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Abrir Hyundai de Magna en Google Maps\"\r\n >\r\n Google Maps\r\n\r\n <span aria-hidden=\"true\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-map\">\r\n\r\n\r\n <iframe\r\n title=\"Ubicaci\u00f3n de Hyundai de Magna Guatemala\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n src=\"https:\/\/www.google.com\/maps?q=Hyundai%20de%20Magna%2C%20Calzada%20Roosevelt%2051-25%2C%20Zona%202%20de%20Mixco%2C%20Guatemala&output=embed\"\r\n allowfullscreen\r\n ><\/iframe>\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-location-map-card\">\r\n\r\n <strong>\r\n Hyundai de Magna\r\n <\/strong>\r\n\r\n <span>\r\n Calzada Roosevelt 51-25,<br>\r\n Zona 2 de Mixco, Guatemala\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a2d5a56 e-grid e-con-boxed e-con e-parent\" data-id=\"a2d5a56\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9675e7f e-con-full e-flex e-con e-child\" data-id=\"9675e7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26566b7 elementor-widget elementor-widget-html\" data-id=\"26566b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hdm-advisor-cta-section {\r\n --hdm-navy: #002c5f;\r\n --hdm-blue: #35719e;\r\n --hdm-white: #ffffff;\r\n\r\n \/* Fondo exterior blanco *\/\r\n --hdm-background: #ffffff;\r\n\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: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.hdm-advisor-cta-section,\r\n.hdm-advisor-cta-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FIGURA GEOM\u00c9TRICA SUPERIOR\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\/* =========================================================\r\n FIGURA GEOM\u00c9TRICA INFERIOR\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\/* =========================================================\r\n BLOQUE CTA\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta {\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\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.hdm-advisor-cta-content {\r\n min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\r\n\/* =========================================================\r\n TEXTO\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-text {\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\/* =========================================================\r\n BOT\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-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\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\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-advisor-cta-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\r\n\/* =========================================================\r\n EFECTO HOVER\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-button:hover,\r\n.hdm-advisor-cta-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-advisor-cta-button:hover\r\n.hdm-advisor-cta-arrow,\r\n.hdm-advisor-cta-button:focus-visible\r\n.hdm-advisor-cta-arrow {\r\n transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-advisor-cta-button:focus-visible {\r\n outline: 3px solid var(--hdm-focus);\r\n outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .hdm-advisor-cta-section {\r\n padding-right: 24px;\r\n padding-left: 24px;\r\n }\r\n\r\n .hdm-advisor-cta {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 26px;\r\n }\r\n\r\n .hdm-advisor-cta-button {\r\n width: fit-content;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .hdm-advisor-cta-section {\r\n padding: 24px 16px 64px;\r\n }\r\n\r\n .hdm-advisor-cta {\r\n min-height: auto;\r\n\r\n padding: 30px 24px;\r\n\r\n gap: 24px;\r\n }\r\n\r\n .hdm-advisor-cta-title {\r\n font-size: clamp(26px, 8vw, 33px);\r\n }\r\n\r\n .hdm-advisor-cta-text {\r\n font-size: 14px;\r\n }\r\n\r\n .hdm-advisor-cta-button {\r\n width: 100%;\r\n\r\n min-width: 0;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .hdm-advisor-cta-button,\r\n .hdm-advisor-cta-arrow {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n class=\"hdm-advisor-cta-section\"\r\n aria-labelledby=\"hdm-advisor-cta-title\"\r\n>\r\n\r\n <div class=\"hdm-advisor-cta\">\r\n\r\n\r\n \r\n\r\n <div class=\"hdm-advisor-cta-content\">\r\n\r\n <h2\r\n class=\"hdm-advisor-cta-title\"\r\n id=\"hdm-advisor-cta-title\"\r\n >\r\n \u00bfBuscas un cami\u00f3n o bus Hyundai?\r\n <\/h2>\r\n\r\n\r\n <p class=\"hdm-advisor-cta-text\">\r\n Selecciona el veh\u00edculo que te interesa y env\u00eda tu solicitud\r\n desde nuestro Cotizador. Nuestro equipo comercial se pondr\u00e1\r\n en contacto contigo para ayudarte a elegir la mejor opci\u00f3n\r\n para tu operaci\u00f3n.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <a\r\n class=\"hdm-advisor-cta-button\"\r\n href=\"https:\/\/new.hyundaidemagna.com\/?page_id=1459\"\r\n aria-label=\"Ir al Cotizador de Hyundai de Magna\"\r\n >\r\n Ir al Cotizador\r\n\r\n <span\r\n class=\"hdm-advisor-cta-arrow\"\r\n aria-hidden=\"true\"\r\n >\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\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>Contacto | Hyundai de Magna CONTACTO Estamos cerca para ayudarte. Comun\u00edcate directamente con nuestro equipo de ventas, taller, repuestos o atenci\u00f3n general. En Hyundai de…<\/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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/16","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=16"}],"version-history":[{"count":5,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1711,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/1711"}],"wp:attachment":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}