{"id":12,"date":"2026-06-22T01:13:10","date_gmt":"2026-06-21T19:13:10","guid":{"rendered":"https:\/\/new.hyundaidemagna.com\/?page_id=12"},"modified":"2026-10-29T11:39:36","modified_gmt":"2026-10-29T05:39:36","slug":"taller","status":"publish","type":"page","link":"https:\/\/new.hyundaidemagna.com\/?page_id=12","title":{"rendered":"Taller"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d82cd e-grid e-con-boxed e-con e-parent\" data-id=\"86d82cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd06e27 elementor-widget elementor-widget-html\" data-id=\"dd06e27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>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                <!-- Servicio Hyundai -->\r\n                <span class=\"hdm-contact-eyebrow\">\r\n                    Servicio Hyundai\r\n                <\/span>\r\n\r\n\r\n                <!-- T\u00cdTULO -->\r\n                <h1\r\n                    class=\"hdm-contact-title\"\r\n                    id=\"hdm-contact-title\"\r\n                >\r\n                    Mant\u00e9n tu negocio siempre en movimiento.\r\n                <\/h1>\r\n\r\n\r\n                <!-- DESCRIPCI\u00d3N -->\r\n                <p class=\"hdm-contact-description\">\r\n\r\n                    Servicio especializado para veh\u00edculos comerciales, con atenci\u00f3n de taller, soporte 24\/7 y soluciones pensadas para reducir el tiempo fuera de operaci\u00f3n de tu unidad.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- BOTONES -->\r\n                <div class=\"hdm-actions\">\r\n\r\n                    <!-- LLAMAR -->\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                    <!-- WHATSAPP -->\r\n                    <a\r\n                        class=\"hdm-btn-link\"\r\n                        href=\"https:\/\/wa.me\/50230408529?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-e8c5899 elementor-widget elementor-widget-html\" data-id=\"e8c5899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================================\r\n   BLOQUE IMAGEN TALLER CENTRADO\r\n   Prefijo exclusivo: hdm-tallerphoto-v4-\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-center {\r\n    width: 100%;\r\n    min-height: 490px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-tallerphoto-v4-center *,\r\n.hdm-tallerphoto-v4-center *::before,\r\n.hdm-tallerphoto-v4-center *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLOQUE DE IMAGEN - ANCHO REDUCIDO A 460PX\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-block {\r\n    --hdm-tallerphoto-v4-navy: #002C5F;\r\n    --hdm-tallerphoto-v4-blue: #35719E;\r\n    --hdm-tallerphoto-v4-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: 460px;\r\n\r\n    background-color: var(--hdm-tallerphoto-v4-navy);\r\n\r\n    border-left: 5px solid var(--hdm-tallerphoto-v4-blue);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGEN COMPLETA SIN RECORTES\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    max-width: 100%;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DEGRADADO ORIGINAL SOBRE IMAGEN\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-block::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: 1;\r\n\r\n    inset: 0;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(0, 44, 95, 0.00) 45%,\r\n        rgba(0, 44, 95, 0.10) 68%,\r\n        rgba(0, 44, 95, 0.65) 100%\r\n    );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER ORIGINAL\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-block:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        8px 8px 0 rgba(53, 113, 158, 0.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ETIQUETA INFERIOR\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-badge {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 28px;\r\n    bottom: 24px;\r\n\r\n    width: min(255px, calc(100% - 56px));\r\n\r\n    padding: 16px 18px;\r\n\r\n    color: var(--hdm-tallerphoto-v4-white);\r\n\r\n    background: rgba(0, 44, 95, 0.96);\r\n\r\n    border-left: 4px solid var(--hdm-tallerphoto-v4-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-title {\r\n    display: block;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-tallerphoto-v4-white);\r\n\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1.25;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTO\r\n========================================================= *\/\r\n\r\n.hdm-tallerphoto-v4-text {\r\n    display: block;\r\n\r\n    margin-top: 6px;\r\n\r\n    color: rgba(255, 255, 255, 0.82);\r\n\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n    .hdm-tallerphoto-v4-center {\r\n        min-height: 0;\r\n    }\r\n\r\n    .hdm-tallerphoto-v4-block {\r\n        max-width: 460px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .hdm-tallerphoto-v4-block {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .hdm-tallerphoto-v4-image {\r\n        width: 100%;\r\n        height: auto;\r\n    }\r\n\r\n    .hdm-tallerphoto-v4-badge {\r\n        right: 20px;\r\n        bottom: 20px;\r\n        left: 20px;\r\n\r\n        width: auto;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL PEQUE\u00d1O\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .hdm-tallerphoto-v4-image {\r\n        width: 100%;\r\n        height: auto;\r\n    }\r\n\r\n    .hdm-tallerphoto-v4-badge {\r\n        right: 16px;\r\n        bottom: 16px;\r\n        left: 16px;\r\n\r\n        padding: 14px 16px;\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-tallerphoto-v4-block {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     HTML - IMAGEN TALLER HYUNDAI\r\n===================================================== -->\r\n\r\n<div class=\"hdm-tallerphoto-v4-center\">\r\n\r\n    <div\r\n        class=\"hdm-tallerphoto-v4-block\"\r\n        role=\"group\"\r\n        aria-label=\"Imagen del taller Hyundai de Magna\"\r\n    >\r\n\r\n        <!-- Imagen completa -->\r\n        <img decoding=\"async\"\r\n            class=\"hdm-tallerphoto-v4-image\"\r\n            src=\"https:\/\/new.hyundaidemagna.com\/wp-content\/uploads\/2026\/10\/Taller-Hyundai-con-repuestos-y-camiones.png\"\r\n            alt=\"Taller Hyundai de Magna con camiones y repuestos originales\"\r\n            loading=\"lazy\"\r\n        >\r\n\r\n        <!-- Etiqueta original -->\r\n        <div class=\"hdm-tallerphoto-v4-badge\">\r\n\r\n            <strong class=\"hdm-tallerphoto-v4-title\">\r\n                Hyundai de Magna\r\n            <\/strong>\r\n\r\n            <span class=\"hdm-tallerphoto-v4-text\">\r\n                Taller y soporte para veh\u00edculos comerciales.\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\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-301166e e-flex e-con-boxed e-con e-parent\" data-id=\"301166e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82aa896 elementor-widget elementor-widget-html\" data-id=\"82aa896\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ENCABEZADO SERVICIOS DE TALLER\r\n   Prefijo exclusivo: hdm-taller-servicesintro-\r\n========================================================= *\/\r\n\r\n.hdm-taller-servicesintro-section {\r\n    width: 100%;\r\n\r\n    padding: 32px 28px;\r\n\r\n    background: #F6F8FA;\r\n\r\n    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-taller-servicesintro-section *,\r\n.hdm-taller-servicesintro-section *::before,\r\n.hdm-taller-servicesintro-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEDOR\r\n========================================================= *\/\r\n\r\n.hdm-taller-servicesintro-inner {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(320px, 0.72fr);\r\n\r\n    align-items: center;\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-taller-servicesintro-left {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ETIQUETA SUPERIOR\r\n========================================================= *\/\r\n\r\n.hdm-taller-servicesintro-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-taller-servicesintro-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: #35719E;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-taller-servicesintro-title {\r\n    max-width: 540px;\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\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-taller-servicesintro-copy {\r\n    width: 100%;\r\n    max-width: 420px;\r\n\r\n    margin: 0;\r\n\r\n    justify-self: end;\r\n    align-self: center;\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.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .hdm-taller-servicesintro-inner {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 26px;\r\n    }\r\n\r\n    .hdm-taller-servicesintro-copy {\r\n        max-width: 650px;\r\n\r\n        justify-self: start;\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-taller-servicesintro-section {\r\n        padding: 30px 18px;\r\n    }\r\n\r\n    .hdm-taller-servicesintro-eyebrow {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n    .hdm-taller-servicesintro-title {\r\n        font-size: clamp(36px, 11vw, 46px);\r\n    }\r\n\r\n    .hdm-taller-servicesintro-copy {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hdm-taller-servicesintro-section\">\r\n\r\n    <div class=\"hdm-taller-servicesintro-inner\">\r\n\r\n\r\n        <!-- IZQUIERDA -->\r\n\r\n        <div class=\"hdm-taller-servicesintro-left\">\r\n\r\n            <span class=\"hdm-taller-servicesintro-eyebrow\">\r\n                SERVICIOS DE TALLER\r\n            <\/span>\r\n\r\n            <h2 class=\"hdm-taller-servicesintro-title\">\r\n                Atenci\u00f3n para cada necesidad de tu operaci\u00f3n.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DERECHA -->\r\n\r\n        <p class=\"hdm-taller-servicesintro-copy\">\r\n            Desde mantenimiento y reparaci\u00f3n en nuestras instalaciones\r\n            hasta asistencia m\u00f3vil y atenci\u00f3n continua para mantener\r\n            tu veh\u00edculo trabajando.\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\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-276dd7c e-grid e-con-boxed e-con e-parent\" data-id=\"276dd7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2af726e elementor-widget elementor-widget-html\" data-id=\"2af726e\" 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 MULTIMARCA\r\n   Prefijo exclusivo: hdm-multibrand-\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEDOR\r\n========================================================= *\/\r\n\r\n.hdm-multibrand-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    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-multibrand-wrapper *,\r\n.hdm-multibrand-wrapper *::before,\r\n.hdm-multibrand-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-multibrand-card {\r\n    --hdm-multibrand-navy: #002C5F;\r\n    --hdm-multibrand-blue: #35719E;\r\n    --hdm-multibrand-text: #667085;\r\n    --hdm-multibrand-line: rgba(0, 44, 95, 0.14);\r\n    --hdm-multibrand-soft: #F5F7F9;\r\n\r\n    position: relative;\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-multibrand-line);\r\n    border-left: 5px solid var(--hdm-multibrand-navy);\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    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-left-color 0.35s ease;\r\n}\r\n\r\n.hdm-multibrand-card:hover {\r\n    transform: translate(-4px, -4px);\r\n\r\n    border-left-color: var(--hdm-multibrand-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-multibrand-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICONO MULTIMARCA\r\n========================================================= *\/\r\n\r\n.hdm-multibrand-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    color: var(--hdm-multibrand-navy);\r\n\r\n    background: var(--hdm-multibrand-soft);\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n    transition:\r\n        color 0.3s ease,\r\n        background-color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.hdm-multibrand-icon svg {\r\n    display: block;\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n}\r\n\r\n.hdm-multibrand-card:hover\r\n.hdm-multibrand-icon {\r\n    color: #FFFFFF;\r\n\r\n    background: var(--hdm-multibrand-navy);\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-multibrand-kicker {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--hdm-multibrand-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-multibrand-title {\r\n    margin: 0 0 10px;\r\n\r\n    color: var(--hdm-multibrand-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-multibrand-description {\r\n    max-width: 410px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-multibrand-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   ACCIONES\r\n========================================================= *\/\r\n\r\n.hdm-multibrand-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 43px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENLACE\r\n========================================================= *\/\r\n\r\n.hdm-multibrand-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-multibrand-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-multibrand-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-multibrand-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-multibrand-action:hover,\r\n.hdm-multibrand-action:focus {\r\n    color: var(--hdm-multibrand-blue);\r\n\r\n    gap: 12px;\r\n}\r\n\r\n.hdm-multibrand-action:hover::after,\r\n.hdm-multibrand-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-multibrand-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-multibrand-action:hover\r\n.hdm-multibrand-arrow,\r\n.hdm-multibrand-action:focus\r\n.hdm-multibrand-arrow {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-multibrand-action:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.30);\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-multibrand-wrapper {\r\n        padding: 18px;\r\n    }\r\n\r\n    .hdm-multibrand-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-multibrand-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .hdm-multibrand-actions {\r\n        margin-top: 32px;\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-multibrand-card,\r\n    .hdm-multibrand-icon,\r\n    .hdm-multibrand-action,\r\n    .hdm-multibrand-arrow,\r\n    .hdm-multibrand-action::after {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-multibrand-wrapper\">\r\n\r\n    <article class=\"hdm-multibrand-card\">\r\n\r\n        <div class=\"hdm-multibrand-content\">\r\n\r\n\r\n            <!-- =================================================\r\n                 ICONO MULTIMARCA\r\n                 VEH\u00cdCULO + VEH\u00cdCULO COMERCIAL\r\n            ================================================== -->\r\n\r\n            <div\r\n                class=\"hdm-multibrand-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                    <!-- VEH\u00cdCULO 1 -->\r\n                    <path\r\n                        d=\"M3 9.5h9.5l1.8 3.2v3.8H3v-7z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M5 9.5l1.3-2.3h4.2l1.3 2.3\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"6\"\r\n                        cy=\"17\"\r\n                        r=\"1.5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"11.5\"\r\n                        cy=\"17\"\r\n                        r=\"1.5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                    \/>\r\n\r\n\r\n                    <!-- VEH\u00cdCULO COMERCIAL -->\r\n                    <path\r\n                        d=\"M14.5 8h4v3h1.5l2 2.4v3.1h-7.5V8z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"16.5\"\r\n                        cy=\"17\"\r\n                        r=\"1.5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"20\"\r\n                        cy=\"17\"\r\n                        r=\"1.5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CATEGOR\u00cdA -->\r\n\r\n            <span class=\"hdm-multibrand-kicker\">\r\n                SERVICIO ESPECIALIZADO\r\n            <\/span>\r\n\r\n\r\n\r\n            <!-- T\u00cdTULO -->\r\n\r\n            <h3 class=\"hdm-multibrand-title\">\r\n                Taller Multimarca\r\n            <\/h3>\r\n\r\n\r\n\r\n            <!-- DESCRIPCI\u00d3N -->\r\n\r\n            <p class=\"hdm-multibrand-description\">\r\n                Atenci\u00f3n para veh\u00edculos comerciales con mano de obra\r\n                calificada y personal t\u00e9cnico preparado para realizar\r\n                mantenimiento, diagn\u00f3stico y reparaci\u00f3n.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- ACCI\u00d3N -->\r\n\r\n            <div class=\"hdm-multibrand-actions\">\r\n\r\n                <a\r\n                    class=\"hdm-multibrand-action\"\r\n                    href=\"https:\/\/wa.me\/50230410025?text=Hola,%20deseo%20agendar%20una%20cita%20en%20Taller%20Multimarca.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Agendar cita\r\n\r\n                    <span\r\n                        class=\"hdm-multibrand-arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\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-20167f8 elementor-widget elementor-widget-html\" data-id=\"20167f8\" 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 24\/7\r\n   Prefijo exclusivo: hdm-247service-\r\n========================================================= *\/\r\n\r\n.hdm-247service-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    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-247service-wrapper *,\r\n.hdm-247service-wrapper *::before,\r\n.hdm-247service-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-247service-card {\r\n    --hdm-247service-navy: #002C5F;\r\n    --hdm-247service-blue: #35719E;\r\n    --hdm-247service-text: #667085;\r\n    --hdm-247service-line: rgba(0, 44, 95, 0.14);\r\n    --hdm-247service-soft: #F5F7F9;\r\n    --hdm-247service-white: #FFFFFF;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    max-width: 480px;\r\n    min-height: 330px;\r\n\r\n    padding: 30px 30px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-247service-white);\r\n\r\n    border: 1px solid var(--hdm-247service-line);\r\n    border-left: 5px solid var(--hdm-247service-navy);\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    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-left-color 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-247service-card:hover {\r\n    transform: translate(-4px, -4px);\r\n\r\n    border-left-color: var(--hdm-247service-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-247service-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    flex: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICONO RELOJ\r\n========================================================= *\/\r\n\r\n.hdm-247service-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    color: var(--hdm-247service-navy);\r\n\r\n    background: var(--hdm-247service-soft);\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n    transition:\r\n        color 0.3s ease,\r\n        background-color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.hdm-247service-icon svg {\r\n    display: block;\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n}\r\n\r\n.hdm-247service-card:hover\r\n.hdm-247service-icon {\r\n    color: var(--hdm-247service-white);\r\n\r\n    background: var(--hdm-247service-navy);\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-247service-kicker {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--hdm-247service-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-247service-title {\r\n    margin: 0 0 10px;\r\n\r\n    color: var(--hdm-247service-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-247service-description {\r\n    max-width: 410px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-247service-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   ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-247service-actions {\r\n    margin-top: auto;\r\n\r\n    padding-top: 42px;\r\n}\r\n\r\n.hdm-247service-link {\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-247service-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   SUBRAYADO ANIMADO\r\n========================================================= *\/\r\n\r\n.hdm-247service-link::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-247service-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-247service-link:hover,\r\n.hdm-247service-link:focus {\r\n    color: var(--hdm-247service-blue);\r\n\r\n    gap: 12px;\r\n}\r\n\r\n.hdm-247service-link:hover::after,\r\n.hdm-247service-link: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-247service-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 15px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-247service-link:hover\r\n.hdm-247service-arrow,\r\n.hdm-247service-link:focus\r\n.hdm-247service-arrow {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-247service-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.30);\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-247service-wrapper {\r\n        padding: 18px;\r\n    }\r\n\r\n    .hdm-247service-card {\r\n        max-width: 100%;\r\n        min-height: 300px;\r\n\r\n        padding: 26px 22px 28px;\r\n    }\r\n\r\n    .hdm-247service-icon {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .hdm-247service-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .hdm-247service-actions {\r\n        padding-top: 32px;\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-247service-card,\r\n    .hdm-247service-icon,\r\n    .hdm-247service-link,\r\n    .hdm-247service-arrow,\r\n    .hdm-247service-link::after {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-247service-wrapper\">\r\n\r\n    <article class=\"hdm-247service-card\">\r\n\r\n        <div class=\"hdm-247service-content\">\r\n\r\n\r\n            <!-- =================================================\r\n                 ICONO RELOJ 24\/7\r\n            ================================================== -->\r\n\r\n            <div\r\n                class=\"hdm-247service-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                    <!-- C\u00cdRCULO DEL RELOJ -->\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"12\"\r\n                        r=\"8.5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                    \/>\r\n\r\n\r\n                    <!-- AGUJA DE LA HORA -->\r\n                    <path\r\n                        d=\"M12 7.2V12\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- AGUJA DE LOS MINUTOS -->\r\n                    <path\r\n                        d=\"M12 12L15.7 14.2\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- CENTRO -->\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"12\"\r\n                        r=\"1\"\r\n                        fill=\"currentColor\"\r\n                    \/>\r\n\r\n\r\n                    <!-- MARCAS DEL RELOJ -->\r\n                    <path\r\n                        d=\"M12 4.3V5.2\r\n                           M19.7 12H18.8\r\n                           M12 19.7V18.8\r\n                           M4.3 12H5.2\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.3\"\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                 CATEGOR\u00cdA\r\n            ================================================== -->\r\n\r\n            <span class=\"hdm-247service-kicker\">\r\n                ATENCI\u00d3N CONTINUA\r\n            <\/span>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 T\u00cdTULO\r\n            ================================================== -->\r\n\r\n            <h3 class=\"hdm-247service-title\">\r\n                Taller 24\/7\r\n            <\/h3>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DESCRIPCI\u00d3N\r\n            ================================================== -->\r\n\r\n            <p class=\"hdm-247service-description\">\r\n                Servicio disponible las 24 horas del d\u00eda, los 7 d\u00edas\r\n                de la semana, para brindar atenci\u00f3n cuando tu operaci\u00f3n\r\n                lo requiera.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 ACCI\u00d3N\r\n            ================================================== -->\r\n\r\n            <div class=\"hdm-247service-actions\">\r\n\r\n                <a\r\n                    class=\"hdm-247service-link\"\r\n                    href=\"https:\/\/wa.me\/50230410025?text=Hola,%20necesito%20informaci\u00f3n%20sobre%20el%20servicio%20de%20Taller%2024\/7.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Contactar taller\r\n\r\n                    <span\r\n                        class=\"hdm-247service-arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\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-523acc5 e-grid e-con-boxed e-con e-parent\" data-id=\"523acc5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e721082 elementor-widget elementor-widget-html\" data-id=\"e721082\" 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 M\u00d3VIL\r\n   Prefijo exclusivo: hdm-mobileworkshop-\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-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    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-mobileworkshop-wrapper *,\r\n.hdm-mobileworkshop-wrapper *::before,\r\n.hdm-mobileworkshop-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-mobileworkshop-card {\r\n    --hdm-mobileworkshop-navy: #002C5F;\r\n    --hdm-mobileworkshop-blue: #35719E;\r\n    --hdm-mobileworkshop-text: #667085;\r\n    --hdm-mobileworkshop-line: rgba(0, 44, 95, 0.14);\r\n    --hdm-mobileworkshop-soft: #F5F7F9;\r\n    --hdm-mobileworkshop-white: #FFFFFF;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    max-width: 480px;\r\n    min-height: 330px;\r\n\r\n    padding: 30px 30px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-mobileworkshop-white);\r\n\r\n    border: 1px solid var(--hdm-mobileworkshop-line);\r\n    border-left: 5px solid var(--hdm-mobileworkshop-navy);\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    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-left-color 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-card:hover {\r\n    transform: translate(-4px, -4px);\r\n\r\n    border-left-color: var(--hdm-mobileworkshop-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-mobileworkshop-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    flex: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICONO TALLER M\u00d3VIL\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    color: var(--hdm-mobileworkshop-navy);\r\n\r\n    background: var(--hdm-mobileworkshop-soft);\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n    transition:\r\n        color 0.3s ease,\r\n        background-color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.hdm-mobileworkshop-icon svg {\r\n    display: block;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n}\r\n\r\n.hdm-mobileworkshop-card:hover\r\n.hdm-mobileworkshop-icon {\r\n    color: var(--hdm-mobileworkshop-white);\r\n\r\n    background: var(--hdm-mobileworkshop-navy);\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-kicker {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--hdm-mobileworkshop-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-mobileworkshop-title {\r\n    margin: 0 0 10px;\r\n\r\n    color: var(--hdm-mobileworkshop-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-mobileworkshop-description {\r\n    max-width: 410px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-mobileworkshop-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   ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-actions {\r\n    margin-top: auto;\r\n\r\n    padding-top: 42px;\r\n}\r\n\r\n.hdm-mobileworkshop-link {\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-mobileworkshop-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   SUBRAYADO ANIMADO\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-link::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-mobileworkshop-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-mobileworkshop-link:hover,\r\n.hdm-mobileworkshop-link:focus {\r\n    color: var(--hdm-mobileworkshop-blue);\r\n\r\n    gap: 12px;\r\n}\r\n\r\n.hdm-mobileworkshop-link:hover::after,\r\n.hdm-mobileworkshop-link: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-mobileworkshop-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 15px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-mobileworkshop-link:hover\r\n.hdm-mobileworkshop-arrow,\r\n.hdm-mobileworkshop-link:focus\r\n.hdm-mobileworkshop-arrow {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-mobileworkshop-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.30);\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-mobileworkshop-wrapper {\r\n        padding: 18px;\r\n    }\r\n\r\n    .hdm-mobileworkshop-card {\r\n        max-width: 100%;\r\n        min-height: 300px;\r\n\r\n        padding: 26px 22px 28px;\r\n    }\r\n\r\n    .hdm-mobileworkshop-icon {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .hdm-mobileworkshop-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .hdm-mobileworkshop-actions {\r\n        padding-top: 32px;\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-mobileworkshop-card,\r\n    .hdm-mobileworkshop-icon,\r\n    .hdm-mobileworkshop-link,\r\n    .hdm-mobileworkshop-arrow,\r\n    .hdm-mobileworkshop-link::after {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-mobileworkshop-wrapper\">\r\n\r\n    <article class=\"hdm-mobileworkshop-card\">\r\n\r\n        <div class=\"hdm-mobileworkshop-content\">\r\n\r\n\r\n            <!-- =================================================\r\n                 ICONO TALLER M\u00d3VIL\r\n                 UNIDAD DE SERVICIO + UBICACI\u00d3N\r\n            ================================================== -->\r\n\r\n            <div\r\n                class=\"hdm-mobileworkshop-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                    <!-- UNIDAD M\u00d3VIL -->\r\n                    <path\r\n                        d=\"M3.2 8H14v8.2H3.2V8Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <!-- CABINA -->\r\n                    <path\r\n                        d=\"M14 10.5h3.2l3.1 3.1v2.6H14v-5.7Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <!-- VENTANA -->\r\n                    <path\r\n                        d=\"M15.7 11.8h1.2l1.7 1.8h-2.9v-1.8Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.4\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <!-- RUEDAS -->\r\n                    <circle\r\n                        cx=\"7\"\r\n                        cy=\"17\"\r\n                        r=\"1.7\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"17.5\"\r\n                        cy=\"17\"\r\n                        r=\"1.7\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                    \/>\r\n\r\n\r\n                    <!-- MARCADOR \/ MOVILIDAD -->\r\n                    <path\r\n                        d=\"M9.2 5.1\r\n                           c0-1.4 1.1-2.5 2.5-2.5\r\n                           s2.5 1.1 2.5 2.5\r\n                           c0 1.8-2.5 4.2-2.5 4.2\r\n                           S9.2 6.9 9.2 5.1Z\"\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                    <circle\r\n                        cx=\"11.7\"\r\n                        cy=\"5.1\"\r\n                        r=\"0.7\"\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                 CATEGOR\u00cdA\r\n            ================================================== -->\r\n\r\n            <span class=\"hdm-mobileworkshop-kicker\">\r\n                ATENCI\u00d3N FUERA DEL TALLER\r\n            <\/span>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 T\u00cdTULO\r\n            ================================================== -->\r\n\r\n            <h3 class=\"hdm-mobileworkshop-title\">\r\n                Taller M\u00f3vil\r\n            <\/h3>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DESCRIPCI\u00d3N\r\n            ================================================== -->\r\n\r\n            <p class=\"hdm-mobileworkshop-description\">\r\n                Soporte t\u00e9cnico m\u00f3vil para atender unidades fuera de\r\n                nuestras instalaciones. Consulta disponibilidad,\r\n                cobertura y condiciones con nuestro equipo de taller.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 ACCI\u00d3N\r\n            ================================================== -->\r\n\r\n            <div class=\"hdm-mobileworkshop-actions\">\r\n\r\n                <a\r\n                    class=\"hdm-mobileworkshop-link\"\r\n                    href=\"https:\/\/wa.me\/50230410025?text=Hola,%20deseo%20consultar%20disponibilidad%20del%20Taller%20M\u00f3vil.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Consultar cobertura\r\n\r\n                    <span\r\n                        class=\"hdm-mobileworkshop-arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\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-6615042 elementor-widget elementor-widget-html\" data-id=\"6615042\" 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 DE SERVICIO\r\n   Prefijo exclusivo: hdm-servicefacility-\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-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    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-servicefacility-wrapper *,\r\n.hdm-servicefacility-wrapper *::before,\r\n.hdm-servicefacility-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-servicefacility-card {\r\n    --hdm-servicefacility-navy: #002C5F;\r\n    --hdm-servicefacility-blue: #35719E;\r\n    --hdm-servicefacility-text: #667085;\r\n    --hdm-servicefacility-line: rgba(0, 44, 95, 0.14);\r\n    --hdm-servicefacility-soft: #F5F7F9;\r\n    --hdm-servicefacility-white: #FFFFFF;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    max-width: 480px;\r\n    min-height: 330px;\r\n\r\n    padding: 30px 30px 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--hdm-servicefacility-white);\r\n\r\n    border: 1px solid var(--hdm-servicefacility-line);\r\n    border-left: 5px solid var(--hdm-servicefacility-navy);\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    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-left-color 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER TARJETA\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-card:hover {\r\n    transform: translate(-4px, -4px);\r\n\r\n    border-left-color: var(--hdm-servicefacility-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-servicefacility-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    flex: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICONO TALLER \/ INSTALACIONES\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    color: var(--hdm-servicefacility-navy);\r\n\r\n    background: var(--hdm-servicefacility-soft);\r\n\r\n    border: 1px solid rgba(0, 44, 95, 0.12);\r\n\r\n    transition:\r\n        color 0.3s ease,\r\n        background-color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.hdm-servicefacility-icon svg {\r\n    display: block;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n}\r\n\r\n.hdm-servicefacility-card:hover\r\n.hdm-servicefacility-icon {\r\n    color: var(--hdm-servicefacility-white);\r\n\r\n    background: var(--hdm-servicefacility-navy);\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGOR\u00cdA\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-kicker {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--hdm-servicefacility-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-servicefacility-title {\r\n    margin: 0 0 10px;\r\n\r\n    color: var(--hdm-servicefacility-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-servicefacility-description {\r\n    max-width: 410px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-servicefacility-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   ACCI\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-actions {\r\n    margin-top: auto;\r\n\r\n    padding-top: 42px;\r\n}\r\n\r\n.hdm-servicefacility-link {\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-servicefacility-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   SUBRAYADO ANIMADO\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-link::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-servicefacility-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-servicefacility-link:hover,\r\n.hdm-servicefacility-link:focus {\r\n    color: var(--hdm-servicefacility-blue);\r\n\r\n    gap: 12px;\r\n}\r\n\r\n.hdm-servicefacility-link:hover::after,\r\n.hdm-servicefacility-link: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-servicefacility-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 15px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-servicefacility-link:hover\r\n.hdm-servicefacility-arrow,\r\n.hdm-servicefacility-link:focus\r\n.hdm-servicefacility-arrow {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n.hdm-servicefacility-link:focus-visible {\r\n    outline: 3px solid rgba(53, 113, 158, 0.30);\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-servicefacility-wrapper {\r\n        padding: 18px;\r\n    }\r\n\r\n    .hdm-servicefacility-card {\r\n        max-width: 100%;\r\n        min-height: 300px;\r\n\r\n        padding: 26px 22px 28px;\r\n    }\r\n\r\n    .hdm-servicefacility-icon {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .hdm-servicefacility-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .hdm-servicefacility-actions {\r\n        padding-top: 32px;\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-servicefacility-card,\r\n    .hdm-servicefacility-icon,\r\n    .hdm-servicefacility-link,\r\n    .hdm-servicefacility-arrow,\r\n    .hdm-servicefacility-link::after {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"hdm-servicefacility-wrapper\">\r\n\r\n    <article class=\"hdm-servicefacility-card\">\r\n\r\n        <div class=\"hdm-servicefacility-content\">\r\n\r\n\r\n            <!-- =================================================\r\n                 ICONO TALLER DE SERVICIO\r\n                 EDIFICIO \/ GARAJE + VEH\u00cdCULO\r\n            ================================================== -->\r\n\r\n            <div\r\n                class=\"hdm-servicefacility-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                    <!-- TECHO DEL TALLER -->\r\n                    <path\r\n                        d=\"M3.5 8\r\n                           L12 3.5\r\n                           L20.5 8\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- ESTRUCTURA DEL EDIFICIO -->\r\n                    <path\r\n                        d=\"M5 7.3V20\r\n                           M19 7.3V20\r\n                           M5 20H19\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- PORT\u00d3N -->\r\n                    <path\r\n                        d=\"M7.5 10H16.5V20H7.5V10Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.6\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- L\u00cdNEA DEL PORT\u00d3N -->\r\n                    <path\r\n                        d=\"M7.5 13H16.5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.4\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- VEH\u00cdCULO DENTRO DEL TALLER -->\r\n                    <path\r\n                        d=\"M9 16.2\r\n                           L10 14.4\r\n                           H14\r\n                           L15 16.2\r\n                           V18\r\n                           H9\r\n                           V16.2Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.35\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n\r\n                    <!-- RUEDAS -->\r\n                    <circle\r\n                        cx=\"10.3\"\r\n                        cy=\"18\"\r\n                        r=\"0.7\"\r\n                        fill=\"currentColor\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"13.7\"\r\n                        cy=\"18\"\r\n                        r=\"0.7\"\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                 CATEGOR\u00cdA\r\n            ================================================== -->\r\n\r\n            <span class=\"hdm-servicefacility-kicker\">\r\n                INSTALACIONES\r\n            <\/span>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 T\u00cdTULO\r\n            ================================================== -->\r\n\r\n            <h3 class=\"hdm-servicefacility-title\">\r\n                Taller de Servicio\r\n            <\/h3>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DESCRIPCI\u00d3N\r\n            ================================================== -->\r\n\r\n            <p class=\"hdm-servicefacility-description\">\r\n                Visita nuestro taller ubicado en Calzada Roosevelt 51-25,\r\n                Zona 2 de Mixco, Colonia Molino de las Flores 1.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 ACCI\u00d3N\r\n            ================================================== -->\r\n\r\n            <div class=\"hdm-servicefacility-actions\">\r\n\r\n                <a\r\n                    class=\"hdm-servicefacility-link\"\r\n                    href=\"#hdm-workshop-location\"\r\n                >\r\n                    Ver ubicaci\u00f3n\r\n\r\n                    <span\r\n                        class=\"hdm-servicefacility-arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\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-84b05aa e-con e-atomic-element e-flexbox-base e-default-div e-84b05aa-d9f49ed yt-hero-shell \" data-id=\"84b05aa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"84b05aa\" data-e-type=\"e-flexbox\" data-id=\"84b05aa\">\n    \t\t<div class=\"elementor-element elementor-element-3a196e2 elementor-widget elementor-widget-html\" data-id=\"3a196e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SECCI\u00d3N SOPORTE 24\/7\r\n   Prefijo exclusivo: hdm-emergency247-v2-\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-section {\r\n    --hdm-emergency247-v2-navy: #002C5F;\r\n    --hdm-emergency247-v2-blue: #35719E;\r\n    --hdm-emergency247-v2-light: #8EB6D5;\r\n    --hdm-emergency247-v2-white: #FFFFFF;\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: 86px 42px;\r\n\r\n    color: var(--hdm-emergency247-v2-white);\r\n    background: var(--hdm-emergency247-v2-navy);\r\n\r\n    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-emergency247-v2-section *,\r\n.hdm-emergency247-v2-section *::before,\r\n.hdm-emergency247-v2-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORACI\u00d3N MUY SUTIL\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-section::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: 0;\r\n\r\n    top: -190px;\r\n    right: -145px;\r\n\r\n    width: 390px;\r\n    height: 390px;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\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\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-inner {\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\r\n    grid-template-columns:\r\n        minmax(300px, 0.85fr)\r\n        minmax(0, 1.15fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   24\/7\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-number {\r\n    display: flex;\r\n    align-items: baseline;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-emergency247-v2-white);\r\n\r\n    font-size: clamp(90px, 12vw, 170px);\r\n    font-weight: 900;\r\n    line-height: 0.8;\r\n\r\n    letter-spacing: -0.085em;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.hdm-emergency247-v2-number-main {\r\n    color: var(--hdm-emergency247-v2-white);\r\n}\r\n\r\n.hdm-emergency247-v2-number-accent {\r\n    color: var(--hdm-emergency247-v2-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENIDO DERECHO\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-content {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--hdm-emergency247-v2-white);\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-emergency247-v2-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-emergency247-v2-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   T\u00cdTULO\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-title {\r\n    max-width: 570px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--hdm-emergency247-v2-white);\r\n\r\n    font-size: clamp(38px, 4.5vw, 52px);\r\n    font-weight: 900;\r\n    line-height: 1.02;\r\n\r\n    letter-spacing: -0.045em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTO\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-text {\r\n    max-width: 620px;\r\n\r\n    margin: 20px 0 0;\r\n\r\n    color: rgba(255, 255, 255, 0.78);\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTONES\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N BASE\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-button {\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding: 15px 22px;\r\n\r\n    font-size: 14px !important;\r\n    font-weight: 900 !important;\r\n    line-height: 1 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    border-radius: 1px;\r\n\r\n    transition:\r\n        color 0.22s ease,\r\n        background-color 0.22s ease,\r\n        border-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-button-whatsapp {\r\n    color: var(--hdm-emergency247-v2-navy) !important;\r\n\r\n    background: var(--hdm-emergency247-v2-white) !important;\r\n\r\n    border: 2px solid var(--hdm-emergency247-v2-white) !important;\r\n\r\n    box-shadow:\r\n        5px 5px 0 var(--hdm-emergency247-v2-blue);\r\n}\r\n\r\n.hdm-emergency247-v2-button-whatsapp:hover,\r\n.hdm-emergency247-v2-button-whatsapp:focus {\r\n    color: var(--hdm-emergency247-v2-white) !important;\r\n\r\n    background: var(--hdm-emergency247-v2-blue) !important;\r\n\r\n    border-color: var(--hdm-emergency247-v2-blue) !important;\r\n\r\n    transform: translate(3px, 3px);\r\n\r\n    box-shadow:\r\n        2px 2px 0 var(--hdm-emergency247-v2-white);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LLAMAR\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-button-phone {\r\n    color: var(--hdm-emergency247-v2-white) !important;\r\n\r\n    background: transparent !important;\r\n\r\n    border: 2px solid rgba(255, 255, 255, 0.75) !important;\r\n}\r\n\r\n.hdm-emergency247-v2-button-phone:hover,\r\n.hdm-emergency247-v2-button-phone:focus {\r\n    color: var(--hdm-emergency247-v2-navy) !important;\r\n\r\n    background: var(--hdm-emergency247-v2-white) !important;\r\n\r\n    border-color: var(--hdm-emergency247-v2-white) !important;\r\n\r\n    transform: translate(-3px, -3px);\r\n\r\n    box-shadow:\r\n        5px 5px 0 var(--hdm-emergency247-v2-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICONOS\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-button-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    flex: 0 0 18px;\r\n}\r\n\r\n.hdm-emergency247-v2-button-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-arrow {\r\n    display: inline-block;\r\n\r\n    margin-left: 3px;\r\n\r\n    font-size: 16px;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-emergency247-v2-button:hover\r\n.hdm-emergency247-v2-arrow,\r\n.hdm-emergency247-v2-button:focus\r\n.hdm-emergency247-v2-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-emergency247-v2-button:focus-visible {\r\n    outline: 3px solid rgba(142, 182, 213, 0.75);\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: 980px) {\r\n\r\n    .hdm-emergency247-v2-section {\r\n        padding: 70px 24px;\r\n    }\r\n\r\n    .hdm-emergency247-v2-inner {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n    .hdm-emergency247-v2-number {\r\n        font-size: clamp(90px, 21vw, 145px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .hdm-emergency247-v2-section {\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .hdm-emergency247-v2-inner {\r\n        gap: 38px;\r\n    }\r\n\r\n    .hdm-emergency247-v2-number {\r\n        font-size: clamp(84px, 29vw, 120px);\r\n    }\r\n\r\n    .hdm-emergency247-v2-title {\r\n        font-size: clamp(36px, 11vw, 48px);\r\n    }\r\n\r\n    .hdm-emergency247-v2-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .hdm-emergency247-v2-button {\r\n        width: 100%;\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-emergency247-v2-button,\r\n    .hdm-emergency247-v2-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hdm-emergency247-v2-section\">\r\n\r\n    <div class=\"hdm-emergency247-v2-inner\">\r\n\r\n\r\n        <!-- =====================================================\r\n             N\u00daMERO 24\/7\r\n        ====================================================== -->\r\n\r\n        <div\r\n            class=\"hdm-emergency247-v2-number\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span class=\"hdm-emergency247-v2-number-main\">\r\n                24 \r\n            <\/span>\r\n\r\n            <span class=\"hdm-emergency247-v2-number-accent\">\r\n                \/ 7\r\n            <\/span>\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             CONTENIDO\r\n        ====================================================== -->\r\n\r\n        <div class=\"hdm-emergency247-v2-content\">\r\n\r\n\r\n            <span class=\"hdm-emergency247-v2-eyebrow\">\r\n                SOPORTE CUANDO LO NECESITAS\r\n            <\/span>\r\n\r\n\r\n            <h2 class=\"hdm-emergency247-v2-title\">\r\n                Tu operaci\u00f3n no siempre puede esperar.\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hdm-emergency247-v2-text\">\r\n                Comun\u00edcate con el equipo de Taller Hyundai de Magna\r\n                para recibir orientaci\u00f3n y coordinar la atenci\u00f3n\r\n                de tu unidad.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 BOTONES\r\n            ================================================== -->\r\n\r\n            <div class=\"hdm-emergency247-v2-actions\">\r\n\r\n\r\n                <!-- WHATSAPP -->\r\n\r\n                <a\r\n                    class=\"hdm-emergency247-v2-button hdm-emergency247-v2-button-whatsapp\"\r\n                    href=\"https:\/\/wa.me\/50230408529?text=Hola%20Hyundai%20de%20Magna,%20necesito%20asistencia%20de%20taller.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n\r\n                    <span\r\n                        class=\"hdm-emergency247-v2-button-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                        >\r\n                            <path\r\n                                d=\"M20.2 11.7\r\n                                   a8.2 8.2 0 0 1-12 7.2\r\n                                   L4 20.2\r\n                                   l1.4-4.1\r\n                                   a8.2 8.2 0 1 1 14.8-4.4z\"\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                            <path\r\n                                d=\"M8.5 7.8\r\n                                   c.3-.4.7-.3.9.1\r\n                                   l1 2\r\n                                   c.2.4.1.7-.2.9\r\n                                   l-.7.6\r\n                                   c.9 1.8 2.3 3.1 4 3.9\r\n                                   l.6-.8\r\n                                   c.2-.3.5-.4.9-.2\r\n                                   l2 .9\r\n                                   c.4.2.5.6.3 1\r\n                                   -.6 1-1.6 1.5-2.7 1.4\r\n                                   -3.7-.5-7.5-4.1-8-7.8\r\n                                   -.1-.8.2-1.5.7-2z\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    WhatsApp Taller\r\n\r\n                    <span\r\n                        class=\"hdm-emergency247-v2-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                <!-- LLAMAR -->\r\n\r\n                <a\r\n                    class=\"hdm-emergency247-v2-button hdm-emergency247-v2-button-phone\"\r\n                    href=\"tel:+50230410025\"\r\n                    aria-label=\"Llamar a Taller Hyundai de Magna al 22242500\"\r\n                >\r\n\r\n                    <span\r\n                        class=\"hdm-emergency247-v2-button-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                        >\r\n                            <path\r\n                                d=\"M6.5 3.5h3l1.5 4.2-2 1.6\r\n                                   c1.1 2.7 3 4.6 5.7 5.7\r\n                                   l1.6-2 4.2 1.5v3\r\n                                   c0 1.1-.9 2-2 2\r\n                                   C10.8 19.5 4.5 13.2 4.5 5.5\r\n                                   c0-1.1.9-2 2-2z\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    2224-2500\r\n\r\n                    <span\r\n                        class=\"hdm-emergency247-v2-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    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4fb0dbc e-grid e-con-boxed e-con e-parent\" data-id=\"4fb0dbc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ac031d6 e-con-full e-flex e-con e-child\" data-id=\"ac031d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bf1317 elementor-widget elementor-widget-html\" data-id=\"3bf1317\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   CTA FINAL TALLER\r\n   Prefijo exclusivo: hdm-tallerfinalcta-v2-\r\n========================================================= *\/\r\n\r\n.hdm-tallerfinalcta-v2-section {\r\n    --hdm-tallerfinalcta-v2-navy: #002C5F;\r\n    --hdm-tallerfinalcta-v2-blue: #35719E;\r\n    --hdm-tallerfinalcta-v2-white: #FFFFFF;\r\n\r\n    width: 100%;\r\n\r\n    padding: 28px 20px;\r\n\r\n    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hdm-tallerfinalcta-v2-section *,\r\n.hdm-tallerfinalcta-v2-section *::before,\r\n.hdm-tallerfinalcta-v2-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLOQUE AZUL\r\n========================================================= *\/\r\n\r\n.hdm-tallerfinalcta-v2-box {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    min-height: 140px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 32px 38px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 45px;\r\n\r\n    background: var(--hdm-tallerfinalcta-v2-navy);\r\n\r\n    border-left: 5px solid var(--hdm-tallerfinalcta-v2-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTO\r\n========================================================= *\/\r\n\r\n.hdm-tallerfinalcta-v2-content {\r\n    min-width: 0;\r\n}\r\n\r\n.hdm-tallerfinalcta-v2-title {\r\n    margin: 0;\r\n\r\n    color: var(--hdm-tallerfinalcta-v2-white) !important;\r\n\r\n    font-size: clamp(30px, 3.4vw, 38px);\r\n    font-weight: 900;\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -0.035em;\r\n}\r\n\r\n.hdm-tallerfinalcta-v2-description {\r\n    max-width: 720px;\r\n\r\n    margin: 12px 0 0;\r\n\r\n    color: rgba(255, 255, 255, 0.80) !important;\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-tallerfinalcta-v2-button {\r\n    min-width: 185px;\r\n    min-height: 54px;\r\n\r\n    padding: 15px 20px;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    color: var(--hdm-tallerfinalcta-v2-navy) !important;\r\n\r\n    background: var(--hdm-tallerfinalcta-v2-white) !important;\r\n\r\n    border: 2px solid var(--hdm-tallerfinalcta-v2-white) !important;\r\n\r\n    font-family: Roboto, Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 14px !important;\r\n    font-weight: 900 !important;\r\n    line-height: 1 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        6px 6px 0 var(--hdm-tallerfinalcta-v2-blue);\r\n\r\n    transition:\r\n        color 0.22s ease,\r\n        background-color 0.22s ease,\r\n        border-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER BOT\u00d3N\r\n========================================================= *\/\r\n\r\n.hdm-tallerfinalcta-v2-button:hover,\r\n.hdm-tallerfinalcta-v2-button:focus {\r\n    color: var(--hdm-tallerfinalcta-v2-white) !important;\r\n\r\n    background: var(--hdm-tallerfinalcta-v2-blue) !important;\r\n\r\n    border-color: var(--hdm-tallerfinalcta-v2-blue) !important;\r\n\r\n    transform: translate(3px, 3px);\r\n\r\n    box-shadow:\r\n        3px 3px 0 var(--hdm-tallerfinalcta-v2-white);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLECHA\r\n========================================================= *\/\r\n\r\n.hdm-tallerfinalcta-v2-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 18px;\r\n    line-height: 1;\r\n\r\n    color: inherit !important;\r\n\r\n    transition: transform 0.22s ease;\r\n}\r\n\r\n.hdm-tallerfinalcta-v2-button:hover\r\n.hdm-tallerfinalcta-v2-arrow,\r\n.hdm-tallerfinalcta-v2-button:focus\r\n.hdm-tallerfinalcta-v2-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n========================================================= *\/\r\n\r\n.hdm-tallerfinalcta-v2-button:focus-visible {\r\n    outline: 3px solid rgba(142, 182, 213, 0.75);\r\n\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: 850px) {\r\n\r\n    .hdm-tallerfinalcta-v2-box {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 26px;\r\n    }\r\n\r\n    .hdm-tallerfinalcta-v2-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: 520px) {\r\n\r\n    .hdm-tallerfinalcta-v2-section {\r\n        padding: 20px 16px;\r\n    }\r\n\r\n    .hdm-tallerfinalcta-v2-box {\r\n        padding: 28px 22px;\r\n\r\n        gap: 24px;\r\n    }\r\n\r\n    .hdm-tallerfinalcta-v2-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .hdm-tallerfinalcta-v2-description {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .hdm-tallerfinalcta-v2-button {\r\n        width: 100%;\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-tallerfinalcta-v2-button,\r\n    .hdm-tallerfinalcta-v2-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hdm-tallerfinalcta-v2-section\">\r\n\r\n    <div class=\"hdm-tallerfinalcta-v2-box\">\r\n\r\n\r\n        <!-- =====================================================\r\n             CONTENIDO\r\n        ====================================================== -->\r\n\r\n        <div class=\"hdm-tallerfinalcta-v2-content\">\r\n\r\n            <h2 class=\"hdm-tallerfinalcta-v2-title\">\r\n                \u00bfNecesitas servicio para tu unidad?\r\n            <\/h2>\r\n\r\n            <p class=\"hdm-tallerfinalcta-v2-description\">\r\n                Comun\u00edcate con Taller Hyundai de Magna y coordina\r\n                la atenci\u00f3n que necesita tu veh\u00edculo.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             BOT\u00d3N\r\n        ====================================================== -->\r\n\r\n        <a\r\n            class=\"hdm-tallerfinalcta-v2-button\"\r\n            href=\"https:\/\/wa.me\/50230408529?text=Hola%20Hyundai%20de%20Magna,%20deseo%20agendar%20una%20cita%20de%20taller.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n        >\r\n            Agendar cita\r\n\r\n            <span\r\n                class=\"hdm-tallerfinalcta-v2-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 Servicio Hyundai Mant\u00e9n tu negocio siempre en movimiento. Servicio especializado para veh\u00edculos comerciales, con atenci\u00f3n de taller, soporte 24\/7 y&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_customify_content_layout":"full-stretched","_customify_sidebar":"","_customify_page_header_display":"","_customify_disable_header":"","_customify_disable_header_top":"","_customify_disable_header_main":"","_customify_disable_header_bottom":"","_customify_disable_page_title":"","_customify_disable_content_vertical_padding":"","_customify_disable_footer_top":"","_customify_disable_footer_main":"","_customify_disable_footer_bottom":"","_customify_breadcrumb_display":"","_customify_header_transparent_display":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/12","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=12"}],"version-history":[{"count":5,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1875,"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/1875"}],"wp:attachment":[{"href":"https:\/\/new.hyundaidemagna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}