{"id":457,"date":"2026-04-18T13:34:13","date_gmt":"2026-04-18T18:34:13","guid":{"rendered":"https:\/\/www.corporativomatheus.com\/?page_id=457"},"modified":"2026-09-02T09:45:41","modified_gmt":"2026-09-02T14:45:41","slug":"contacto-1","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/contacto-1\/","title":{"rendered":"Contacto 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"457\" class=\"elementor elementor-457\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-117803b e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"117803b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"117803b\" data-e-type=\"e-flexbox\" data-id=\"117803b\">\n    \t\t<div class=\"elementor-element elementor-element-0ee8a95 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"0ee8a95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    \/* ===== RESET (especificidad 1-0-0) ===== *\/\n    #mh-header *, #mh-header *::before, #mh-header *::after {\n        box-sizing: border-box; margin: 0; padding: 0;\n    }\n\n    \/* ===== CONTENEDOR PRINCIPAL ===== *\/\n    #mh-header {\n        --mh-teal:      #2cd5c4;\n        --mh-black:     #000000;\n        --mh-white:     #ffffff;\n        --mh-gray:      #0a0a0a;\n        --mh-border:    rgba(44,213,196,0.18);\n        --mh-teal-dim:  rgba(44,213,196,0.1);\n        --mh-font-disp: \"Bebas Neue\", sans-serif;\n        --mh-font-ui:   \"Syne\", sans-serif;\n        --mh-font-body: \"DM Sans\", sans-serif;\n        position: sticky;\n        top: 0;\n        z-index: 9000;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        background: rgba(0,0,0,0.82);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        border-bottom: 1px solid var(--mh-border);\n        transition: background 0.35s ease, box-shadow 0.35s ease;\n    }\n    #mh-header.mh--scrolled {\n        background: rgba(0,0,0,0.97);\n        box-shadow: 0 4px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header::before {\n        content: \"\";\n        display: block;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, var(--mh-teal) 40%, var(--mh-teal) 60%, transparent 100%);\n        opacity: 0.7;\n    }\n\n    \/* ===== INNER =====\n       Espacio usable: 1200px - 48px padding = 1152px\n       Logo (~130px) + nav (~680px) + CTA (~190px) + gaps = ~1050px \u2713 *\/\n    #mh-header .mh-header__inner {\n    max-width: 1500px;\n        margin: 0 auto;\n        padding: 0 12px 0 10px;\n        height: 72px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    gap: 8px;\n    }\n\n    \/* ===== LOGO ===== *\/\n    #mh-header .mh-header__logo {\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        flex-shrink: 0;\n        transition: opacity 0.25s;\n    }\n    #mh-header .mh-header__logo:hover { opacity: 0.85; }\n    #mh-header .mh-header__logo img {\n        \/* height: 42px \u2014 proporcional al header de 72px (58% del alto)\n           Cambia este valor para escalar el logo. *\/\n        height: 100px;\n        width: auto;\n        display: block;\n        object-fit: contain;\n    }\n\n    \/* ===== NAV =====\n       7 \u00edtems: gap 8px + padding 8px 10px + font 11px + spacing 0.10em\n       Calculado para caber en ~680px de ancho. *\/\n    #mh-header .mh-nav {\n        display: flex;\n        align-items: center;\n        list-style: none;\n        gap: 6px;\n        flex: 1;\n        justify-content: center;\n    }\n    #mh-header .mh-nav__item { position: relative; }\n    #mh-header .mh-nav__link {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.10em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.55);\n        text-decoration: none;\n        padding: 8px 10px;\n        border-radius: 2px;\n        transition: color 0.25s, background 0.25s;\n        position: relative;\n        white-space: nowrap;\n    }\n\t#mh-header .mh-nav__toggle {\n\t\tborder:0;\n\t\tbackground:transparent;\n\t\tcursor:pointer;\n\t}\n    #mh-header .mh-nav__link::after {\n        content: \"\";\n        position: absolute;\n        bottom: 4px;\n        left: 10px;\n        right: 10px;\n        height: 1px;\n        background: var(--mh-teal);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__link:hover,\n    #mh-header .mh-nav__link--active { color: var(--mh-white); background: var(--mh-teal-dim); }\n    #mh-header .mh-nav__link:hover::after,\n    #mh-header .mh-nav__link--active::after { transform: scaleX(1); }\n    #mh-header .mh-nav__link--active { color: var(--mh-teal) !important; }\n\n    \/* ===== FLECHA Y DROPDOWN SUBMEN\u00da ===== *\/\n    #mh-header .mh-arrow {\n        display: inline-block;\n        vertical-align: middle;\n        flex-shrink: 0;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-nav__link .mh-arrow,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-nav__link .mh-arrow {\n        transform: rotate(180deg);\n    }\n    #mh-header .mh-subnav {\n        display: block;\n        visibility: hidden;\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n        top: calc(100% + 2px);\n        left: 0;\n        min-width: 210px;\n        list-style: none;\n        background: rgba(5,5,5,0.98);\n        border: 1px solid rgba(44,213,196,0.2);\n        border-top: 2px solid var(--mh-teal);\n        border-radius: 2px;\n        padding: 8px 0;\n        transform: translateY(8px);\n        transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;\n        z-index: 200;\n        box-shadow: 0 12px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav {\n        visibility: visible;\n        opacity: 1;\n        pointer-events: auto;\n        transform: translateY(0);\n    }\n    #mh-header .mh-subnav--nested {\n        top:-10px;\n        left:calc(100% + 2px);\n        right:auto;\n        min-width:220px;\n        border-top:1px solid rgba(44,213,196,0.2);\n        border-right:2px solid var(--mh-teal);\n        transform:translateX(8px);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav--nested,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav--nested {\n        transform:translateX(0);\n    }\n    #mh-header .mh-subnav__link .mh-arrow {\n        transform:rotate(90deg);\n    }\n    #mh-header .mh-subnav__link {\n        display: block;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 11px 20px;\n        transition: color 0.2s, background 0.2s;\n        border-left: 2px solid transparent;\n    }\n    #mh-header .mh-subnav__link:hover {\n        color: var(--mh-teal);\n        background: rgba(44,213,196,0.07);\n        border-left-color: var(--mh-teal);\n    }\n\t#mh-header .mh-subnav__link--active {\n    color:var(--mh-teal);\n    background:rgba(44,213,196,0.07);\n    border-left-color:var(--mh-teal);\n}\n\n    \/* ===== DERECHA ===== *\/\n    #mh-header .mh-header__right {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-header__phone {\n        font-family: var(--mh-font-body);\n        font-size: 12px;\n        color: rgba(255,255,255,0.45);\n        text-decoration: none;\n        letter-spacing: 0.05em;\n        transition: color 0.2s;\n    }\n    #mh-header .mh-header__phone:hover { color: var(--mh-teal); }\n\n    \/* ===== SELECTOR DE IDIOMA ===== *\/\n    #mh-header .mh-lang {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        flex-shrink: 0;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 2px;\n    }\n    #mh-header .mh-lang__link {\n        font-family: var(--mh-font-ui);\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 5px 7px;\n        border-radius: 2px;\n        line-height: 1;\n        transition: color 0.2s, background 0.2s;\n    }\n    #mh-header .mh-lang__link:hover { color: var(--mh-white); }\n    #mh-header .mh-lang__link--active {\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    }\n\n    \/* ===== BOT\u00d3N CTA ===== *\/\n    #mh-header .mh-header__cta {\n        display: inline-flex;\n        align-items: center;\n    gap: 6px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        text-decoration: none;\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    padding: 10px 16px;\n        border-radius: 4px;\n        transition: box-shadow 0.25s, transform 0.25s;\n        position: relative;\n        overflow: hidden;\n        white-space: nowrap;\n    }\n    #mh-header .mh-header__cta::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(255,255,255,0.15);\n        transform: translateX(-101%);\n        transition: transform 0.3s;\n    }\n    #mh-header .mh-header__cta:hover {\n        box-shadow: 0 0 28px rgba(44,213,196,0.5), 0 6px 20px rgba(0,0,0,0.35);\n        transform: translateY(-1px);\n        color: var(--mh-black);\n    }\n    #mh-header .mh-header__cta:hover::before { transform: translateX(0); }\n    #mh-header .mh-header__cta svg { flex-shrink: 0; }\n\n    \/* ===== HAMBURGER ===== *\/\n    #mh-header .mh-hamburger {\n        display: none;\n        flex-direction: column;\n        justify-content: center;\n        gap: 5px;\n        width: 36px;\n        height: 36px;\n        background: none;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 7px 8px;\n        cursor: pointer;\n        transition: border-color 0.25s;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-hamburger:hover { border-color: var(--mh-teal); }\n    #mh-header .mh-hamburger span {\n        display: block; height: 1.5px;\n        background: rgba(255,255,255,0.7);\n        border-radius: 2px; transition: all 0.3s;\n    }\n    #mh-header .mh-hamburger.mh--open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n    body.mh-menu-open {\n        overflow:hidden;\n        overscroll-behavior:none;\n    }\n\n    \/* ===== TABLET \/ LAPTOP PEQUE\u00d1O (901px \u2013 1350px) =====\n    Comprime nav y CTA para que no se desborde en pantallas medianas *\/\n    @media (max-width: 1350px) {\n    #mh-header .mh-header__inner { padding: 0 14px; gap: 8px; }\n        #mh-header .mh-nav { gap: 2px; }\n        #mh-header .mh-nav__link { font-size: 10px; padding: 7px 8px; letter-spacing: 0.08em; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; letter-spacing: 0.10em; }\n        #mh-header .mh-header__logo img { height: 38px; }\n    }\n\n    \/* ===== M\u00d3VIL Y LAPTOP COMPACTA (\u22641350px): hamburger + acorde\u00f3n ===== *\/\n    @media (max-width: 1350px) {\n        #mh-header .mh-nav {\n            display: none;\n            position: absolute;\n            top: 100%; left: 0; right: 0;\n            flex-direction: column;\n            align-items: stretch;\n            gap: 0;\n            background: rgba(5,5,5,0.98);\n            border-bottom: 1px solid var(--mh-border);\n            padding: 12px 0 20px;\n            justify-content: flex-start;\n        }\n        #mh-header .mh-nav.mh--open { display: flex; }\n        #mh-header .mh-nav__link { padding: 13px 28px; font-size: 12px; letter-spacing: 0.14em; border-radius: 0; }\n        #mh-header .mh-nav__link::after { display: none; }\n        #mh-header .mh-subnav {\n            visibility: visible;\n            opacity: 1;\n            pointer-events: auto;\n            position: static;\n            transform: none;\n            border: none;\n            border-top: none;\n            border-left: 2px solid rgba(44,213,196,0.25);\n            border-radius: 0;\n            padding: 4px 0;\n            margin: 0 0 0 28px;\n            box-shadow: none;\n            background: transparent;\n            display: none;\n        }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-subnav { display: block; }\n        #mh-header .mh-subnav--nested { display:none !important; }\n        #mh-header .mh-subnav__link { padding: 9px 20px; font-size: 10px; }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-nav__link .mh-arrow { transform: rotate(180deg); }\n        #mh-header .mh-hamburger { display: flex; }\n        #mh-header .mh-header__phone { display: none; }\n        #mh-header .mh-header__right { gap: 10px; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px 5px; }\n    }\n\n    \/* ===== M\u00d3VIL PEQUE\u00d1O (\u2264480px) ===== *\/\n    @media (max-width: 480px) {\n        #mh-header .mh-header__inner { padding: 0 16px; height: 64px; }\n        #mh-header .mh-header__logo img { height: 34px; }\n        #mh-header .mh-header__cta span.mh-cta-label { display: none; }\n        #mh-header .mh-header__cta { padding: 10px 12px; }\n        #mh-header .mh-lang { padding: 1px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px; letter-spacing: 0.04em; }\n    }\n    <\/style><header id=\"mh-header\" role=\"banner\"><div class=\"mh-header__inner\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-header__logo\" aria-label=\"Corp MATHEUS\"><img decoding=\"async\" src=\"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-scaled.png\" alt=\"Corp MATHEUS\" \/><\/a><nav class=\"mh-nav\" id=\"mh-nav\" role=\"navigation\" aria-label=\"Men\u00fa principal\"><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-nav__link\">Inicio<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Tecnolog\u00eda \/ IA &#038; Cyber<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/productos-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Productos Tecn\u00f3logicos<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicios-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios Tecnol\u00f3gicos<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Climatizaci\u00f3n\/HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/equipos-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Equipos HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/aire-acondicionado\/\" class=\"mh-subnav__link\" role=\"menuitem\">Aire Acondicionado<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/calefaccion\/\" class=\"mh-subnav__link\" role=\"menuitem\">Calefacci\u00f3n<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/ventilacion-mecanica\/\" class=\"mh-subnav__link\" role=\"menuitem\">Ventilaci\u00f3n Mec\u00e1nica<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/cortinas-de-aire\/\" class=\"mh-subnav__link\" role=\"menuitem\">Cortinas de Aire<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/accesorios-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Accesorios HVAC<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/materiales-generales\/\" class=\"mh-subnav__link\" role=\"menuitem\">Materiales Generales<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicio\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/instalaciones\/\" class=\"mh-subnav__link\" role=\"menuitem\">Suministro \/ Instalaci\u00f3n<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/mantenimientos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Mantenimiento Profesional<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/sistemas-vrf-proyectos-grandes\/\" class=\"mh-subnav__link\" role=\"menuitem\">Sistemas VRF \/ Proyectos Grandes<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/contacto-1\/\" class=\"mh-nav__link mh-nav__link--active\">Contacto<\/a><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/blog-empresarial\/\" class=\"mh-nav__link\">Blog<\/a><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/perfil-comercial\/\" class=\"mh-nav__link\">Perfil Comercial<\/a><\/li><\/nav><div class=\"mh-header__right\"><div class=\"mh-lang\" data-no-translation><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/457\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/457\" class=\"mh-lang__link mh-lang__link--active\" hreflang=\"en_US\">EN<\/a><\/div><a href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/\" class=\"mh-header__cta\"><span class=\"mh-cta-label\">Agendar<\/span><svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><button class=\"mh-hamburger\" id=\"mh-hamburger\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"mh-nav\"><span><\/span><span><\/span><span><\/span><\/button><\/div><\/div><\/header>\n    <script>\n    (function(){\n        var header = document.getElementById(\"mh-header\");\n        var burger = document.getElementById(\"mh-hamburger\");\n        var nav    = document.getElementById(\"mh-nav\");\n        if (!header || !burger || !nav) return;\n\n        window.addEventListener(\"scroll\", function(){\n            header.classList.toggle(\"mh--scrolled\", window.scrollY > 20);\n        }, { passive: true });\n\n        burger.addEventListener(\"click\", function(){\n            var open = nav.classList.toggle(\"mh--open\");\n            burger.classList.toggle(\"mh--open\", open);\n            burger.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n            document.body.classList.toggle(\"mh-menu-open\", open);\n        });\n\n        nav.querySelectorAll(\".mh-nav__toggle\").forEach(function(parentToggle){\n            var item = parentToggle.parentElement;\n            parentToggle.addEventListener(\"click\", function(e){\n                if (window.getComputedStyle(burger).display === \"none\") return;\n                e.preventDefault();\n                Array.prototype.forEach.call(item.parentElement.children, function(other){\n                    if (\n                        other !== item &&\n                        other.classList.contains(\"mh-nav__item--has-sub\")\n                    ) {\n                        other.classList.remove(\"mh--sub-open\");\n                    }\n                });\n                item.classList.toggle(\"mh--sub-open\");\n            });\n        });\n\n        nav.querySelectorAll(\".mh-subnav__link\").forEach(function(link){\n            link.addEventListener(\"click\", function(){\n                nav.classList.remove(\"mh--open\");\n                burger.classList.remove(\"mh--open\");\n                burger.setAttribute(\"aria-expanded\",\"false\");\n                document.body.classList.remove(\"mh-menu-open\");\n            });\n        });\n\n\t\tfunction cmMarkActive(link) {\n\t\t\tlink.classList.add(\n\t\t\t\tlink.classList.contains(\"mh-subnav__link\")\n\t\t\t\t\t? \"mh-subnav__link--active\"\n\t\t\t\t\t: \"mh-nav__link--active\"\n\t\t\t);\n\t\t}\n\n\t\tvar currentPath =\n\t\t\twindow.location.pathname.replace(\/\\\/+$\/, \"\") || \"\/\";\n\n\t\tnav.querySelectorAll(\n\t\t\t\".mh-nav__link, .mh-subnav__link\"\n\t\t).forEach(function(link){\n\t\t\tif (!link.href) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar linkPath =\n\t\t\t\tnew URL(link.href, window.location.origin)\n\t\t\t\t\t.pathname\n\t\t\t\t\t.replace(\/\\\/+$\/, \"\") || \"\/\";\n\n\t\t\tif (linkPath !== currentPath) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcmMarkActive(link);\n\n\t\t\tvar currentItem = link.closest(\".mh-nav__item\");\n\n\t\t\twhile (currentItem) {\n\t\t\t\tvar parentList = currentItem.parentElement;\n\t\t\t\tvar parentItem = parentList\n\t\t\t\t\t? parentList.closest(\".mh-nav__item\")\n\t\t\t\t\t: null;\n\n\t\t\t\tif (!parentItem) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tvar parentControl = parentItem.querySelector(\n\t\t\t\t\t\":scope > .mh-nav__link, :scope > .mh-subnav__link\"\n\t\t\t\t);\n\n\t\t\t\tif (parentControl) {\n\t\t\t\t\tcmMarkActive(parentControl);\n\t\t\t\t}\n\n\t\t\t\tcurrentItem = parentItem;\n\t\t\t}\n\t\t});\n    })();\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5719dee e-con-full e-flex e-con e-parent\" data-id=\"5719dee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d5db78 elementor-widget elementor-widget-html\" data-id=\"1d5db78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 00-B \u2014 PARTICLES.JS + GOOGLE FONTS\r\n     Base visual animada + tipograf\u00edas corporativas\r\n     INSTRUCCI\u00d3N: Pegar como PRIMER widget HTML de la p\u00e1gina\r\n     ============================================================ -->\r\n\r\n<style>\r\n  \/* Google Fonts \u2014 Syne + DM Sans *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap');\r\n\r\n  \/* Canvas de part\u00edculas \u2014 fondo fijo de toda la p\u00e1gina *\/\r\n  #particles-js {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  body {\r\n    background-color: #0a0a0a;\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n<\/style>\r\n\r\n<!-- Contenedor de part\u00edculas -->\r\n<div id=\"particles-js\"><\/div>\r\n\r\n<!-- Librer\u00eda particles.js -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n\r\n<script>\r\n  particlesJS('particles-js', {\r\n    particles: {\r\n      number:   { value: 55, density: { enable: true, value_area: 900 } },\r\n      color:    { value: '#2cd5c4' },\r\n      shape:    { type: 'circle' },\r\n      opacity:  { value: 0.18, random: true, anim: { enable: true, speed: 0.6, opacity_min: 0.05, sync: false } },\r\n      size:     { value: 2.2, random: true },\r\n      line_linked: { enable: true, distance: 160, color: '#2cd5c4', opacity: 0.08, width: 1 },\r\n      move: {\r\n        enable: true, speed: 0.7, direction: 'none',\r\n        random: true, straight: false, out_mode: 'out', bounce: false\r\n      }\r\n    },\r\n    interactivity: {\r\n      detect_on: 'canvas',\r\n      events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: false }, resize: true },\r\n      modes:  { grab: { distance: 160, line_linked: { opacity: 0.25 } } }\r\n    },\r\n    retina_detect: true\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3650b elementor-widget elementor-widget-html\" data-id=\"0b3650b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 01 \u2014 HERO CONTACTO\r\n     Cabecera de impacto con headline principal y subheadline\r\n     ============================================================ -->\r\n\r\n<style>\r\n  \/* ============================================================\r\n     HERO CONTACTO\r\n     ============================================================ *\/\r\n\r\n  .cm-contact-hero {\r\n    position: relative;\r\n    z-index: 1;\r\n    width:100%;\r\n    max-width:100%;\r\n    padding: 130px 24px 80px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Halo decorativo de fondo *\/\r\n  .cm-contact-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 700px;\r\n    height: 450px;\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      rgba(44, 213, 196, 0.10) 0%,\r\n      transparent 70%\r\n    );\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Contenedor principal *\/\r\n  .cm-contact-hero .cm-container {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    width:100%;\r\n    min-width:0;\r\n  }\r\n\r\n  \/* ============================================================\r\n     HEADLINE PRINCIPAL\r\n     ============================================================ *\/\r\n\r\n  .cm-contact-hero h1 {\r\n    font-family: 'Syne', sans-serif;\r\n\r\n    \/*\r\n     * Texto m\u00e1s grande\r\n     *\/\r\n    font-size: clamp(3.6rem, 6vw, 5.5rem);\r\n\r\n    font-weight: 900;\r\n    line-height: 1.08;\r\n\r\n    color: #ffffff;\r\n\r\n    margin: 0 auto 24px;\r\n\r\n    \/*\r\n     * M\u00e1s espacio horizontal para que el texto\r\n     * pueda ocupar mayor ancho de izquierda a derecha\r\n     *\/\r\n    max-width: 1350px;\r\n\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  \/* Palabra destacada *\/\r\n  .cm-contact-hero h1 .cm-accent {\r\n    color: #2cd5c4;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* ============================================================\r\n     SUBHEADLINE\r\n     ============================================================ *\/\r\n\r\n  .cm-contact-hero p {\r\n    font-family: 'DM Sans', sans-serif;\r\n\r\n    font-size: clamp(1rem, 2vw, 1.15rem);\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n\r\n    color: #a0a0a0;\r\n\r\n    max-width: 1100px;\r\n    width: 100%;\r\n\r\n    margin: 0 auto 40px;\r\n\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* ============================================================\r\n     INDICADOR SCROLL\r\n     ============================================================ *\/\r\n\r\n  .cm-contact-hero-scroll {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 12px;\r\n\r\n    color: rgba(255, 255, 255, 0.3);\r\n\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n\r\n    animation: cm-bounce 2s ease-in-out infinite;\r\n  }\r\n\r\n  .cm-contact-hero-scroll svg {\r\n    animation: cm-arrow-down 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  \/* ============================================================\r\n     ANIMACIONES\r\n     ============================================================ *\/\r\n\r\n  @keyframes cm-bounce {\r\n    0%,\r\n    100% {\r\n      opacity: 0.4;\r\n    }\r\n\r\n    50% {\r\n      opacity: 0.9;\r\n    }\r\n  }\r\n\r\n  @keyframes cm-arrow-down {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(4px);\r\n    }\r\n  }\r\n\r\n  \/* ============================================================\r\n     TABLET\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 1024px) {\r\n\r\n    .cm-contact-hero {\r\n      padding: 110px 24px 70px;\r\n    }\r\n\r\n    .cm-contact-hero .cm-container {\r\n      max-width: 950px;\r\n    }\r\n\r\n    .cm-contact-hero h1 {\r\n      max-width: 950px;\r\n\r\n      \/*\r\n       * Tama\u00f1o ligeramente reducido para tablet\r\n       *\/\r\n      font-size: clamp(3.2rem, 6.5vw, 4.8rem);\r\n    }\r\n\r\n    .cm-contact-hero p {\r\n      max-width: 900px;\r\n      white-space: normal;\r\n    }\r\n  }\r\n\r\n  \/* ============================================================\r\n     M\u00d3VIL\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 768px) {\r\n\r\n    .cm-contact-hero {\r\n      padding: 100px 16px 60px;\r\n    }\r\n\r\n    .cm-contact-hero::before {\r\n      width: 500px;\r\n      height: 350px;\r\n    }\r\n\r\n    .cm-contact-hero .cm-container {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .cm-contact-hero h1 {\r\n      max-width: 100%;\r\n\r\n      \/*\r\n       * Tama\u00f1o adaptado a m\u00f3vil\r\n       *\/\r\n      font-size:clamp(1.85rem,8.5vw,2.55rem);\r\n\r\n      line-height: 1.08;\r\n      letter-spacing:-0.03em;\r\n      overflow-wrap:normal;\r\n      word-break:normal;\r\n      text-wrap:balance;\r\n    }\r\n\r\n    .cm-contact-hero h1 .cm-accent {\r\n      display:inline;\r\n    }\r\n\r\n    .cm-contact-hero p {\r\n      max-width: 100%;\r\n      width: 100%;\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n\r\n      white-space: normal;\r\n    }\r\n\r\n    .cm-contact-hero-scroll {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  \/* ============================================================\r\n     M\u00d3VILES PEQUE\u00d1OS\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 480px) {\r\n\r\n    .cm-contact-hero {\r\n      padding: 85px 16px 50px;\r\n    }\r\n\r\n    .cm-contact-hero h1 {\r\n      font-size:clamp(1.75rem,8.5vw,2rem);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-contact-hero\">\r\n\r\n  <div class=\"cm-container\">\r\n\r\n    <!-- ========================================================\r\n         HEADLINE\r\n         ======================================================== -->\r\n\r\n    <h1>\r\n      Agenda una consulta y\r\n      <span class=\"cm-accent\">encuentra la soluci\u00f3n<\/span>\r\n      para tu negocio\r\n    <\/h1>\r\n\r\n\r\n    <!-- ========================================================\r\n         SUBHEADLINE\r\n         ======================================================== -->\r\n\r\n    <p>\r\n      Completa el formulario y te contactaremos para analizar tu caso\r\n      y proponerte la mejor soluci\u00f3n.\r\n    <\/p>\r\n\r\n\r\n    <!-- ========================================================\r\n         SCROLL HINT\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-contact-hero-scroll\">\r\n\r\n      <span>Ver formulario<\/span>\r\n\r\n      <svg\r\n        width=\"14\"\r\n        height=\"14\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n      >\r\n        <polyline points=\"6 9 12 15 18 9\"\/>\r\n      <\/svg>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f72a4bd elementor-widget elementor-widget-html\" data-id=\"f72a4bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<!-- ============================================================\r\n     CAJ\u00d3N 02 \u2014 FORMULARIO DE CONTACTO\r\n     FORMULARIO DIN\u00c1MICO\r\n     \r\n     CAMBIOS:\r\n     - Indicador turquesa deslizante SOLO en los 3 botones superiores.\r\n     - Tipograf\u00eda aumentada en Tecnolog\u00eda \/ IA, HVAC y Formaci\u00f3n.\r\n     - Animaciones generales uniformes.\r\n     - \"Otro\" muestra obligatoriamente un campo de texto.\r\n     - Compatible con todos los formularios activos.\r\n     ============================================================ -->\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   1. VARIABLES\r\n   ============================================================ *\/\r\n\r\n:root {\r\n  --cm-primary: #2cd5c4;\r\n  --cm-primary-dark: #1fb8a9;\r\n  --cm-gray: #a0a0a0;\r\n  --cm-gray-light: #ccc;\r\n\r\n  --cm-animation-duration: 0.55s;\r\n  --cm-animation-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   2. SECCI\u00d3N PRINCIPAL\r\n   ============================================================ *\/\r\n\r\n.cm-form-section {\r\n  position: relative;\r\n  z-index: 10;\r\n  padding: 90px 24px 100px;\r\n}\r\n\r\n.cm-form-section .cm-container {\r\n  max-width: var(--cm-max-width, 1200px);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3. SELECTOR SUPERIOR\r\n   ============================================================ *\/\r\n\r\n.cm-form-solutions {\r\n  width: 100%;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.cm-form-solutions__label {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n\r\n  color: var(--cm-primary);\r\n\r\n  animation: cmFadeDown var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-solutions__label::before,\r\n.cm-form-solutions__label::after {\r\n  content: '';\r\n\r\n  width: 38px;\r\n  height: 1px;\r\n\r\n  background: var(--cm-primary);\r\n  opacity: 0.45;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   4. CONTENEDOR DE LOS 3 BOTONES\r\n   ============================================================ *\/\r\n\r\n.cm-form-solutions__slider {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 4px;\r\n\r\n  max-width: 760px;\r\n  margin: 0 auto;\r\n\r\n  padding: 4px;\r\n\r\n  background: rgba(255, 255, 255, 0.025);\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.065);\r\n\r\n  border-radius: 12px;\r\n\r\n  overflow: hidden;\r\n\r\n  animation: cmFadeUp var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   INDICADOR TURQUESA DESLIZANTE\r\n\r\n   SOLO se utiliza para:\r\n   Tecnolog\u00eda \/ IA\r\n   Climatizaci\u00f3n HVAC\r\n   Formaci\u00f3n\r\n   ============================================================ *\/\r\n\r\n.cm-form-solution__indicator {\r\n  position: absolute;\r\n\r\n  top: 4px;\r\n  bottom: 4px;\r\n\r\n  left: 4px;\r\n\r\n  width: 0;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: rgba(44, 213, 196, 0.10);\r\n\r\n  border: 1px solid rgba(44, 213, 196, 0.30);\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(44, 213, 196, 0.08);\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: 0;\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateX(0);\r\n\r\n  transition:\r\n    left 0.55s var(--cm-animation-ease),\r\n    width 0.55s var(--cm-animation-ease),\r\n    opacity 0.25s ease;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BOTONES SUPERIORES\r\n   ============================================================ *\/\r\n\r\n.cm-form-solution {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  flex: 1;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-height: 48px;\r\n\r\n  padding: 10px 18px;\r\n\r\n  border: 1px solid transparent;\r\n  border-radius: 8px;\r\n\r\n  background: transparent;\r\n\r\n  color: rgba(255, 255, 255, 0.48);\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  \/* TIPOGRAF\u00cdA AUMENTADA *\/\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n\r\n  white-space: nowrap;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    background 0.35s ease;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HOVER\r\n   ============================================================ *\/\r\n\r\n.cm-form-solution:hover {\r\n  color: rgba(255, 255, 255, 0.90);\r\n\r\n  background: rgba(255, 255, 255, 0.025);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CLICK\r\n   ============================================================ *\/\r\n\r\n.cm-form-solution:active {\r\n  transform: scale(0.98);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BOT\u00d3N ACTIVO\r\n   ============================================================ *\/\r\n\r\n.cm-form-solution.active {\r\n  color: var(--cm-primary);\r\n\r\n  background: transparent;\r\n\r\n  border-color: transparent;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ICONOS\r\n   ============================================================ *\/\r\n\r\n.cm-form-solution__icon {\r\n  width: 17px;\r\n  height: 17px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  opacity: 0.70;\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.35s var(--cm-animation-ease);\r\n}\r\n\r\n.cm-form-solution:hover .cm-form-solution__icon {\r\n  opacity: 0.95;\r\n}\r\n\r\n.cm-form-solution.active .cm-form-solution__icon {\r\n  opacity: 1;\r\n\r\n  transform: scale(1.05);\r\n}\r\n\r\n.cm-form-solution__name {\r\n  display: block;\r\n  line-height: 1.2;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   5. LAYOUT PRINCIPAL\r\n   ============================================================ *\/\r\n\r\n.cm-form-layout {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 520px;\r\n\r\n  gap: 60px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   6. COLUMNA IZQUIERDA\r\n   ============================================================ *\/\r\n\r\n.cm-form-context {\r\n  position: sticky;\r\n  top: 100px;\r\n\r\n  animation:\r\n    cmContentIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-context__label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-form-context__label::before {\r\n  content: '';\r\n\r\n  width: 28px;\r\n  height: 1px;\r\n\r\n  background: var(--cm-primary);\r\n\r\n  opacity: 0.6;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   T\u00cdTULO\r\n   ============================================================ *\/\r\n\r\n.cm-form-context__title {\r\n  margin-bottom: 20px;\r\n\r\n  font-family: 'Syne', sans-serif;\r\n\r\n  font-size: clamp(28px, 3vw, 42px);\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.15;\r\n\r\n  color: #fff;\r\n\r\n  animation:\r\n    cmContentIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-context__title span {\r\n  color: var(--cm-primary);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXTO\r\n   ============================================================ *\/\r\n\r\n.cm-form-context__text {\r\n  margin-bottom: 36px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.7;\r\n\r\n  color: var(--cm-gray);\r\n\r\n  animation:\r\n    cmContentIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LISTA\r\n   ============================================================ *\/\r\n\r\n.cm-form-context__items {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 14px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n}\r\n\r\n.cm-form-context__item {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 15px;\r\n\r\n  color: var(--cm-gray-light);\r\n\r\n  animation:\r\n    cmItemIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-context__item:nth-child(1) {\r\n  animation-delay: 0.05s;\r\n}\r\n\r\n.cm-form-context__item:nth-child(2) {\r\n  animation-delay: 0.10s;\r\n}\r\n\r\n.cm-form-context__item:nth-child(3) {\r\n  animation-delay: 0.15s;\r\n}\r\n\r\n.cm-form-context__item:nth-child(4) {\r\n  animation-delay: 0.20s;\r\n}\r\n\r\n.cm-form-context__item-icon {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex-shrink: 0;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  background:\r\n    var(\r\n      --cm-primary-subtle,\r\n      rgba(44, 213, 196, 0.08)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(44, 213, 196, 0.15);\r\n\r\n  border-radius: 8px;\r\n\r\n  transition:\r\n    transform 0.35s var(--cm-animation-ease),\r\n    background 0.35s ease;\r\n}\r\n\r\n.cm-form-context__item:hover .cm-form-context__item-icon {\r\n  transform: scale(1.08);\r\n\r\n  background:\r\n    rgba(44, 213, 196, 0.13);\r\n}\r\n\r\n.cm-form-context__item-icon svg {\r\n  color: var(--cm-primary);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   7. TARJETA\r\n   ============================================================ *\/\r\n\r\n.cm-form-card {\r\n  padding: 44px 40px;\r\n\r\n  background: rgba(17, 17, 17, 0.85);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 255, 255, 0.07);\r\n\r\n  border-radius: 20px;\r\n\r\n  backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    0 24px 60px\r\n    rgba(0, 0, 0, 0.5);\r\n\r\n  scroll-margin-top: 80px;\r\n\r\n  animation:\r\n    cmCardIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   T\u00cdTULO FORMULARIO\r\n   ============================================================ *\/\r\n\r\n.cm-form-card__title {\r\n  margin-bottom: 6px;\r\n\r\n  font-family: 'Syne', sans-serif;\r\n\r\n  font-size: 22px;\r\n\r\n  font-weight: 700;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.cm-form-card__subtitle {\r\n  margin-bottom: 32px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  color: var(--cm-gray);\r\n}\r\n\r\n.cm-form-divider {\r\n  width: 100%;\r\n\r\n  height: 1px;\r\n\r\n  margin-bottom: 32px;\r\n\r\n  background: rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   8. GRUPOS\r\n   ============================================================ *\/\r\n\r\n.cm-form-group-block {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cm-form-group-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  margin-bottom: 16px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.14em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-form-group-label::after {\r\n  content: '';\r\n\r\n  flex: 1;\r\n\r\n  height: 1px;\r\n\r\n  background: rgba(44, 213, 196, 0.15);\r\n}\r\n\r\n.cm-form-row {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 14px;\r\n}\r\n\r\n.cm-form-field {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 7px;\r\n\r\n  margin-bottom: 16px;\r\n\r\n  min-width: 0;\r\n\r\n  animation:\r\n    cmFieldIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-field.full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.cm-form-field label {\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 500;\r\n\r\n  color: var(--cm-gray-light);\r\n}\r\n\r\n.cm-form-field label span {\r\n  margin-left: 2px;\r\n\r\n  color: var(--cm-primary);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   9. INPUTS\r\n   ============================================================ *\/\r\n\r\n.cm-form-field input,\r\n.cm-form-field select,\r\n.cm-form-field textarea {\r\n  box-sizing: border-box;\r\n\r\n  width: 100%;\r\n\r\n  padding: 13px 16px;\r\n\r\n  background: rgba(255, 255, 255, 0.04);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 255, 255, 0.1);\r\n\r\n  border-radius: 10px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  color: #fff;\r\n\r\n  outline: none;\r\n\r\n  -webkit-appearance: none;\r\n\r\n  transition:\r\n    border-color 0.30s ease,\r\n    box-shadow 0.30s ease,\r\n    background 0.30s ease,\r\n    transform 0.25s var(--cm-animation-ease);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SELECT\r\n   ============================================================ *\/\r\n\r\n.cm-form-field select {\r\n  padding-right: 40px;\r\n\r\n  background-image:\r\n    url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232cd5c4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n\r\n  background-repeat: no-repeat;\r\n\r\n  background-position: right 14px center;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.cm-form-field select option {\r\n  background: #111;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXTAREA\r\n   ============================================================ *\/\r\n\r\n.cm-form-field textarea {\r\n  min-height: 110px;\r\n\r\n  line-height: 1.6;\r\n\r\n  resize: vertical;\r\n}\r\n\r\n.cm-form-field input::placeholder,\r\n.cm-form-field textarea::placeholder {\r\n  color: rgba(255, 255, 255, 0.22);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FOCUS\r\n   ============================================================ *\/\r\n\r\n.cm-form-field input:focus,\r\n.cm-form-field select:focus,\r\n.cm-form-field textarea:focus {\r\n  background: rgba(44, 213, 196, 0.04);\r\n\r\n  border-color: rgba(44, 213, 196, 0.45);\r\n\r\n  box-shadow:\r\n    0 0 0 3px\r\n    rgba(44, 213, 196, 0.08);\r\n\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   10. CAMPOS \"OTRO\"\r\n   ============================================================ *\/\r\n\r\n.cm-form-other {\r\n  display: none;\r\n\r\n  overflow: hidden;\r\n\r\n  animation:\r\n    cmOtherIn 0.40s var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-other.active {\r\n  display: flex;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   11. PANELES DIN\u00c1MICOS\r\n   ============================================================ *\/\r\n\r\n.cm-form-panel {\r\n  display: none;\r\n\r\n  opacity: 0;\r\n}\r\n\r\n.cm-form-panel.active {\r\n  display: block;\r\n\r\n  animation:\r\n    cmPanelIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   12. BOT\u00d3N ENV\u00cdO\r\n   ============================================================ *\/\r\n\r\n.cm-form-submit {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  width: 100%;\r\n\r\n  margin-top: 8px;\r\n\r\n  padding: 17px 24px;\r\n\r\n  background:\r\n    var(--cm-primary);\r\n\r\n  border: none;\r\n\r\n  border-radius: 10px;\r\n\r\n  color: #000;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.04em;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background 0.30s ease,\r\n    transform 0.25s var(--cm-animation-ease),\r\n    box-shadow 0.30s ease;\r\n\r\n  animation:\r\n    cmButtonIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n.cm-form-submit:hover {\r\n  background:\r\n    var(--cm-primary-dark);\r\n\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 12px 32px\r\n    rgba(44, 213, 196, 0.35);\r\n}\r\n\r\n.cm-form-submit:active {\r\n  transform: translateY(0) scale(0.98);\r\n}\r\n\r\n.cm-form-submit:disabled {\r\n  opacity: 0.7;\r\n\r\n  cursor: wait;\r\n\r\n  transform: none;\r\n}\r\n\r\n.cm-form-note {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 14px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  color: var(--cm-gray);\r\n\r\n  text-align: center;\r\n\r\n  animation:\r\n    cmFadeUp var(--cm-animation-duration)\r\n    var(--cm-animation-ease) both;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   13. \u00c9XITO\r\n   ============================================================ *\/\r\n\r\n.cm-form-success {\r\n  display: none;\r\n\r\n  padding: 40px 20px;\r\n\r\n  text-align: center;\r\n\r\n  animation:\r\n    cmSuccessIn var(--cm-animation-duration)\r\n    var(--cm-animation-ease) forwards;\r\n}\r\n\r\n.cm-form-success__icon {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 64px;\r\n  height: 64px;\r\n\r\n  margin: 0 auto 20px;\r\n\r\n  background:\r\n    rgba(44, 213, 196, 0.08);\r\n\r\n  border:\r\n    2px solid\r\n    rgba(44, 213, 196, 0.3);\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n.cm-form-success__title {\r\n  margin-bottom: 10px;\r\n\r\n  font-family: 'Syne', sans-serif;\r\n\r\n  font-size: 22px;\r\n\r\n  font-weight: 700;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.cm-form-success__text {\r\n  font-family: 'DM Sans', sans-serif;\r\n\r\n  font-size: 15px;\r\n\r\n  color: var(--cm-gray);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   14. ANIMACIONES\r\n   ============================================================ *\/\r\n\r\n@keyframes cmFadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmFadeDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-12px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmContentIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-18px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmCardIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(18px) translateY(10px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0) translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmFieldIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmItemIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-10px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmButtonIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmOtherIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-8px);\r\n    max-height: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    max-height: 120px;\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmPanelIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes cmSuccessIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(16px) scale(0.98);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   15. TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .cm-form-solutions__slider {\r\n    max-width: 680px;\r\n\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cm-form-solution {\r\n    flex: 1 1 calc(33.333% - 4px);\r\n  }\r\n\r\n  .cm-form-layout {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 40px;\r\n  }\r\n\r\n  .cm-form-context {\r\n    position: static;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   16. M\u00d3VIL\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .cm-form-section {\r\n    padding: 70px 18px 80px;\r\n  }\r\n\r\n  .cm-form-solutions {\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .cm-form-solutions__label {\r\n    gap: 9px;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: 0.14em;\r\n  }\r\n\r\n  .cm-form-solutions__label::before,\r\n  .cm-form-solutions__label::after {\r\n    width: 24px;\r\n  }\r\n\r\n  .cm-form-solutions__slider {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 3px;\r\n\r\n    padding: 4px;\r\n\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .cm-form-solution {\r\n    min-height: 44px;\r\n\r\n    padding: 9px 6px;\r\n\r\n    gap: 6px;\r\n\r\n    font-size: 13px;\r\n\r\n    flex: none;\r\n  }\r\n\r\n  .cm-form-solution__icon {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .cm-form-card {\r\n    padding: 32px 22px;\r\n  }\r\n\r\n  .cm-form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .cm-form-context__title {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   17. M\u00d3VILES MUY PEQUE\u00d1OS\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n  .cm-form-solutions__slider {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .cm-form-solution {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   18. REDUCIR MOVIMIENTO\r\n   ============================================================ *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     SECCI\u00d3N\r\n     ============================================================ -->\r\n\r\n<section\r\n  class=\"cm-form-section\"\r\n  id=\"formulario\"\r\n>\r\n\r\n  <div class=\"cm-container\">\r\n\r\n\r\n    <!-- ========================================================\r\n         SELECTOR\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-form-solutions\">\r\n\r\n      <div class=\"cm-form-solutions__label\">\r\n        Elige el formulario que quieres llenar\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cm-form-solutions__slider\"\r\n        id=\"cm-solution-slider\"\r\n      >\r\n\r\n        <!-- INDICADOR DESLIZANTE -->\r\n        <span\r\n          class=\"cm-form-solution__indicator\"\r\n          id=\"cm-solution-indicator\"\r\n        ><\/span>\r\n\r\n\r\n        <!-- ====================================================\r\n             TECNOLOG\u00cdA \/ IA\r\n             ==================================================== -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"cm-form-solution active\"\r\n          data-solution=\"tecnologia\"\r\n          aria-selected=\"true\"\r\n        >\r\n\r\n          <svg\r\n            class=\"cm-form-solution__icon\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n\r\n            <rect\r\n              x=\"3\"\r\n              y=\"3\"\r\n              width=\"18\"\r\n              height=\"14\"\r\n              rx=\"2\"\r\n            ><\/rect>\r\n\r\n            <path d=\"M8 21h8\"><\/path>\r\n\r\n            <path d=\"M12 17v4\"><\/path>\r\n\r\n            <path d=\"M7 7h10\"><\/path>\r\n\r\n            <path d=\"M7 11h6\"><\/path>\r\n\r\n          <\/svg>\r\n\r\n          <span class=\"cm-form-solution__name\">\r\n            Tecnolog\u00eda \/ IA\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- ====================================================\r\n             HVAC\r\n             ==================================================== -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"cm-form-solution\"\r\n          data-solution=\"hvac\"\r\n          aria-selected=\"false\"\r\n        >\r\n\r\n          <svg\r\n            class=\"cm-form-solution__icon\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n\r\n            <path d=\"M12 2v20\"><\/path>\r\n\r\n            <path d=\"M4.93 4.93l14.14 14.14\"><\/path>\r\n\r\n            <path d=\"M2 12h20\"><\/path>\r\n\r\n            <path d=\"M4.93 19.07L19.07 4.93\"><\/path>\r\n\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"3\"\r\n            ><\/circle>\r\n\r\n          <\/svg>\r\n\r\n          <span class=\"cm-form-solution__name\">\r\n            Climatizaci\u00f3n HVAC\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- ====================================================\r\n             FORMACI\u00d3N\r\n             ==================================================== -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"cm-form-solution\"\r\n          data-solution=\"formacion\"\r\n          aria-selected=\"false\"\r\n        >\r\n\r\n          <svg\r\n            class=\"cm-form-solution__icon\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n\r\n            <path\r\n              d=\"M3 5.5A2.5 2.5 0 0 1 5.5 3H21v16H5.5A2.5 2.5 0 0 0 3 21.5z\"\r\n            ><\/path>\r\n\r\n            <path d=\"M3 5.5v16\"><\/path>\r\n\r\n            <path d=\"M8 7h8\"><\/path>\r\n\r\n            <path d=\"M8 11h8\"><\/path>\r\n\r\n          <\/svg>\r\n\r\n          <span class=\"cm-form-solution__name\">\r\n            Formaci\u00f3n\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         LAYOUT\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-form-layout\">\r\n\r\n\r\n      <!-- ======================================================\r\n           CONTEXTO\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"cm-form-context\"\r\n        id=\"cm-form-context\"\r\n      >\r\n\r\n        <h2\r\n          class=\"cm-form-context__title\"\r\n          id=\"cm-context-title\"\r\n        >\r\n          Transforma tu empresa.<br>\r\n          Impulsa tu <span>tecnolog\u00eda.<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <p\r\n          class=\"cm-form-context__text\"\r\n          id=\"cm-context-text\"\r\n        >\r\n          Analizamos tus procesos y necesidades para identificar\r\n          oportunidades de automatizaci\u00f3n, inteligencia artificial,\r\n          software y soluciones digitales.\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"cm-form-context__items\">\r\n\r\n          <li class=\"cm-form-context__item\">\r\n\r\n            <span class=\"cm-form-context__item-icon\">\r\n\r\n              <svg\r\n                width=\"16\"\r\n                height=\"16\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              >\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"10\"\r\n                ><\/circle>\r\n\r\n                <polyline\r\n                  points=\"12 6 12 12 16 14\"\r\n                ><\/polyline>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            Respuesta en menos de 24 horas\r\n\r\n          <\/li>\r\n\r\n\r\n          <li class=\"cm-form-context__item\">\r\n\r\n            <span class=\"cm-form-context__item-icon\">\r\n\r\n              <svg\r\n                width=\"16\"\r\n                height=\"16\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              >\r\n\r\n                <path d=\"M22 16.92v3a2.12 2.12 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 3.07 10.6 19.79 19.79 0 0 1 0 1.92 2.12 2.12 0 0 1 2.12 0h3a2.12 2.12 0 0 1 2.12 1.82c.127.96.361 1.903.7 2.81a2.12 2.12 0 0 1-.45 2.11L6.09 7.91a16 16 0 0 0 6 6l1.27-1.27a2.12 2.12 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2.12 2.12 0 0 1 22 14.92z\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            Diagn\u00f3stico personalizado\r\n\r\n          <\/li>\r\n\r\n\r\n          <li class=\"cm-form-context__item\">\r\n\r\n            <span class=\"cm-form-context__item-icon\">\r\n\r\n              <svg\r\n                width=\"16\"\r\n                height=\"16\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              >\r\n\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6-8 10-8 10z\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            Informaci\u00f3n tratada con total confidencialidad\r\n\r\n          <\/li>\r\n\r\n\r\n          <li class=\"cm-form-context__item\">\r\n\r\n            <span class=\"cm-form-context__item-icon\">\r\n\r\n              <svg\r\n                width=\"16\"\r\n                height=\"16\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              >\r\n\r\n                <polyline\r\n                  points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\r\n                ><\/polyline>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            Soluciones HVAC, Tecnolog\u00eda \/ IA y Formaci\u00f3n\r\n\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           TARJETA\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"cm-form-card\"\r\n        id=\"form-card\"\r\n      >\r\n\r\n        <div id=\"form-content\">\r\n\r\n          <div\r\n            class=\"cm-form-card__title\"\r\n            id=\"cm-form-title\"\r\n          >\r\n            Solicitud de Tecnolog\u00eda \/ IA\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-form-card__subtitle\">\r\n            Todos los campos marcados con * son obligatorios\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-form-divider\"><\/div>\r\n\r\n\r\n          <form\r\n            id=\"cm-contact-form\"\r\n            novalidate\r\n          >\r\n\r\n\r\n            <!-- ==================================================\r\n                 DATOS PERSONALES\r\n                 ================================================== -->\r\n\r\n            <div class=\"cm-form-group-block\">\r\n\r\n              <div class=\"cm-form-group-label\">\r\n                Datos personales\r\n              <\/div>\r\n\r\n\r\n              <div class=\"cm-form-row\">\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"nombre\">\r\n                    Nombre completo <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"nombre\"\r\n                    name=\"nombre\"\r\n                    placeholder=\"Tu nombre\"\r\n                    required\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"empresa\">\r\n                    Empresa <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"empresa\"\r\n                    name=\"empresa\"\r\n                    placeholder=\"Nombre de tu empresa\"\r\n                    required\r\n                  >\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"cm-form-row\">\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"telefono\">\r\n                    Tel\u00e9fono \/ WhatsApp <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"tel\"\r\n                    id=\"telefono\"\r\n                    name=\"telefono\"\r\n                    placeholder=\"+51 999 000 000\"\r\n                    required\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"email\">\r\n                    Email corporativo <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"email\"\r\n                    id=\"email\"\r\n                    name=\"email\"\r\n                    placeholder=\"tu@empresa.com\"\r\n                    required\r\n                  >\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"cm-form-row\">\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"ruc\">\r\n                    RUC de la empresa <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"ruc\"\r\n                    name=\"ruc\"\r\n                    inputmode=\"numeric\"\r\n                    maxlength=\"11\"\r\n                    placeholder=\"Ej. 20123456789\"\r\n                    required\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"cargo\">\r\n                    Cargo en la empresa <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <select\r\n                    id=\"cargo\"\r\n                    name=\"cargo\"\r\n                    required\r\n                  >\r\n\r\n                    <option\r\n                      value=\"\"\r\n                      disabled\r\n                      selected\r\n                    >\r\n                      Selecciona tu cargo\r\n                    <\/option>\r\n\r\n                    <option>Gerente General<\/option>\r\n                    <option>Gerente<\/option>\r\n                    <option>Administrador<\/option>\r\n                    <option>Jefe de \u00c1rea<\/option>\r\n                    <option>Supervisor<\/option>\r\n                    <option>Coordinador<\/option>\r\n                    <option>Ingeniero<\/option>\r\n                    <option>Arquitecto<\/option>\r\n                    <option>T\u00e9cnico<\/option>\r\n                    <option>Analista<\/option>\r\n                    <option>Encargado de Compras<\/option>\r\n                    <option>Responsable de TI<\/option>\r\n                    <option>Responsable de Mantenimiento<\/option>\r\n                    <option>Propietario<\/option>\r\n                    <option>Otro<\/option>\r\n\r\n                  <\/select>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- OTRO CARGO -->\r\n\r\n              <div\r\n                class=\"cm-form-field cm-form-other\"\r\n                id=\"cm-other-position\"\r\n              >\r\n\r\n                <label for=\"otro-cargo\">\r\n                  Especifica tu cargo <span>*<\/span>\r\n                <\/label>\r\n\r\n                <input\r\n                  type=\"text\"\r\n                  id=\"otro-cargo\"\r\n                  name=\"otro_cargo\"\r\n                  placeholder=\"Escribe tu cargo\"\r\n                  disabled\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ==================================================\r\n                 TECNOLOG\u00cdA \/ IA\r\n                 ================================================== -->\r\n\r\n            <div\r\n              class=\"cm-form-panel active\"\r\n              data-panel=\"tecnologia\"\r\n            >\r\n\r\n              <div class=\"cm-form-group-block\">\r\n\r\n                <div class=\"cm-form-group-label\">\r\n                  Tecnolog\u00eda \/ IA\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"tec-necesidad\">\r\n                    \u00bfQu\u00e9 necesitas desarrollar? <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <select\r\n                    id=\"tec-necesidad\"\r\n                    name=\"tec_necesidad\"\r\n                    required\r\n                  >\r\n\r\n                    <option\r\n                      value=\"\"\r\n                      disabled\r\n                      selected\r\n                    >\r\n                      Selecciona una opci\u00f3n\r\n                    <\/option>\r\n\r\n                    <option>Automatizaci\u00f3n de procesos<\/option>\r\n                    <option>Inteligencia Artificial<\/option>\r\n                    <option>Desarrollo de software<\/option>\r\n                    <option>Integraci\u00f3n de sistemas<\/option>\r\n                    <option>An\u00e1lisis \/ gesti\u00f3n de datos<\/option>\r\n                    <option>Otro<\/option>\r\n\r\n                  <\/select>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- OTRO: TECNOLOG\u00cdA -->\r\n\r\n                <div\r\n                  class=\"cm-form-field cm-form-other\"\r\n                  id=\"cm-other-tec-necesidad\"\r\n                >\r\n\r\n                  <label for=\"tec-necesidad-otro\">\r\n                    Especifica qu\u00e9 necesitas <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"tec-necesidad-otro\"\r\n                    name=\"tec_necesidad_otro\"\r\n                    placeholder=\"Describe la alternativa que necesitas\"\r\n                    disabled\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-row\">\r\n\r\n                  <div class=\"cm-form-field\">\r\n\r\n                    <label for=\"tec-etapa\">\r\n                      Etapa del proyecto\r\n                    <\/label>\r\n\r\n                    <select\r\n                      id=\"tec-etapa\"\r\n                      name=\"tec_etapa\"\r\n                    >\r\n\r\n                      <option\r\n                        value=\"\"\r\n                        disabled\r\n                        selected\r\n                      >\r\n                        Selecciona\r\n                      <\/option>\r\n\r\n                      <option>Idea inicial<\/option>\r\n                      <option>En planificaci\u00f3n<\/option>\r\n                      <option>En desarrollo<\/option>\r\n                      <option>Sistema existente<\/option>\r\n                      <option>Necesito asesor\u00eda<\/option>\r\n\r\n                    <\/select>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"cm-form-field\">\r\n\r\n                    <label for=\"tec-plazo\">\r\n                      \u00bfCu\u00e1ndo lo necesitas?\r\n                    <\/label>\r\n\r\n                    <select\r\n                      id=\"tec-plazo\"\r\n                      name=\"tec_plazo\"\r\n                    >\r\n\r\n                      <option\r\n                        value=\"\"\r\n                        disabled\r\n                        selected\r\n                      >\r\n                        Selecciona\r\n                      <\/option>\r\n\r\n                      <option>Lo antes posible<\/option>\r\n                      <option>1 - 3 meses<\/option>\r\n                      <option>3 - 6 meses<\/option>\r\n                      <option>M\u00e1s de 6 meses<\/option>\r\n                      <option>A\u00fan no definido<\/option>\r\n\r\n                    <\/select>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"tec-descripcion\">\r\n                    Describe tu proyecto <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <textarea\r\n                    id=\"tec-descripcion\"\r\n                    name=\"tec_descripcion\"\r\n                    placeholder=\"Cu\u00e9ntanos qu\u00e9 problema quieres resolver, qu\u00e9 proceso deseas mejorar o qu\u00e9 tecnolog\u00eda necesitas implementar.\"\r\n                    required\r\n                  ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ==================================================\r\n                 HVAC\r\n                 ================================================== -->\r\n\r\n            <div\r\n              class=\"cm-form-panel\"\r\n              data-panel=\"hvac\"\r\n            >\r\n\r\n              <div class=\"cm-form-group-block\">\r\n\r\n                <div class=\"cm-form-group-label\">\r\n                  Climatizaci\u00f3n HVAC\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"hvac-servicio\">\r\n                    \u00bfQu\u00e9 soluci\u00f3n necesitas? <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <select\r\n                    id=\"hvac-servicio\"\r\n                    name=\"hvac_servicio\"\r\n                    required\r\n                  >\r\n\r\n                    <option\r\n                      value=\"\"\r\n                      disabled\r\n                      selected\r\n                    >\r\n                      Selecciona una opci\u00f3n\r\n                    <\/option>\r\n\r\n                    <option>Instalaci\u00f3n de aire acondicionado<\/option>\r\n                    <option>Proyecto VRF<\/option>\r\n                    <option>Dise\u00f1o de climatizaci\u00f3n<\/option>\r\n                    <option>Ventilaci\u00f3n mec\u00e1nica<\/option>\r\n                    <option>Evaluaci\u00f3n de instalaci\u00f3n existente<\/option>\r\n                    <option>Otro<\/option>\r\n\r\n                  <\/select>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- OTRO: SERVICIO HVAC -->\r\n\r\n                <div\r\n                  class=\"cm-form-field cm-form-other\"\r\n                  id=\"cm-other-hvac-servicio\"\r\n                >\r\n\r\n                  <label for=\"hvac-servicio-otro\">\r\n                    Especifica la soluci\u00f3n <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"hvac-servicio-otro\"\r\n                    name=\"hvac_servicio_otro\"\r\n                    placeholder=\"Describe la soluci\u00f3n que necesitas\"\r\n                    disabled\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-row\">\r\n\r\n                  <div class=\"cm-form-field\">\r\n\r\n                    <label for=\"hvac-tipo\">\r\n                      Tipo de espacio\r\n                    <\/label>\r\n\r\n                    <select\r\n                      id=\"hvac-tipo\"\r\n                      name=\"hvac_tipo\"\r\n                    >\r\n\r\n                      <option\r\n                        value=\"\"\r\n                        disabled\r\n                        selected\r\n                      >\r\n                        Selecciona\r\n                      <\/option>\r\n\r\n                      <option>Oficina<\/option>\r\n                      <option>Local comercial<\/option>\r\n                      <option>Vivienda<\/option>\r\n                      <option>Industria<\/option>\r\n                      <option>Centro educativo<\/option>\r\n                      <option>Otro<\/option>\r\n\r\n                    <\/select>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"cm-form-field\">\r\n\r\n                    <label for=\"hvac-area\">\r\n                      \u00c1rea aproximada\r\n                    <\/label>\r\n\r\n                    <input\r\n                      type=\"text\"\r\n                      id=\"hvac-area\"\r\n                      name=\"hvac_area\"\r\n                      placeholder=\"Ej. 250 m\u00b2\"\r\n                    >\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- OTRO: TIPO DE ESPACIO -->\r\n\r\n                <div\r\n                  class=\"cm-form-field cm-form-other\"\r\n                  id=\"cm-other-hvac-tipo\"\r\n                >\r\n\r\n                  <label for=\"hvac-tipo-otro\">\r\n                    Especifica el tipo de espacio <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"hvac-tipo-otro\"\r\n                    name=\"hvac_tipo_otro\"\r\n                    placeholder=\"Ej. Hotel, almac\u00e9n, cl\u00ednica...\"\r\n                    disabled\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"hvac-ubicacion\">\r\n                    Ubicaci\u00f3n del proyecto\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"hvac-ubicacion\"\r\n                    name=\"hvac_ubicacion\"\r\n                    placeholder=\"Ciudad \/ sede \/ establecimiento\"\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"hvac-descripcion\">\r\n                    Describe tu proyecto <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <textarea\r\n                    id=\"hvac-descripcion\"\r\n                    name=\"hvac_descripcion\"\r\n                    placeholder=\"Cu\u00e9ntanos qu\u00e9 espacio deseas climatizar, qu\u00e9 problema tienes o qu\u00e9 instalaci\u00f3n necesitas realizar.\"\r\n                    required\r\n                  ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ==================================================\r\n                 FORMACI\u00d3N\r\n                 ================================================== -->\r\n\r\n            <div\r\n              class=\"cm-form-panel\"\r\n              data-panel=\"formacion\"\r\n            >\r\n\r\n              <div class=\"cm-form-group-block\">\r\n\r\n                <div class=\"cm-form-group-label\">\r\n                  Formaci\u00f3n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"formacion-tema\">\r\n                    \u00bfQu\u00e9 tipo de formaci\u00f3n buscas? <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <select\r\n                    id=\"formacion-tema\"\r\n                    name=\"formacion_tema\"\r\n                    required\r\n                  >\r\n\r\n                    <option\r\n                      value=\"\"\r\n                      disabled\r\n                      selected\r\n                    >\r\n                      Selecciona una opci\u00f3n\r\n                    <\/option>\r\n\r\n                    <option>Climatizaci\u00f3n HVAC<\/option>\r\n                    <option>Sistemas VRF<\/option>\r\n                    <option>Mantenimiento HVAC<\/option>\r\n                    <option>Ventilaci\u00f3n mec\u00e1nica<\/option>\r\n                    <option>Tecnolog\u00eda \/ IA<\/option>\r\n                    <option>Otro<\/option>\r\n\r\n                  <\/select>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- OTRO: FORMACI\u00d3N -->\r\n\r\n                <div\r\n                  class=\"cm-form-field cm-form-other\"\r\n                  id=\"cm-other-formacion-tema\"\r\n                >\r\n\r\n                  <label for=\"formacion-tema-otro\">\r\n                    Especifica la formaci\u00f3n <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"formacion-tema-otro\"\r\n                    name=\"formacion_tema_otro\"\r\n                    placeholder=\"Escribe el tema de formaci\u00f3n\"\r\n                    disabled\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-row\">\r\n\r\n                  <div class=\"cm-form-field\">\r\n\r\n                    <label for=\"formacion-modalidad\">\r\n                      Modalidad\r\n                    <\/label>\r\n\r\n                    <select\r\n                      id=\"formacion-modalidad\"\r\n                      name=\"formacion_modalidad\"\r\n                    >\r\n\r\n                      <option\r\n                        value=\"\"\r\n                        disabled\r\n                        selected\r\n                      >\r\n                        Selecciona\r\n                      <\/option>\r\n\r\n                      <option>Presencial<\/option>\r\n                      <option>Virtual<\/option>\r\n                      <option>H\u00edbrida<\/option>\r\n\r\n                    <\/select>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"cm-form-field\">\r\n\r\n                    <label for=\"formacion-participantes\">\r\n                      Participantes\r\n                    <\/label>\r\n\r\n                    <input\r\n                      type=\"number\"\r\n                      id=\"formacion-participantes\"\r\n                      name=\"formacion_participantes\"\r\n                      min=\"1\"\r\n                      placeholder=\"Ej. 10\"\r\n                    >\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"formacion-perfil\">\r\n                    Perfil de los participantes\r\n                  <\/label>\r\n\r\n                  <input\r\n                    type=\"text\"\r\n                    id=\"formacion-perfil\"\r\n                    name=\"formacion_perfil\"\r\n                    placeholder=\"Ej. T\u00e9cnicos, ingenieros, personal operativo...\"\r\n                  >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-form-field\">\r\n\r\n                  <label for=\"formacion-descripcion\">\r\n                    Cu\u00e9ntanos qu\u00e9 necesitas aprender <span>*<\/span>\r\n                  <\/label>\r\n\r\n                  <textarea\r\n                    id=\"formacion-descripcion\"\r\n                    name=\"formacion_descripcion\"\r\n                    placeholder=\"Ind\u00edcanos el tema, nivel de conocimiento y objetivo que buscas alcanzar con la formaci\u00f3n.\"\r\n                    required\r\n                  ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ==================================================\r\n                 BOT\u00d3N\r\n                 ================================================== -->\r\n\r\n            <button\r\n              type=\"submit\"\r\n              class=\"cm-form-submit\"\r\n            >\r\n\r\n              <svg\r\n                width=\"18\"\r\n                height=\"18\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.5\"\r\n              >\r\n\r\n                <line\r\n                  x1=\"22\"\r\n                  y1=\"2\"\r\n                  x2=\"11\"\r\n                  y2=\"13\"\r\n                ><\/line>\r\n\r\n                <polygon\r\n                  points=\"22 2 15 22 11 13 2 9 22 2\"\r\n                ><\/polygon>\r\n\r\n              <\/svg>\r\n\r\n              Solicitar diagn\u00f3stico\r\n\r\n            <\/button>\r\n\r\n\r\n            <p class=\"cm-form-note\">\r\n\r\n              <svg\r\n                width=\"12\"\r\n                height=\"12\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6-8 10-8 10z\"\r\n                ><\/path>\r\n\r\n              <\/svg>\r\n\r\n              Tu informaci\u00f3n es confidencial.\r\n              No compartimos tus datos con terceros.\r\n\r\n            <\/p>\r\n\r\n          <\/form>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ======================================================\r\n             \u00c9XITO\r\n             ====================================================== -->\r\n\r\n        <div\r\n          class=\"cm-form-success\"\r\n          id=\"form-success\"\r\n        >\r\n\r\n          <div class=\"cm-form-success__icon\">\r\n\r\n            <svg\r\n              width=\"28\"\r\n              height=\"28\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"#2cd5c4\"\r\n              stroke-width=\"2.5\"\r\n            >\r\n\r\n              <polyline\r\n                points=\"20 6 9 17 4 12\"\r\n              ><\/polyline>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-form-success__title\">\r\n            \u00a1Solicitud recibida!\r\n          <\/div>\r\n\r\n\r\n          <p class=\"cm-form-success__text\">\r\n            Nuestro equipo revisar\u00e1 tu caso y te contactar\u00e1\r\n            en menos de 24 horas para avanzar con el diagn\u00f3stico.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  'use strict';\r\n\r\n\r\n  \/* ============================================================\r\n     1. CONFIGURACI\u00d3N\r\n     ============================================================ *\/\r\n\r\n  const cmSolutions = {\r\n\r\n    tecnologia: {\r\n      title: 'Solicitud de Tecnolog\u00eda \/ IA',\r\n\r\n      contextTitle:\r\n        'Transforma tu empresa.<br>Impulsa tu <span>tecnolog\u00eda.<\/span>',\r\n\r\n      contextText:\r\n        'Analizamos tus procesos y necesidades para identificar oportunidades de automatizaci\u00f3n, inteligencia artificial, software y soluciones digitales.'\r\n    },\r\n\r\n\r\n    hvac: {\r\n      title: 'Solicitud de proyecto HVAC',\r\n\r\n      contextTitle:\r\n        'Dise\u00f1a el ambiente.<br>Controla tu <span>clima.<\/span>',\r\n\r\n      contextText:\r\n        'Analizamos tu espacio, necesidades y condiciones para plantear soluciones de climatizaci\u00f3n, ventilaci\u00f3n y sistemas HVAC adecuados para tu proyecto.'\r\n    },\r\n\r\n\r\n    formacion: {\r\n      title: 'Solicitud de formaci\u00f3n',\r\n\r\n      contextTitle:\r\n        'El conocimiento tambi\u00e9n<br>es parte de la <span>soluci\u00f3n.<\/span>',\r\n\r\n      contextText:\r\n        'Dise\u00f1amos experiencias de formaci\u00f3n orientadas a las necesidades reales de equipos t\u00e9cnicos, profesionales y organizaciones.'\r\n    }\r\n\r\n  };\r\n\r\n\r\n  \/* ============================================================\r\n     2. ELEMENTOS\r\n     ============================================================ *\/\r\n\r\n  const cmSolutionButtons =\r\n    document.querySelectorAll(\r\n      '.cm-form-solution'\r\n    );\r\n\r\n  const cmFormPanels =\r\n    document.querySelectorAll(\r\n      '.cm-form-panel'\r\n    );\r\n\r\n  const cmFormTitle =\r\n    document.getElementById(\r\n      'cm-form-title'\r\n    );\r\n\r\n  const cmContextTitle =\r\n    document.getElementById(\r\n      'cm-context-title'\r\n    );\r\n\r\n  const cmContextText =\r\n    document.getElementById(\r\n      'cm-context-text'\r\n    );\r\n\r\n  const cmIndicator =\r\n    document.getElementById(\r\n      'cm-solution-indicator'\r\n    );\r\n\r\n  const cmForm =\r\n    document.getElementById(\r\n      'cm-contact-form'\r\n    );\r\n\r\n\r\n  \/* ============================================================\r\n     3. MOVER INDICADOR TURQUESA\r\n     \r\n     IMPORTANTE:\r\n     Esta es la \u00daNICA animaci\u00f3n de desplazamiento.\r\n     ============================================================ *\/\r\n\r\n  function cmMoveIndicator(button) {\r\n\r\n    if (!cmIndicator || !button) {\r\n      return;\r\n    }\r\n\r\n\r\n    const slider =\r\n      document.getElementById(\r\n        'cm-solution-slider'\r\n      );\r\n\r\n    if (!slider) {\r\n      return;\r\n    }\r\n\r\n\r\n    const sliderRect =\r\n      slider.getBoundingClientRect();\r\n\r\n    const buttonRect =\r\n      button.getBoundingClientRect();\r\n\r\n\r\n    const left =\r\n      buttonRect.left -\r\n      sliderRect.left;\r\n\r\n\r\n    const width =\r\n      buttonRect.width;\r\n\r\n\r\n    cmIndicator.style.left =\r\n      left + 'px';\r\n\r\n    cmIndicator.style.width =\r\n      width + 'px';\r\n\r\n    cmIndicator.style.opacity =\r\n      '1';\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     4. SISTEMA GENERAL PARA \"OTRO\"\r\n     ============================================================ *\/\r\n\r\n  function cmSetupOther(selectId, otherContainerId, inputId) {\r\n\r\n    const select =\r\n      document.getElementById(\r\n        selectId\r\n      );\r\n\r\n    const container =\r\n      document.getElementById(\r\n        otherContainerId\r\n      );\r\n\r\n    const input =\r\n      document.getElementById(\r\n        inputId\r\n      );\r\n\r\n\r\n    if (\r\n      !select ||\r\n      !container ||\r\n      !input\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    function update() {\r\n\r\n      const isOther =\r\n        select.value === 'Otro';\r\n\r\n\r\n      if (isOther) {\r\n\r\n        container.classList.add(\r\n          'active'\r\n        );\r\n\r\n        input.disabled =\r\n          false;\r\n\r\n        input.required =\r\n          true;\r\n\r\n      } else {\r\n\r\n        container.classList.remove(\r\n          'active'\r\n        );\r\n\r\n        input.disabled =\r\n          true;\r\n\r\n        input.required =\r\n          false;\r\n\r\n        input.value =\r\n          '';\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    select.addEventListener(\r\n      'change',\r\n      update\r\n    );\r\n\r\n\r\n    update();\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     5. CONFIGURAR TODOS LOS CAMPOS \"OTRO\"\r\n     ============================================================ *\/\r\n\r\n  cmSetupOther(\r\n    'cargo',\r\n    'cm-other-position',\r\n    'otro-cargo'\r\n  );\r\n\r\n\r\n  cmSetupOther(\r\n    'tec-necesidad',\r\n    'cm-other-tec-necesidad',\r\n    'tec-necesidad-otro'\r\n  );\r\n\r\n\r\n  cmSetupOther(\r\n    'hvac-servicio',\r\n    'cm-other-hvac-servicio',\r\n    'hvac-servicio-otro'\r\n  );\r\n\r\n\r\n  cmSetupOther(\r\n    'hvac-tipo',\r\n    'cm-other-hvac-tipo',\r\n    'hvac-tipo-otro'\r\n  );\r\n\r\n\r\n  cmSetupOther(\r\n    'formacion-tema',\r\n    'cm-other-formacion-tema',\r\n    'formacion-tema-otro'\r\n  );\r\n\r\n\r\n  \/* ============================================================\r\n     6. REINICIAR ANIMACIONES\r\n     ============================================================ *\/\r\n\r\n  function cmRestartAnimations() {\r\n\r\n    const animatedElements =\r\n      document.querySelectorAll(\r\n        '.cm-form-context__title, ' +\r\n        '.cm-form-context__text, ' +\r\n        '.cm-form-context__item, ' +\r\n        '.cm-form-field, ' +\r\n        '.cm-form-submit, ' +\r\n        '.cm-form-note'\r\n      );\r\n\r\n\r\n    animatedElements.forEach(\r\n      element => {\r\n\r\n        element.style.animation =\r\n          'none';\r\n\r\n        void element.offsetWidth;\r\n\r\n        element.style.animation =\r\n          '';\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     7. CAMBIO DE SOLUCI\u00d3N\r\n     ============================================================ *\/\r\n\r\n  function cmChangeSolution(solution) {\r\n\r\n    const data =\r\n      cmSolutions[solution];\r\n\r\n    if (!data) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/* ==========================================================\r\n       BOTONES\r\n       ========================================================== *\/\r\n\r\n    let activeButton = null;\r\n\r\n\r\n    cmSolutionButtons.forEach(\r\n      button => {\r\n\r\n        const active =\r\n          button.dataset.solution ===\r\n          solution;\r\n\r\n\r\n        button.classList.toggle(\r\n          'active',\r\n          active\r\n        );\r\n\r\n\r\n        button.setAttribute(\r\n          'aria-selected',\r\n          active\r\n            ? 'true'\r\n            : 'false'\r\n        );\r\n\r\n\r\n        if (active) {\r\n          activeButton = button;\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ==========================================================\r\n       INDICADOR\r\n       ========================================================== *\/\r\n\r\n    if (activeButton) {\r\n\r\n      requestAnimationFrame(\r\n        function () {\r\n\r\n          cmMoveIndicator(\r\n            activeButton\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ==========================================================\r\n       PANELES\r\n       ========================================================== *\/\r\n\r\n    cmFormPanels.forEach(\r\n      panel => {\r\n\r\n        const active =\r\n          panel.dataset.panel ===\r\n          solution;\r\n\r\n\r\n        panel.classList.toggle(\r\n          'active',\r\n          active\r\n        );\r\n\r\n\r\n        panel\r\n          .querySelectorAll(\r\n            'input, select, textarea'\r\n          )\r\n          .forEach(\r\n            field => {\r\n\r\n              field.disabled =\r\n                !active;\r\n\r\n            }\r\n          );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ==========================================================\r\n       DATOS PERSONALES\r\n       ========================================================== *\/\r\n\r\n    document\r\n      .querySelectorAll(\r\n        '#nombre, ' +\r\n        '#empresa, ' +\r\n        '#telefono, ' +\r\n        '#email, ' +\r\n        '#ruc, ' +\r\n        '#cargo'\r\n      )\r\n      .forEach(\r\n        field => {\r\n\r\n          field.disabled =\r\n            false;\r\n\r\n        }\r\n      );\r\n\r\n\r\n    \/* ==========================================================\r\n       VOLVER A COMPROBAR LOS CAMPOS \"OTRO\"\r\n       ========================================================== *\/\r\n\r\n    [\r\n      'cargo',\r\n      'tec-necesidad',\r\n      'hvac-servicio',\r\n      'hvac-tipo',\r\n      'formacion-tema'\r\n    ].forEach(\r\n      id => {\r\n\r\n        const element =\r\n          document.getElementById(id);\r\n\r\n        if (element) {\r\n\r\n          element.dispatchEvent(\r\n            new Event('change')\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ==========================================================\r\n       CAMBIAR TEXTOS\r\n       ========================================================== *\/\r\n\r\n    cmFormTitle.textContent =\r\n      data.title;\r\n\r\n    cmContextTitle.innerHTML =\r\n      data.contextTitle;\r\n\r\n    cmContextText.textContent =\r\n      data.contextText;\r\n\r\n\r\n    \/* ==========================================================\r\n       REINICIAR ANIMACIONES\r\n       ========================================================== *\/\r\n\r\n    setTimeout(\r\n      cmRestartAnimations,\r\n      20\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     8. EVENTOS DE LOS 3 BOTONES\r\n     ============================================================ *\/\r\n\r\n  cmSolutionButtons.forEach(\r\n    button => {\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n          cmChangeSolution(\r\n            this.dataset.solution\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* ============================================================\r\n     9. AJUSTAR INDICADOR AL CAMBIAR TAMA\u00d1O DE PANTALLA\r\n     ============================================================ *\/\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    function () {\r\n\r\n      const activeButton =\r\n        document.querySelector(\r\n          '.cm-form-solution.active'\r\n        );\r\n\r\n\r\n      if (activeButton) {\r\n\r\n        cmMoveIndicator(\r\n          activeButton\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* ============================================================\r\n     10. ESTADO INICIAL\r\n     ============================================================ *\/\r\n\r\n    const cmRequestedSolution =\r\n      new URLSearchParams(window.location.search).get('solucion');\r\n    \r\n    const cmInitialSolution =\r\n      ['tecnologia', 'hvac', 'formacion'].includes(cmRequestedSolution)\r\n        ? cmRequestedSolution\r\n        : 'tecnologia';\r\n    \r\n    cmChangeSolution(cmInitialSolution);\r\n\r\n\r\n  \/* ============================================================\r\n     11. OBSERVER\r\n     ============================================================ *\/\r\n\r\n  const cmObserver =\r\n    new IntersectionObserver(\r\n      entries => {\r\n\r\n        entries.forEach(\r\n          entry => {\r\n\r\n            if (\r\n              entry.isIntersecting\r\n            ) {\r\n\r\n              entry.target.classList.add(\r\n                'cm-visible'\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      },\r\n      {\r\n        threshold: 0.1\r\n      }\r\n    );\r\n\r\n\r\n  document\r\n    .querySelectorAll(\r\n      '.cm-form-solutions, ' +\r\n      '.cm-form-layout'\r\n    )\r\n    .forEach(\r\n      element => {\r\n\r\n        cmObserver.observe(\r\n          element\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n  \/* ============================================================\r\n     12. ENV\u00cdO\r\n     ============================================================ *\/\r\n\r\n  if (cmForm) {\r\n\r\n    cmForm.addEventListener(\r\n      'submit',\r\n      function (e) {\r\n\r\n        e.preventDefault();\r\n\r\n\r\n        if (\r\n          !this.checkValidity()\r\n        ) {\r\n\r\n          this.reportValidity();\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const button =\r\n          this.querySelector(\r\n            '.cm-form-submit'\r\n          );\r\n\r\n\r\n        button.textContent =\r\n          'Enviando...';\r\n\r\n        button.disabled =\r\n          true;\r\n\r\n\r\n        setTimeout(\r\n          function () {\r\n\r\n            document\r\n              .getElementById(\r\n                'form-content'\r\n              )\r\n              .style.display =\r\n              'none';\r\n\r\n\r\n            document\r\n              .getElementById(\r\n                'form-success'\r\n              )\r\n              .style.display =\r\n              'block';\r\n\r\n          },\r\n          1200\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     13. SMOOTH SCROLL\r\n     ============================================================ *\/\r\n\r\n  document\r\n    .querySelectorAll(\r\n      'a[href=\"#formulario\"]'\r\n    )\r\n    .forEach(\r\n      link => {\r\n\r\n        link.addEventListener(\r\n          'click',\r\n          function (e) {\r\n\r\n            e.preventDefault();\r\n\r\n\r\n            const target =\r\n              document.getElementById(\r\n                'formulario'\r\n              );\r\n\r\n\r\n            if (target) {\r\n\r\n              target.scrollIntoView({\r\n                behavior: 'smooth'\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8e0f68 elementor-widget elementor-widget-html\" data-id=\"a8e0f68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 03 \u2014 RESPUESTA R\u00c1PIDA\r\n     Secci\u00f3n de confianza: promesa de 24 horas + 3 pasos del proceso\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-respuesta-section {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 80px 24px;\r\n  }\r\n\r\n  .cm-respuesta-section .cm-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Encabezado centrado \u2500\u2500 *\/\r\n  .cm-respuesta-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .cm-respuesta-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: #2cd5c4;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .cm-respuesta-label::before,\r\n  .cm-respuesta-label::after {\r\n    content: '';\r\n    display: block;\r\n    width: 24px;\r\n    height: 1px;\r\n    background: #2cd5c4;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .cm-respuesta-header h2 {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .cm-respuesta-header h2 span {\r\n    color: #2cd5c4;\r\n  }\r\n\r\n  .cm-respuesta-header p {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1.05rem;\r\n    color: #a0a0a0;\r\n    line-height: 1.7;\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grid de 3 pasos \u2500\u2500 *\/\r\n  .cm-pasos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* L\u00ednea conectora entre pasos *\/\r\n  .cm-pasos-grid::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 38px;\r\n    left: calc(16.66% + 24px);\r\n    right: calc(16.66% + 24px);\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(44,213,196,0.3), rgba(44,213,196,0.15), rgba(44,213,196,0.3));\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Tarjeta de paso \u2500\u2500 *\/\r\n  .cm-paso-card {\r\n    background: rgba(17, 17, 17, 0.6);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    border-radius: 16px;\r\n    padding: 36px 28px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: border-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .cm-paso-card:hover {\r\n    border-color: rgba(44, 213, 196, 0.25);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  \/* N\u00famero del paso *\/\r\n  .cm-paso-num {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    background: rgba(44, 213, 196, 0.10);\r\n    border: 1px solid rgba(44, 213, 196, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .cm-paso-num span {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #2cd5c4;\r\n    line-height: 1;\r\n  }\r\n\r\n  .cm-paso-card h3 {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .cm-paso-card p {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    color: #a0a0a0;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Badge de tiempo \u2014 bajo el grid *\/\r\n  .cm-tiempo-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 40px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.5);\r\n  }\r\n\r\n  .cm-tiempo-badge .cm-badge-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(44, 213, 196, 0.08);\r\n    border: 1px solid rgba(44, 213, 196, 0.20);\r\n    border-radius: 50px;\r\n    padding: 8px 20px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #2cd5c4;\r\n  }\r\n\r\n  .cm-tiempo-badge .cm-badge-pill svg {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Fade-in animaci\u00f3n *\/\r\n  .cm-paso-card {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: cm-fadein-up 0.5s ease forwards;\r\n  }\r\n\r\n  .cm-paso-card:nth-child(1) { animation-delay: 0.1s; }\r\n  .cm-paso-card:nth-child(2) { animation-delay: 0.22s; }\r\n  .cm-paso-card:nth-child(3) { animation-delay: 0.34s; }\r\n\r\n  @keyframes cm-fadein-up {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .cm-pasos-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n    .cm-pasos-grid::before { display: none; }\r\n    .cm-respuesta-section { padding: 60px 16px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-respuesta-section\">\r\n  <div class=\"cm-container\">\r\n\r\n    <!-- Encabezado -->\r\n    <div class=\"cm-respuesta-header\">\r\n      <h2>Te respondemos en menos de <span>24 horas<\/span><\/h2>\r\n      <p>\r\n        Nuestro equipo revisar\u00e1 tu solicitud y te contactar\u00e1 para avanzar\r\n        con tu diagn\u00f3stico personalizado.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 pasos -->\r\n    <div class=\"cm-pasos-grid\">\r\n\r\n      <div class=\"cm-paso-card\">\r\n        <div class=\"cm-paso-num\"><span>1<\/span><\/div>\r\n        <h3>Recibes confirmaci\u00f3n<\/h3>\r\n        <p>\r\n          En cuanto env\u00edes el formulario, te llega un correo confirmando\r\n          que recibimos tu solicitud.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cm-paso-card\">\r\n        <div class=\"cm-paso-num\"><span>2<\/span><\/div>\r\n        <h3>Analizamos tu caso<\/h3>\r\n        <p>\r\n          Un especialista revisa la informaci\u00f3n que nos dejaste y prepara\r\n          las preguntas clave para tu diagn\u00f3stico.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cm-paso-card\">\r\n        <div class=\"cm-paso-num\"><span>3<\/span><\/div>\r\n        <h3>Te proponemos la soluci\u00f3n<\/h3>\r\n        <p>\r\n          Te contactamos por tel\u00e9fono,  WhatsApp o Correo para presentarte\r\n          la mejor soluci\u00f3n para tu negocio.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Badge tiempo de respuesta -->\r\n    <div class=\"cm-tiempo-badge\">\r\n      <div class=\"cm-badge-pill\">\r\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n          <polyline points=\"12 6 12 12 16 14\"\/>\r\n        <\/svg>\r\n        Tiempo de respuesta: &lt; 24 horas h\u00e1biles\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc062ad elementor-widget elementor-widget-html\" data-id=\"cc062ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 04 \u2014 CONTACTO DIRECTO\r\n     Direcci\u00f3n (Tacna \/ cobertura global), email, WhatsApp\r\n     Horario: Las 24 Horas\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-contacto-directo {\r\n    position: relative;\r\n    z-index: 10;\r\n    padding: 90px 24px 100px;\r\n  }\r\n\r\n  .cm-contacto-directo .cm-container {\r\n    max-width: var(--cm-max-width, 1200px);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cm-contacto-directo__header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .cm-contacto-directo__label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-primary, #2cd5c4);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .cm-contacto-directo__label::before,\r\n  .cm-contacto-directo__label::after {\r\n    content: '';\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--cm-primary, #2cd5c4);\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .cm-contacto-directo__headline {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(26px, 3.5vw, 40px);\r\n    font-weight: 800;\r\n    color: #fff;\r\n  }\r\n\r\n  .cm-contacto-directo__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .cm-contacto-card {\r\n    background: rgba(17,17,17,0.7);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    border-radius: var(--cm-radius, 16px);\r\n    padding: 32px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    transition:\r\n      border-color 0.3s ease,\r\n      transform 0.25s ease,\r\n      box-shadow 0.3s ease;\r\n    backdrop-filter: blur(8px);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .cm-contacto-card:hover {\r\n    border-color: rgba(44, 213, 196, 0.3);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 40px rgba(0,0,0,0.4);\r\n  }\r\n\r\n  .cm-contacto-card__icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    background: var(--cm-primary-subtle, rgba(44,213,196,0.08));\r\n    border: 1px solid rgba(44,213,196,0.15);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--cm-primary, #2cd5c4);\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .cm-contacto-card__type {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-primary, #2cd5c4);\r\n  }\r\n\r\n  .cm-contacto-card__value {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .cm-contacto-card__desc {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    color: var(--cm-gray, #a0a0a0);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .cm-contacto-card__note {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-style: italic;\r\n    color: var(--cm-primary, #2cd5c4);\r\n    line-height: 1.4;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .cm-contacto-card__action {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--cm-primary, #2cd5c4);\r\n    margin-top: auto;\r\n    transition: gap 0.2s ease;\r\n    background: none;\r\n    border: none;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    outline: none;\r\n    text-decoration: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n  }\r\n\r\n  .cm-contacto-card {\r\n    cursor: default;\r\n  }\r\n\r\n  .cm-contacto-card__action:link,\r\n  .cm-contacto-card__action:visited {\r\n    color: var(--cm-primary, #2cd5c4);\r\n  }\r\n\r\n  .cm-contacto-card__action:hover {\r\n    gap: 10px;\r\n    color: var(--cm-primary, #2cd5c4);\r\n  }\r\n\r\n  .cm-contacto-card__action:focus,\r\n  .cm-contacto-card__action:focus-visible {\r\n    outline: none;\r\n    color: var(--cm-primary, #2cd5c4);\r\n    text-decoration: underline;\r\n    text-decoration-color: rgba(44,213,196,0.5);\r\n  }\r\n\r\n  .cm-contacto-card__action:active {\r\n    color: var(--cm-primary, #2cd5c4);\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .cm-contacto-card--sedes {\r\n    cursor: default;\r\n  }\r\n\r\n  .cm-contacto-card__citytabs {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  .cm-contacto-card__citytab {\r\n    flex: 1;\r\n    padding: 7px 0;\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    border-radius: 7px;\r\n    color: var(--cm-gray, #a0a0a0);\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.02em;\r\n    cursor: pointer;\r\n    transition:\r\n      background 0.2s ease,\r\n      border-color 0.2s ease,\r\n      color 0.2s ease;\r\n    outline: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n  }\r\n\r\n  .cm-contacto-card__citytab:hover {\r\n    color: #fff;\r\n    border-color: rgba(44,213,196,0.3);\r\n  }\r\n\r\n  .cm-contacto-card__citytab:focus,\r\n  .cm-contacto-card__citytab:focus-visible {\r\n    outline: none;\r\n    box-shadow: 0 0 0 2px rgba(44,213,196,0.35);\r\n    border-color: var(--cm-primary, #2cd5c4);\r\n  }\r\n\r\n  .cm-contacto-card__citytab.is-active {\r\n    background: rgba(44,213,196,0.12);\r\n    border-color: var(--cm-primary, #2cd5c4);\r\n    color: #fff;\r\n  }\r\n\r\n  .cm-contacto-card__citytab.is-active:focus,\r\n  .cm-contacto-card__citytab.is-active:focus-visible {\r\n    box-shadow: none;\r\n  }\r\n\r\n  .cm-contacto-card__desc[data-field=\"address\"] {\r\n    min-height: 0;\r\n  }\r\n\r\n  .cm-contacto-mapa {\r\n    border-radius: var(--cm-radius, 16px);\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    height: 320px;\r\n    position: relative;\r\n  }\r\n\r\n  .cm-contacto-mapa iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    filter: grayscale(60%) invert(85%) contrast(90%) brightness(80%);\r\n    border: none;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .cm-contacto-mapa__overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    pointer-events: none;\r\n    box-shadow: inset 0 0 0 1px rgba(44,213,196,0.12);\r\n    border-radius: var(--cm-radius, 16px);\r\n  }\r\n\r\n  .cm-contacto-mapa__tag {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 9px 16px;\r\n    background: rgba(10,10,10,0.85);\r\n    border: 1px solid rgba(44,213,196,0.25);\r\n    border-radius: 999px;\r\n    backdrop-filter: blur(6px);\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    z-index: 3;\r\n  }\r\n\r\n  .cm-contacto-mapa__tag svg {\r\n    color: var(--cm-primary, #2cd5c4);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* -------- Bot\u00f3n flotante WhatsApp -------- *\/\r\n  .cm-whatsapp-float {\r\n    position: fixed;\r\n    bottom: 28px;\r\n    right: 28px;\r\n    width: 58px;\r\n    height: 58px;\r\n    background: #25D366;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 999;\r\n    box-shadow: 0 6px 24px rgba(37,211,102,0.4);\r\n    transition:\r\n      transform 0.2s ease,\r\n      box-shadow 0.2s ease;\r\n    text-decoration: none;\r\n    outline: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .cm-whatsapp-float:hover {\r\n    transform: scale(1.1);\r\n    box-shadow: 0 10px 32px rgba(37,211,102,0.5);\r\n  }\r\n\r\n  .cm-whatsapp-float:focus,\r\n  .cm-whatsapp-float:focus-visible {\r\n    outline: none;\r\n    box-shadow: 0 0 0 3px rgba(37,211,102,0.4);\r\n  }\r\n\r\n  .cm-contacto-card:focus,\r\n  .cm-contacto-card:focus-visible {\r\n    outline: none;\r\n    box-shadow: 0 0 0 2px rgba(44,213,196,0.35);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-contacto-directo__grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-contacto-directo\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-contacto-directo__header cm-fade-up\">\r\n      <div class=\"cm-contacto-directo__label\">\r\n        <span><\/span>\r\n        Otras formas de contacto\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"cm-contacto-directo__headline\">\r\n        Cont\u00e1ctanos directamente\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"cm-contacto-directo__grid\">\r\n\r\n      <!-- ======================================================\r\n           UBICACI\u00d3N\r\n           ====================================================== -->\r\n      <div class=\"cm-contacto-card cm-contacto-card--sedes cm-fade-up\">\r\n\r\n        <div class=\"cm-contacto-card__icon\" data-field=\"icon\">\r\n          <svg\r\n            width=\"22\"\r\n            height=\"22\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"><\/path>\r\n            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <span class=\"cm-contacto-card__type\">\r\n          Ubicaci\u00f3n\r\n        <\/span>\r\n\r\n        <div\r\n          class=\"cm-contacto-card__citytabs\"\r\n          role=\"tablist\"\r\n          aria-label=\"Selector de cobertura\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"cm-contacto-card__citytab is-active\"\r\n            data-coverage=\"tecnologia\"\r\n            role=\"tab\"\r\n            aria-selected=\"true\">\r\n            Tecnolog\u00eda\r\n          <\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"cm-contacto-card__citytab\"\r\n            data-coverage=\"hvac\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\">\r\n            HVAC\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"cm-contacto-card__value\"\r\n          data-field=\"city\">\r\n          Cobertura a nivel mundial\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"cm-contacto-card__desc\"\r\n          data-field=\"address\">\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"cm-contacto-card__note\"\r\n          data-field=\"note\">\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"cm-contacto-card__action\"\r\n          data-field=\"link-btn\">\r\n\r\n          Ver en mapa\r\n\r\n          <svg\r\n            width=\"14\"\r\n            height=\"14\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.5\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n          <\/svg>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           EMAIL\r\n           Enlace mailto con asunto y mensaje predefinido.\r\n           ====================================================== -->\r\n      <div class=\"cm-contacto-card cm-fade-up\">\r\n\r\n        <div class=\"cm-contacto-card__icon\">\r\n          <svg\r\n            width=\"22\"\r\n            height=\"22\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <span class=\"cm-contacto-card__type\">\r\n          Email\r\n        <\/span>\r\n\r\n        <div class=\"cm-contacto-card__value\">\r\n          contacto@<br>\r\n          corporativomatheus.com\r\n        <\/div>\r\n\r\n        <div class=\"cm-contacto-card__desc\">\r\n          Respuesta en menos de 24 horas h\u00e1biles.\r\n        <\/div>\r\n\r\n        <a\r\n          href=\"mailto:contacto@corporativomatheus.com?subject=Contacto%20desde%20la%20web&body=Vengo%20de%20la%20p%C3%A1gina%20de%20contacto%20de%20tu%20web%20y%20quiero%20que%20me%20contacten%20lo%20antes%20posible\"\r\n          class=\"cm-contacto-card__action\">\r\n\r\n          Enviar email\r\n\r\n          <svg\r\n            width=\"14\"\r\n            height=\"14\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.5\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           WHATSAPP\r\n           N\u00famero actualizado: +51 988 843 398\r\n           Mensaje predeterminado actualizado.\r\n           ====================================================== -->\r\n      <div class=\"cm-contacto-card cm-fade-up\">\r\n\r\n        <div class=\"cm-contacto-card__icon\">\r\n          <svg\r\n            width=\"22\"\r\n            height=\"22\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n\r\n            <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.6a19.79 19.79 0 01-3.07-8.68A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\"><\/path>\r\n\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- SOLO WHATSAPP -->\r\n        <span class=\"cm-contacto-card__type\">\r\n          WhatsApp\r\n        <\/span>\r\n\r\n        <!-- Se elimina completamente el n\u00famero telef\u00f3nico -->\r\n        <div class=\"cm-contacto-card__value\">\r\n          Atenci\u00f3n directa por WhatsApp\r\n        <\/div>\r\n\r\n        <!-- Horario actualizado -->\r\n        <div class=\"cm-contacto-card__desc\">\r\n          Las 24 Horas\r\n        <\/div>\r\n\r\n        <a\r\n          href=\"https:\/\/wa.me\/51988843398?text=Vengo%20de%20tu%20p%C3%A1gina%20web%20en%20el%20apartado%20de%20contacto%2C%20%C2%BFc%C3%B3mo%20puedes%20ayudarme%3F\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          class=\"cm-contacto-card__action\">\r\n\r\n          Escribir por WhatsApp\r\n\r\n          <svg\r\n            width=\"14\"\r\n            height=\"14\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.5\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         MAPA EMBED DIN\u00c1MICO\r\n         ======================================================== -->\r\n    <div class=\"cm-contacto-mapa cm-fade-up\">\r\n\r\n      <div class=\"cm-contacto-mapa__tag\">\r\n\r\n        <svg\r\n          width=\"14\"\r\n          height=\"14\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2.5\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n\r\n          <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"><\/path>\r\n          <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n\r\n        <\/svg>\r\n\r\n        <span id=\"cm-map-tag-label\">\r\n          Cobertura Global\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <iframe\r\n        id=\"cm-contacto-mapframe\"\r\n        src=\"https:\/\/www.google.com\/maps?ll=0,0&z=1&output=embed\"\r\n        allowfullscreen=\"\"\r\n        loading=\"lazy\"\r\n        referrerpolicy=\"no-referrer-when-downgrade\">\r\n      <\/iframe>\r\n\r\n      <div class=\"cm-contacto-mapa__overlay\"><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     BOT\u00d3N FLOTANTE WHATSAPP\r\n     N\u00famero actualizado: +51 988 843 398\r\n     ============================================================ -->\r\n<a\r\n  href=\"https:\/\/wa.me\/51988843398?text=Hola,%20me%20gustar%C3%ADa%20solicitar%20un%20diagn%C3%B3stico.\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\"\r\n  class=\"cm-whatsapp-float\"\r\n  title=\"Escr\u00edbenos por WhatsApp\"\r\n  aria-label=\"Escr\u00edbenos por WhatsApp\">\r\n\r\n  <svg\r\n    width=\"28\"\r\n    height=\"28\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"white\">\r\n\r\n    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n\r\n  <\/svg>\r\n\r\n<\/a>\r\n\r\n\r\n<script>\r\n  (function() {\r\n\r\n    \/\/ =========================================================\r\n    \/\/ ICONOS\r\n    \/\/ =========================================================\r\n\r\n    const ICONS = {\r\n\r\n      globe: `\r\n        <svg\r\n          width=\"22\"\r\n          height=\"22\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n          <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n          <path d=\"M12 2a15.3 15.3 0 010 20 15.3 15.3 0 010-20z\"><\/path>\r\n\r\n        <\/svg>\r\n      `,\r\n\r\n      pin: `\r\n        <svg\r\n          width=\"22\"\r\n          height=\"22\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n\r\n          <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"><\/path>\r\n          <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n\r\n        <\/svg>\r\n      `\r\n\r\n    };\r\n\r\n\r\n    \/\/ =========================================================\r\n    \/\/ DATOS DE COBERTURA\r\n    \/\/\r\n    \/\/ - \"tecnologia\": mapa mundial sin ning\u00fan marcador (se usa\r\n    \/\/   ll= en vez de q= para que Google Maps no dibuje el pin).\r\n    \/\/ - \"hvac\": mapa centrado en el punto medio del territorio\r\n    \/\/   Tacna \/ Arequipa \/ Moquegua (ll=), pero el marcador (q=)\r\n    \/\/   se fija exactamente en la sede de Tacna. As\u00ed el mapa\r\n    \/\/   encuadra las 3 ciudades y el pin queda en el local real.\r\n    \/\/ =========================================================\r\n\r\n    const COBERTURAS = {\r\n\r\n      tecnologia: {\r\n\r\n        icon: 'globe',\r\n\r\n        city: 'Cobertura a nivel mundial',\r\n\r\n        address: '',\r\n\r\n        note:\r\n          'Soporte remoto, desarrollo y proyectos tecnol\u00f3gicos en cualquier pa\u00eds.',\r\n\r\n        mapsUrl:\r\n          'https:\/\/www.google.com\/maps\/@10,-10,2z',\r\n\r\n        embed:\r\n          'https:\/\/www.google.com\/maps?ll=0,0&z=1&output=embed',\r\n\r\n        tag:\r\n          'Cobertura Global'\r\n\r\n      },\r\n\r\n      hvac: {\r\n\r\n        icon: 'pin',\r\n\r\n        city: 'Tacna, Per\u00fa',\r\n\r\n        address:\r\n          'Calle Francisco Cornejo N\u00b0890, Tacna',\r\n\r\n        note:\r\n          'Cobertura tambi\u00e9n en Arequipa y Moquegua.',\r\n\r\n        mapsUrl:\r\n          'https:\/\/www.google.com\/maps\/place\/C.+Francisco+Cornejo+Cuadra+890,+Tacna+23003\/@-18.0113472,-70.2475721,846m\/data=!3m2!1e3!4b1!4m6!3m5!1s0x915acf633e13c9e7:0x5d6c6eedf6b9fe!8m2!3d-18.0113472!4d-70.2449918!16s%2Fg%2F11c29tf3l3',\r\n\r\n        \/\/ q = marcador exacto en la sede (Tacna)\r\n        \/\/ ll = centro del encuadre = punto medio entre\r\n        \/\/      Tacna, Arequipa y Moquegua\r\n        \/\/ z  = zoom suficiente para que las 3 ciudades entren\r\n        \/\/      dentro del recuadro del mapa\r\n        embed:\r\n          'https:\/\/www.google.com\/maps?q=-18.0113472,-70.2449918&ll=-17.2101973,-70.8912469&z=7&output=embed',\r\n\r\n        tag:\r\n          'Tacna, Per\u00fa'\r\n\r\n      }\r\n\r\n    };\r\n\r\n\r\n    \/\/ =========================================================\r\n    \/\/ ELEMENTOS\r\n    \/\/ =========================================================\r\n\r\n    const tabs =\r\n      document.querySelectorAll(\r\n        '.cm-contacto-card__citytab'\r\n      );\r\n\r\n    const frame =\r\n      document.getElementById(\r\n        'cm-contacto-mapframe'\r\n      );\r\n\r\n    const tagLabel =\r\n      document.getElementById(\r\n        'cm-map-tag-label'\r\n      );\r\n\r\n    const cityField =\r\n      document.querySelector(\r\n        '.cm-contacto-card--sedes [data-field=\"city\"]'\r\n      );\r\n\r\n    const addressField =\r\n      document.querySelector(\r\n        '.cm-contacto-card--sedes [data-field=\"address\"]'\r\n      );\r\n\r\n    const noteField =\r\n      document.querySelector(\r\n        '.cm-contacto-card--sedes [data-field=\"note\"]'\r\n      );\r\n\r\n    const iconField =\r\n      document.querySelector(\r\n        '.cm-contacto-card--sedes [data-field=\"icon\"]'\r\n      );\r\n\r\n    const linkBtn =\r\n      document.querySelector(\r\n        '.cm-contacto-card--sedes [data-field=\"link-btn\"]'\r\n      );\r\n\r\n\r\n    let currentUrl =\r\n      COBERTURAS.tecnologia.mapsUrl;\r\n\r\n\r\n    \/\/ =========================================================\r\n    \/\/ CAMBIAR COBERTURA\r\n    \/\/ =========================================================\r\n\r\n    function setCobertura(key) {\r\n\r\n      const data =\r\n        COBERTURAS[key];\r\n\r\n      if (!data) {\r\n        return;\r\n      }\r\n\r\n\r\n      cityField.textContent =\r\n        data.city;\r\n\r\n\r\n      if (data.address) {\r\n\r\n        addressField.innerHTML =\r\n          data.address;\r\n\r\n        addressField.style.display =\r\n          '';\r\n\r\n      } else {\r\n\r\n        addressField.innerHTML =\r\n          '';\r\n\r\n        addressField.style.display =\r\n          'none';\r\n\r\n      }\r\n\r\n\r\n      if (data.note) {\r\n\r\n        noteField.textContent =\r\n          data.note;\r\n\r\n        noteField.style.display =\r\n          '';\r\n\r\n      } else {\r\n\r\n        noteField.textContent =\r\n          '';\r\n\r\n        noteField.style.display =\r\n          'none';\r\n\r\n      }\r\n\r\n\r\n      iconField.innerHTML =\r\n        ICONS[data.icon];\r\n\r\n      tagLabel.textContent =\r\n        data.tag;\r\n\r\n      frame.src =\r\n        data.embed;\r\n\r\n      currentUrl =\r\n        data.mapsUrl;\r\n\r\n\r\n      tabs.forEach(\r\n        t => {\r\n\r\n          const active =\r\n            t.dataset.coverage === key;\r\n\r\n          t.classList.toggle(\r\n            'is-active',\r\n            active\r\n          );\r\n\r\n          t.setAttribute(\r\n            'aria-selected',\r\n            active\r\n              ? 'true'\r\n              : 'false'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/\/ =========================================================\r\n    \/\/ EVENTOS DE TABS\r\n    \/\/ =========================================================\r\n\r\n    tabs.forEach(\r\n      tab => {\r\n\r\n        tab.addEventListener(\r\n          'click',\r\n          () => {\r\n\r\n            setCobertura(\r\n              tab.dataset.coverage\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/\/ =========================================================\r\n    \/\/ BOT\u00d3N VER EN MAPA\r\n    \/\/ =========================================================\r\n\r\n    if (linkBtn) {\r\n\r\n      linkBtn.addEventListener(\r\n        'click',\r\n        () => {\r\n\r\n          document\r\n            .querySelector(\r\n              '.cm-contacto-mapa'\r\n            )\r\n            .scrollIntoView({\r\n              behavior: 'smooth',\r\n              block: 'center'\r\n            });\r\n\r\n          window.open(\r\n            currentUrl,\r\n            '_blank'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/\/ =========================================================\r\n    \/\/ ESTADO INICIAL\r\n    \/\/ =========================================================\r\n\r\n    setCobertura(\r\n      'tecnologia'\r\n    );\r\n\r\n  })();\r\n\r\n\r\n  \/\/ ============================================================\r\n  \/\/ ANIMACIONES DE ENTRADA\r\n  \/\/ ============================================================\r\n\r\n  (function() {\r\n\r\n    const faders =\r\n      document.querySelectorAll(\r\n        '.cm-fade-up'\r\n      );\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        (entries) => {\r\n\r\n          entries.forEach(\r\n            (el, i) => {\r\n\r\n              if (\r\n                el.isIntersecting\r\n              ) {\r\n\r\n                setTimeout(\r\n                  () => {\r\n\r\n                    el.target.style.opacity =\r\n                      '1';\r\n\r\n                    el.target.style.transform =\r\n                      'translateY(0)';\r\n\r\n                  },\r\n                  0\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold: 0.1\r\n        }\r\n      );\r\n\r\n\r\n    faders.forEach(\r\n      (el, i) => {\r\n\r\n        el.style.opacity =\r\n          '0';\r\n\r\n        el.style.transform =\r\n          'translateY(28px)';\r\n\r\n        el.style.transition =\r\n          `opacity 0.7s ease ${i * 0.1}s,\r\n           transform 0.7s ease ${i * 0.1}s`;\r\n\r\n        observer.observe(el);\r\n\r\n      }\r\n    );\r\n\r\n  })();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9de4046 elementor-widget elementor-widget-html\" data-id=\"9de4046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 05 \u2014 CTA FINAL \/ CIERRE\r\n     Refuerzo de conversi\u00f3n antes del footer\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-cta-final {\r\n    position: relative;\r\n    z-index: 10;\r\n    padding: 100px 24px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-cta-final::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(44,213,196,0.04) 0%,\r\n        transparent 60%\r\n      ),\r\n      rgba(10,10,10,0.8);\r\n    border-top: 1px solid rgba(44,213,196,0.1);\r\n  }\r\n\r\n  .cm-cta-final::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(44,213,196,0.06) 0%,\r\n      transparent 65%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-cta-final .cm-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HEADLINE PRINCIPAL\r\n     Texto m\u00e1s grande y con mayor amplitud horizontal\r\n     Exactamente dos l\u00edneas centradas\r\n     ============================================================ *\/\r\n\r\n  .cm-cta-final__headline {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto 28px;\r\n\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(42px, 5.8vw, 64px);\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: #fff;\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-cta-final__headline span {\r\n    color: var(--cm-primary, #2cd5c4);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     TEXTO SECUNDARIO\r\n     ============================================================ *\/\r\n\r\n  .cm-cta-final__text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 17px;\r\n    color: var(--cm-gray, #a0a0a0);\r\n    line-height: 1.65;\r\n    margin-bottom: 44px;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     BOTONES\r\n     ============================================================ *\/\r\n\r\n  .cm-cta-final__actions {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cm-cta-final__btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 17px 40px;\r\n    background: var(--cm-primary, #2cd5c4);\r\n    color: #000;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    border-radius: 10px;\r\n\r\n    transition:\r\n      background 0.25s ease,\r\n      transform 0.2s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .cm-cta-final__btn-primary:hover {\r\n    background: var(--cm-primary-dark, #1fb8a9);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 32px rgba(44,213,196,0.35);\r\n  }\r\n\r\n  .cm-cta-final__btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 17px 40px;\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    color: var(--cm-gray-light, #ccc);\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 10px;\r\n\r\n    transition:\r\n      border-color 0.25s ease,\r\n      color 0.25s ease,\r\n      transform 0.2s ease;\r\n  }\r\n\r\n  .cm-cta-final__btn-secondary:hover {\r\n    border-color: rgba(44,213,196,0.4);\r\n    color: var(--cm-primary, #2cd5c4);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     ELEMENTOS DE CONFIANZA\r\n     ============================================================ *\/\r\n\r\n  .cm-cta-final__trust {\r\n    margin-top: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cm-cta-final__trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    color: var(--cm-gray, #a0a0a0);\r\n  }\r\n\r\n  .cm-cta-final__trust-item svg {\r\n    color: var(--cm-primary, #2cd5c4);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .cm-cta-final__trust-sep {\r\n    width: 4px;\r\n    height: 4px;\r\n    background: rgba(255,255,255,0.15);\r\n    border-radius: 50%;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 768px) {\r\n\r\n    .cm-cta-final {\r\n      padding: 85px 20px;\r\n    }\r\n\r\n    .cm-cta-final .cm-container {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .cm-cta-final__headline {\r\n      max-width: 100%;\r\n      font-size: clamp(36px, 8.5vw, 52px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.025em;\r\n    }\r\n  }\r\n\r\n\r\n  @media (max-width: 640px) {\r\n\r\n    .cm-cta-final {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .cm-cta-final__headline {\r\n      max-width: 100%;\r\n      font-size: clamp(32px, 9.5vw, 46px);\r\n      line-height: 1.1;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .cm-cta-final__text {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .cm-cta-final__actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .cm-cta-final__btn-primary,\r\n    .cm-cta-final__btn-secondary {\r\n      justify-content: center;\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .cm-cta-final__trust {\r\n      gap: 12px;\r\n    }\r\n\r\n    .cm-cta-final__trust-sep {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-cta-final\">\r\n\r\n  <div class=\"cm-container cm-fade-up\">\r\n\r\n    <!-- ========================================================\r\n         MENSAJE PRINCIPAL\r\n         EXACTAMENTE DOS L\u00cdNEAS\r\n         ======================================================== -->\r\n\r\n    <h2 class=\"cm-cta-final__headline\">\r\n      Si tu empresa est\u00e1 lista,<br>\r\n      el camino es <span>claro desde aqu\u00ed<\/span>\r\n    <\/h2>\r\n\r\n\r\n    <!-- ========================================================\r\n         TEXTO SECUNDARIO\r\n         ======================================================== -->\r\n\r\n    <p class=\"cm-cta-final__text\">\r\n      No se trata de implementar tecnolog\u00eda por moda.<br>\r\n      Se trata de hacerlo correctamente, sin errores costosos.\r\n    <\/p>\r\n\r\n\r\n    <!-- ========================================================\r\n         BOTONES DE ACCI\u00d3N\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-cta-final__actions\">\r\n\r\n      <a href=\"#formulario\" class=\"cm-cta-final__btn-primary\">\r\n\r\n        <svg\r\n          width=\"16\"\r\n          height=\"16\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2.5\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\r\n          <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\r\n        <\/svg>\r\n\r\n        Iniciar evaluaci\u00f3n\r\n\r\n      <\/a>\r\n\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/51988843398\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        class=\"cm-cta-final__btn-secondary\"\r\n      >\r\n\r\n        <svg\r\n          width=\"16\"\r\n          height=\"16\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"currentColor\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\r\n          \/>\r\n        <\/svg>\r\n\r\n        Contactar por WhatsApp\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         ELEMENTOS DE CONFIANZA\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-cta-final__trust\">\r\n\r\n      <div class=\"cm-cta-final__trust-item\">\r\n\r\n        <svg\r\n          width=\"14\"\r\n          height=\"14\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n          <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n        <\/svg>\r\n\r\n        Respuesta en 24h\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cm-cta-final__trust-sep\"><\/div>\r\n\r\n\r\n      <div class=\"cm-cta-final__trust-item\">\r\n\r\n        <svg\r\n          width=\"14\"\r\n          height=\"14\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n        <\/svg>\r\n\r\n        Diagn\u00f3stico hecho a medida\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cm-cta-final__trust-sep\"><\/div>\r\n\r\n\r\n      <div class=\"cm-cta-final__trust-item\">\r\n\r\n        <svg\r\n          width=\"14\"\r\n          height=\"14\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n        <\/svg>\r\n\r\n        +10 a\u00f1os de experiencia\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n  (function() {\r\n\r\n    \/* ==========================================================\r\n       ANIMACI\u00d3N DE ENTRADA\r\n       ========================================================== *\/\r\n\r\n    const faders =\r\n      document.querySelectorAll('.cm-fade-up');\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        (entries) => {\r\n\r\n          entries.forEach(entry => {\r\n\r\n            if (entry.isIntersecting) {\r\n\r\n              entry.target.style.opacity = '1';\r\n\r\n              entry.target.style.transform =\r\n                'translateY(0)';\r\n\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n        {\r\n          threshold: 0.1\r\n        }\r\n      );\r\n\r\n\r\n    faders.forEach(element => {\r\n\r\n      element.style.opacity = '0';\r\n\r\n      element.style.transform =\r\n        'translateY(28px)';\r\n\r\n      element.style.transition =\r\n        'opacity 0.7s ease, transform 0.7s ease';\r\n\r\n      observer.observe(element);\r\n\r\n    });\r\n\r\n\r\n    \/* ==========================================================\r\n       SCROLL SUAVE HACIA EL FORMULARIO\r\n       ========================================================== *\/\r\n\r\n    document\r\n      .querySelectorAll('a[href=\"#formulario\"]')\r\n      .forEach(link => {\r\n\r\n        link.addEventListener(\r\n          'click',\r\n          function(event) {\r\n\r\n            event.preventDefault();\r\n\r\n            const target =\r\n              document.getElementById('formulario');\r\n\r\n            if (target) {\r\n\r\n              target.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'start'\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n  })();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70651d7 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"70651d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"70651d7\" data-e-type=\"e-flexbox\" data-id=\"70651d7\">\n    \t\t<div class=\"elementor-element elementor-element-6e8cae2 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"6e8cae2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    \/* ===== RESET ===== *\/\n    #mf-footer *, #mf-footer *::before, #mf-footer *::after {\n        box-sizing: border-box; margin: 0; padding: 0;\n    }\n\n    \/* ===== VARIABLES (heredadas del header) ===== *\/\n    #mf-footer {\n        --mh-teal:      #2cd5c4;\n        --mh-black:     #000000;\n        --mh-white:     #ffffff;\n        --mh-gray:      #0a0a0a;\n        --mh-border:    rgba(44,213,196,0.18);\n        --mh-teal-dim:  rgba(44,213,196,0.1);\n        --mh-font-disp: \"Bebas Neue\", sans-serif;\n        --mh-font-ui:   \"Syne\", sans-serif;\n        --mh-font-body: \"DM Sans\", sans-serif;\n        width: 100%;\n        background: rgba(0,0,0,0.82);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        position: relative;\n        overflow: hidden;\n        padding-top: 0;\n    }\n\n    \/* ===== SEPARADOR 1 \u2014 L\u00cdNEA TEAL (gradiente id\u00e9ntico al header) ===== *\/\n    #mf-footer::before {\n        content: \"\";\n        display: block;\n        height: 5px;\n        background: linear-gradient(90deg, transparent 0%, var(--mh-teal) 40%, var(--mh-teal) 60%, transparent 100%);\n        opacity: 0.7;\n    }\n\n    \/* ===== CONTENEDOR INTERNO ===== *\/\n    #mf-footer .mf-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        \/* \u2500\u2500 REFERENCIA #M3 \u2014 PADDING LATERAL del footer (izquierda\/derecha)\n              padding: 0 28px \u2190 cambia 28px para m\u00e1s\/menos margen lateral.  \u2500\u2500 *\/\n        padding: 0 28px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FILA 1: EMPRESA + REDES SOCIALES\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-row-top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        \/* \u2500\u2500 REFERENCIA #M1 \u2014 MARGEN SUPERIOR del footer\n              (espacio entre la l\u00ednea teal y \"CORPORATIVO MATHEUS S.A.C.\")\n              padding-top: 48px \u2190 sube\/baja este valor.                    \u2500\u2500 *\/\n        padding-top: 32px;\n        \/* \u2500\u2500 REFERENCIA #M4 \u2014 Empresa+Redes \u2192 Separador 2\n              padding-bottom: 48px \u2190 espacio debajo de la fila empresa.    \u2500\u2500 *\/\n        padding-bottom: 28px;\n    }\n    #mf-footer .mf-company {\n        font-family: var(--mh-font-ui);\n        \/* \u2500\u2500 REFERENCIA #F1 \u2014 TAMA\u00d1O LETRA de \"CORPORATIVO MATHEUS S.A.C.\"\n              font-size: 17px \u2190 cambia este valor (ej: 13px, 16px, 18px).  \u2500\u2500 *\/\n        font-size: 22px;\n        font-weight: 800;\n        letter-spacing: 0.10em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.85);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       REDES SOCIALES (\u00edconos)\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-social {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    #mf-footer .mf-social__link {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        border: 1px solid rgba(255,255,255,0.15);\n        border-radius: 4px;\n        color: rgba(255,255,255,0.55);\n        text-decoration: none;\n        transition: color 0.3s, border-color 0.3s, background 0.3s, transform 0.3s;\n    }\n    #mf-footer .mf-social__link:hover {\n        color: var(--mh-teal);\n        border-color: var(--mh-teal);\n        background: var(--mh-teal-dim);\n        transform: translateY(-2px);\n    }\n    #mf-footer .mf-social__link svg {\n        display: block;\n        width: 18px;\n        height: 18px;\n        flex-shrink: 0;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       REFERENCIA #S2 \u2014 SEPARADOR 2 (gris grueso)\n       height: 2px     \u2190 grosor de la l\u00ednea (sube para m\u00e1s gruesa)\n       background: rgba(255,255,255,0.25) \u2190 opacidad (0.25 = visible,\n         sube hasta 0.4 si quieres m\u00e1s contraste, baja a 0.12 si menos)\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-sep-thick {\n        height: 2px;\n        background: rgba(255,255,255,0.25);\n        border: none;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LINKS LEGALES\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-legal {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n        text-align: left;\n        \/* \u2500\u2500 REFERENCIA #M5 \u2014 Separador 2 \u2192 Links Legales\n              padding-top: 36px \u2190 espacio encima de los links legales.     \u2500\u2500 *\/\n        padding-top: 20px;\n    }\n    #mf-footer .mf-legal a {\n        font-family: var(--mh-font-ui);\n        \/* \u2500\u2500 REFERENCIA #F2 \u2014 TAMA\u00d1O LETRA de los links legales\n              font-size: 11px \u2190 cambia (ej: 12px, 13px).                  \u2500\u2500 *\/\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.4);\n        text-decoration: none;\n        transition: color 0.25s;\n    }\n    #mf-footer .mf-legal a:hover {\n        color: var(--mh-teal);\n    }\n    \/* \u2500\u2500 REFERENCIA #M6 \u2014 ESPACIO ENTRE los links legales (el punto \"\u00b7\")\n          margin: 0 14px \u2190 cambia 14px para m\u00e1s\/menos separaci\u00f3n\n          entre \"Privacidad\", \"Cookies\" y \"Aviso Legal\".                   \u2500\u2500 *\/\n    #mf-footer .mf-legal__sep {\n        display: none;\n        color: rgba(255,255,255,0.15);\n        font-size: 11px;\n        user-select: none;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       EMAIL\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-email {\n        text-align: center;\n        \/* \u2500\u2500 REFERENCIA #M7 \u2014 Links Legales \u2192 Email\n              padding-top: 16px \u2190 espacio entre links legales y email.     \u2500\u2500 *\/\n        padding-top: 8px;\n    }\n    #mf-footer .mf-email a {\n        font-family: var(--mh-font-body);\n        \/* \u2500\u2500 REFERENCIA #F3 \u2014 TAMA\u00d1O LETRA del email\n              font-size: 13px \u2190 cambia (ej: 12px, 14px).                  \u2500\u2500 *\/\n        font-size: 15px;\n        font-weight: 400;\n        color: rgba(255,255,255,0.35);\n        text-decoration: none;\n        letter-spacing: 0.04em;\n        transition: color 0.25s;\n    }\n    #mf-footer .mf-email a:hover {\n        color: var(--mh-teal);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       REFERENCIA #S3 \u2014 SEPARADOR 3 (gris fino)\n       height: 1px     \u2190 grosor de la l\u00ednea\n       background: rgba(255,255,255,0.15) \u2190 opacidad\n       (sube hasta 0.3 si quieres m\u00e1s visible)\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-sep-thin {\n        height: 1px;\n        background: rgba(255,255,255,0.15);\n        border: none;\n        \/* \u2500\u2500 REFERENCIA #M8 \u2014 Email \u2192 Separador 3\n              margin-top: 36px \u2190 espacio entre el email y esta l\u00ednea.      \u2500\u2500 *\/\n        margin-top: 24px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LOGO CON GLOW + BOUNCE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-logo-wrap {\n        text-align: center;\n        \/* \u2500\u2500 REFERENCIA #M9 \u2014 Separador 3 \u2192 Logo\n              padding-top: 20px \u2190 espacio entre los links legales y el logo. \u2500\u2500 *\/\n        padding-top: 20px;\n    }\n    #mf-footer .mf-logo-wrap a {\n        display: inline-block;\n        text-decoration: none;\n        animation: mfBounce 3s ease-in-out infinite;\n    }\n    #mf-footer .mf-logo-wrap img {\n        \/* \u2500\u2500 REFERENCIA #1b \u2014 TAMA\u00d1O DEL LOGO EN EL FOOTER\n              height: 90px \u2190 cambia este valor para escalar la imagen.     \u2500\u2500 *\/\n        height: 52px;\n        width: auto;\n        display: block;\n        object-fit: contain;\n        filter: drop-shadow(0 0 18px rgba(44,213,196,0.35))\n                drop-shadow(0 0 60px rgba(44,213,196,0.12));\n        \/* \u2500\u2500 REFERENCIA #M11 \u2014 INTENSIDAD DEL RESPLANDOR AL PASAR EL CURSOR\n              El logo mide 52px, la mitad que en la versi\u00f3n anterior, as\u00ed que\n              el brillo necesita m\u00e1s fuerza para notarse igual. Sube o baja\n              los valores de opacidad (0.9 \/ 0.5 \/ 0.25) para calibrarlo.  \u2500\u2500 *\/\n        transition: filter 0.4s ease, transform 0.4s cubic-bezier(.16,1,.3,1);\n    }\n    #mf-footer .mf-logo-wrap a:hover img {\n        filter: drop-shadow(0 0 14px rgba(255,255,255,0.35))\n                drop-shadow(0 0 30px rgba(44,213,196,0.9))\n                drop-shadow(0 0 70px rgba(44,213,196,0.5))\n                drop-shadow(0 0 120px rgba(44,213,196,0.25));\n        transform: scale(1.08);\n    }\n\n    \/* ===== ANIMACI\u00d3N BOUNCE (referencia Divisual) ===== *\/\n    @keyframes mfBounce {\n        0%, 100% { transform: translateY(0); }\n        50%      { transform: translateY(-10px); }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       COPYRIGHT\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #mf-footer .mf-copy {\n        text-align: center;\n        \/* \u2500\u2500 REFERENCIA #M10 \u2014 Logo \u2192 Copyright\n              padding-top: 24px \u2190 espacio entre logo y texto copyright.    \u2500\u2500 *\/\n        padding-top: 16px;\n        \/* \u2500\u2500 REFERENCIA #M2 \u2014 MARGEN INFERIOR del footer completo\n              padding-bottom: 48px \u2190 espacio desde copyright hasta el\n              borde inferior del footer. Cambia a gusto.                   \u2500\u2500 *\/\n        padding-bottom: 24px;\n    }\n    #mf-footer .mf-copy p {\n        font-family: var(--mh-font-body);\n        \/* \u2500\u2500 REFERENCIA #F4 \u2014 TAMA\u00d1O LETRA del copyright\n              font-size: 11px \u2190 cambia (ej: 10px, 12px).                  \u2500\u2500 *\/\n        font-size: 13px;\n        font-weight: 300;\n        color: rgba(255,255,255,0.25);\n        letter-spacing: 0.04em;\n    }\n\n    \/* ===== AJUSTE DE COMPACTACI\u00d3N EN ESCRITORIO =====\n       Sube el bloque logo + correo para alinearlo visualmente\n       con la lista vertical de enlaces legales. *\/\n    @media (min-width: 769px) {\n        #mf-footer .mf-logo-wrap {\n            padding-top: 0;\n            margin-top: -76px;\n        }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 768px) {\n        #mf-footer .mf-row-top {\n            flex-direction: column;\n            gap: 24px;\n            text-align: center;\n            padding-top: 28px;\n            padding-bottom: 24px;\n        }\n        #mf-footer .mf-company { font-size: 13px; }\n        #mf-footer .mf-social  { justify-content: center; }\n        #mf-footer .mf-legal a { font-size: 10px; }\n        #mf-footer .mf-legal__sep { margin: 0 8px; }\n        #mf-footer .mf-email a { font-size: 12px; }\n        #mf-footer .mf-logo-wrap img { height: 70px; }\n        #mf-footer .mf-inner   { padding: 0 16px; }\n    }\n\n    @media (max-width: 480px) {\n        #mf-footer .mf-legal {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 12px;\n        }\n        #mf-footer .mf-legal__sep { display: none; }\n        #mf-footer .mf-company {\n            font-size: 11px;\n            letter-spacing: 0.12em;\n        }\n    }\n\n    \/* ===== REDUCIR MOVIMIENTO ===== *\/\n    @media (prefers-reduced-motion: reduce) {\n        #mf-footer .mf-logo-wrap a { animation: none; }\n        #mf-footer .mf-logo-wrap a:hover img { transform: none; }\n    }\n    <\/style><footer id=\"mf-footer\" role=\"contentinfo\"><div class=\"mf-inner\"><div class=\"mf-row-top\"><span class=\"mf-company\">Corporativo MATHEUS S.A.C.<\/span><div class=\"mf-social\"><a href=\"https:\/\/www.linkedin.com\/in\/roland-garc%C3%ADa-palencia-b82466158\/\" class=\"mf-social__link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LinkedIn\">\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n            <\/a><a href=\"https:\/\/www.youtube.com\/@CorporativoMatheus\/\" class=\"mf-social__link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\">\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n            <\/a><a href=\"http:\/\/facebook.com\/corporativomatheus\" class=\"mf-social__link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n            <\/a><a href=\"http:\/\/instagram.com\/corporativomatheus\" class=\"mf-social__link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\"><path d=\"M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 11-2.88 0 1.441 1.441 0 012.88 0z\"\/><\/svg>\n            <\/a><\/div><\/div><hr class=\"mf-sep-thick\" \/><div class=\"mf-legal\"><a href=\"https:\/\/www.corporativomatheus.com\/politica-de-privacidad\/\">Pol\u00edtica de Privacidad<\/a><span class=\"mf-legal__sep\">\u00b7<\/span><a href=\"https:\/\/www.corporativomatheus.com\/politica-de-cookiess\/\">Pol\u00edtica de Cookies<\/a><span class=\"mf-legal__sep\">\u00b7<\/span><a href=\"https:\/\/www.corporativomatheus.com\/aviso-legal\/\">Aviso Legal<\/a><span class=\"mf-legal__sep\">\u00b7<\/span><a href=\"https:\/\/www.corporativomatheus.com\/politica-privacidad\/\">Pol\u00edtica de Seguridad<\/a><\/div><div class=\"mf-logo-wrap\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" aria-label=\"Corp MATHEUS\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/white_icon_transparent_background.png\" alt=\"Corp MATHEUS\" \/><\/a><\/div><div class=\"mf-email\"><a href=\"mailto:contacto@corporativomatheus.com\">contacto@corporativomatheus.com<\/a><\/div><hr class=\"mf-sep-thin\" \/><div class=\"mf-copy\"><p>Copyright &copy; 2025 Corporativo MATHEUS S.A.C., All rights reserved<\/p><\/div><\/div><\/footer><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agenda una consulta y encuentra la soluci\u00f3n para tu negocio Completa el formulario y te contactaremos para analizar tu caso y proponerte la mejor soluci\u00f3n. Ver formulario \u00ab`html Elige el formulario que quieres llenar Tecnolog\u00eda \/ IA Climatizaci\u00f3n HVAC Formaci\u00f3n Transforma tu empresa. Impulsa tu tecnolog\u00eda. Analizamos tus procesos y necesidades para identificar oportunidades de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-457","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":34,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":2719,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/457\/revisions\/2719"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}