{"id":12,"date":"2026-04-04T13:05:19","date_gmt":"2026-04-04T18:05:19","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=12"},"modified":"2026-09-03T09:19:49","modified_gmt":"2026-09-03T14:19:49","slug":"home","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cae01bb e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"cae01bb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cae01bb\" data-e-type=\"e-flexbox\" data-id=\"cae01bb\">\n    \t\t<div class=\"elementor-element elementor-element-4952a3a elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"4952a3a\" 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 mh-nav__link--active\">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\">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\/12\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/12\" 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-d776f42 e-flex e-con-boxed e-con e-parent\" data-id=\"d776f42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89dc899 elementor-widget elementor-widget-html\" data-id=\"89dc899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     00-B \u2014 HTML + JAVASCRIPT \u2014 Primer caj\u00f3n HTML en Elementor\r\n     PEGAR EN: Widget HTML (<\/>) como PRIMER widget de la Home\r\n     Contiene: Google Fonts, Particles.js, Gradient overlay,\r\n               Intersection Observer para animaciones\r\n     ============================================================ -->\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Particles.js Container (Capa 2) -->\r\n<div id=\"cm-particles-bg\"><\/div>\r\n\r\n<!-- Gradient Overlay (Capa 3) -->\r\n<div id=\"cm-gradient-overlay\"><\/div>\r\n\r\n<!-- Particles.js Library -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  \/\/ \u2500\u2500 Inicializar Particles.js \u2500\u2500\r\n  if (typeof particlesJS !== 'undefined') {\r\n    particlesJS('cm-particles-bg', {\r\n      particles: {\r\n        number: { value: 60, density: { enable: true, value_area: 900 } },\r\n        color: { value: ['#2cd5c4', '#ffffff', '#1fb8a9'] },\r\n        shape: { type: 'circle' },\r\n        opacity: {\r\n          value: 0.25,\r\n          random: true,\r\n          anim: { enable: true, speed: 0.6, opacity_min: 0.05, sync: false }\r\n        },\r\n        size: {\r\n          value: 2.5,\r\n          random: true,\r\n          anim: { enable: true, speed: 1.5, size_min: 0.5, sync: false }\r\n        },\r\n        line_linked: {\r\n          enable: true,\r\n          distance: 160,\r\n          color: '#2cd5c4',\r\n          opacity: 0.08,\r\n          width: 1\r\n        },\r\n        move: {\r\n          enable: true,\r\n          speed: 0.8,\r\n          direction: 'none',\r\n          random: true,\r\n          straight: false,\r\n          out_mode: 'out',\r\n          bounce: false\r\n        }\r\n      },\r\n      interactivity: {\r\n        detect_on: 'canvas',\r\n        events: {\r\n          onhover: { enable: true, mode: 'grab' },\r\n          onclick: { enable: false },\r\n          resize: true\r\n        },\r\n        modes: {\r\n          grab: { distance: 180, line_linked: { opacity: 0.2 } }\r\n        }\r\n      },\r\n      retina_detect: true\r\n    });\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Intersection Observer para animaciones de scroll \u2500\u2500\r\n  var observerOptions = { threshold: 0.15, rootMargin: '0px 0px -50px 0px' };\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('cm-visible');\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  document.querySelectorAll('.cm-fade-up').forEach(function(el) {\r\n    observer.observe(el);\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24f8a64 e-flex e-con-boxed e-con e-parent\" data-id=\"24f8a64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62a257d elementor-widget elementor-widget-html\" data-id=\"62a257d\" 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 (SECCI\u00d3N PRINCIPAL)\r\n     El bloque m\u00e1s importante de la p\u00e1gina.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-hero,\r\n.cm-hero * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-hero {\r\n  min-height: 90vh;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  width:100%;\r\n  max-width:100%;\r\n  overflow:hidden;\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\r\n  right: -10%;\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.07) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: cm-hero-glow 8s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes cm-hero-glow {\r\n  0% {\r\n    transform: translate(0, 0) scale(1);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    transform: translate(-40px, 30px) scale(1.15);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.cm-hero-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: 140px 24px 100px;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n  width: 100%;\r\n  min-width:0;\r\n}\r\n\r\n.cm-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-width:0;\r\n}\r\n\r\n.cm-hero-badge {\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.15);\r\n  border-radius: 60px;\r\n  padding: 8px 18px;\r\n  font-family: var(--cm-font-display);\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 28px;\r\n  animation: cm-badge-in 0.8s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.cm-hero-badge svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  fill: var(--cm-primary);\r\n}\r\n\r\n@keyframes cm-badge-in {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.cm-hero h1 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(2.4rem, 5.2vw, 4rem);\r\n  font-weight: 800;\r\n  line-height: 1.08;\r\n  color: var(--cm-white);\r\n  margin: 0 0 24px;\r\n  animation: cm-h1-in 1s ease 0.2s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.cm-hero h1 .cm-accent-word {\r\n  color: var(--cm-primary);\r\n  position: relative;\r\n}\r\n\r\n@keyframes cm-h1-in {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.cm-hero-sub {\r\n  font-family: var(--cm-font-body);\r\n  font-size: clamp(1.05rem, 1.3vw, 1.2rem);\r\n  line-height: 1.7;\r\n  color: var(--cm-gray);\r\n  margin: 0 0 40px;\r\n  max-width: 520px;\r\n  animation: cm-sub-in 1s ease 0.4s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n@keyframes cm-sub-in {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.cm-hero-buttons {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  animation: cm-btns-in 1s ease 0.6s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n@keyframes cm-btns-in {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.cm-hero-btn-arrow {\r\n  display: inline-flex;\r\n  width: 20px;\r\n  height: 20px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.cm-btn-primary:hover .cm-hero-btn-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Hero Visual (derecha) \u2500\u2500 *\/\r\n\r\n.cm-hero-visual {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  animation: cm-visual-in 1.2s ease 0.5s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n@keyframes cm-visual-in {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.9) translateY(20px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1) translateY(0);\r\n  }\r\n}\r\n\r\n.cm-hero-logo-container {\r\n  position: relative;\r\n  width: 320px;\r\n  height: 320px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-hero-logo-ring {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 1px solid rgba(44,213,196,0.12);\r\n  border-radius: 50%;\r\n  animation: cm-ring-rotate 30s linear infinite;\r\n}\r\n\r\n.cm-hero-logo-ring::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -3px;\r\n  left: 50%;\r\n  width: 6px;\r\n  height: 6px;\r\n  background: var(--cm-primary);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 12px var(--cm-primary-glow);\r\n}\r\n\r\n.cm-hero-logo-ring-2 {\r\n  position: absolute;\r\n  width: 85%;\r\n  height: 85%;\r\n  border: 1px solid rgba(44,213,196,0.06);\r\n  border-radius: 50%;\r\n  animation: cm-ring-rotate 25s linear infinite reverse;\r\n}\r\n\r\n@keyframes cm-ring-rotate {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.cm-hero-logo-img {\r\n  width: 180px;\r\n  height: auto;\r\n  filter: drop-shadow(0 0 40px rgba(44,213,196,0.15));\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Floating stats \u2500\u2500 *\/\r\n\r\n.cm-hero-float-stat {\r\n  position: absolute;\r\n  background: rgba(17,17,17,0.85);\r\n  backdrop-filter: blur(12px);\r\n  border: 1px solid var(--cm-dark-border);\r\n  border-radius: var(--cm-radius-sm);\r\n  padding: 14px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  animation: cm-float 4s ease-in-out infinite alternate;\r\n}\r\n\r\n.cm-hero-float-stat:nth-child(4) {\r\n  bottom: 20px;\r\n  left: -30px;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.cm-hero-float-stat:nth-child(5) {\r\n  top: 30px;\r\n  right: -40px;\r\n  animation-delay: 1.5s;\r\n}\r\n\r\n@keyframes cm-float {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  100% {\r\n    transform: translateY(-10px);\r\n  }\r\n}\r\n\r\n.cm-float-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: var(--cm-primary-subtle);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-float-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-float-text strong {\r\n  display: block;\r\n  font-family: var(--cm-font-display);\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: var(--cm-white);\r\n}\r\n\r\n.cm-float-text span {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 11px;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 SCROLL INDICATOR \u2500\u2500 *\/\r\n\r\n.cm-hero-scroll {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  animation: cm-scroll-bounce 2s ease-in-out infinite;\r\n  opacity: 0.4;\r\n}\r\n\r\n.cm-hero-scroll span {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 10px;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n.cm-hero-scroll-line {\r\n  width: 1px;\r\n  height: 30px;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    var(--cm-primary),\r\n    transparent\r\n  );\r\n}\r\n\r\n@keyframes cm-scroll-bounce {\r\n  0%,\r\n  100% {\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateX(-50%) translateY(8px);\r\n  }\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n\r\n@media (max-width: 968px) {\r\n\r\n  .cm-hero-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 50px;\r\n    padding: 120px 20px 80px;\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-hero-content {\r\n    width:100%;\r\n    max-width:100%;\r\n  }\r\n\r\n  .cm-hero h1 {\r\n    font-size:clamp(1.8rem,8vw,2.5rem);\r\n    overflow-wrap:normal;\r\n    word-break:normal;\r\n    text-wrap:balance;\r\n  }\r\n\r\n  .cm-hero-badge {\r\n    max-width:100%;\r\n    white-space:normal;\r\n    justify-content:center;\r\n  }\r\n\r\n  .cm-hero-sub {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .cm-hero-buttons {\r\n    justify-content: center;\r\n  }\r\n\r\n  .cm-hero-visual {\r\n    order: -1;\r\n  }\r\n\r\n  .cm-hero-logo-container {\r\n    width: 240px;\r\n    height: 240px;\r\n  }\r\n\r\n  .cm-hero-logo-img {\r\n    width: 120px;\r\n  }\r\n\r\n  .cm-hero-float-stat:nth-child(4) {\r\n    left: -10px;\r\n    bottom: 0;\r\n  }\r\n\r\n  .cm-hero-float-stat:nth-child(5) {\r\n    right: -10px;\r\n    top: 10px;\r\n  }\r\n\r\n  .cm-hero-scroll {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .cm-hero-buttons {\r\n    width:100%;\r\n    flex-direction: column;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .cm-hero-buttons .cm-btn {\r\n    width:100%;\r\n    max-width:100%;\r\n    white-space:normal;\r\n    text-align:center;\r\n    justify-content:center;\r\n    line-height:1.35;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-section cm-hero\">\r\n\r\n  <div class=\"cm-hero-inner\">\r\n\r\n    <!-- ========================================================\r\n         COLUMNA IZQUIERDA: COPY\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-hero-content\">\r\n\r\n      <div class=\"cm-hero-badge\">\r\n\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n        <\/svg>\r\n\r\n        Tecnolog\u00eda, IA y Ciberseguridad \r\n\r\n      <\/div>\r\n\r\n\r\n      <h1>\r\n        Integramos <span class=\"cm-accent-word\">Tecnolog\u00eda<\/span>\r\n         para hacer crecer y proteger tu negocio\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"cm-hero-sub\">\r\n        Ayudamos a Empresas Integr\u00e1ndole Soluciones Tecnol\u00f3gicas en sus operaciones para que puedan escalar y proteger sus sistemas con  Inteligencia Artificial y Ciberseguridad, complementadas con soluciones de infraestructura que mejoran la eficiencia y el rendimiento de sus espacios que llevan su empresa al siguiente nivel.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"cm-hero-buttons\">\r\n\r\n        <a\r\n          href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=hvac#formulario\"\r\n          class=\"cm-btn cm-btn-primary\"\r\n        >\r\n          Hablemos de tu empresa\r\n\r\n          <svg\r\n            class=\"cm-hero-btn-arrow\"\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=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#cm-tech-intro\"\r\n          class=\"cm-btn cm-btn-secondary\"\r\n        >\r\n          Ver soluciones tecnol\u00f3gicas\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         COLUMNA DERECHA: VISUAL\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-hero-visual\">\r\n\r\n      <div class=\"cm-hero-logo-container\">\r\n\r\n        <div class=\"cm-hero-logo-ring\"><\/div>\r\n\r\n        <div class=\"cm-hero-logo-ring-2\"><\/div>\r\n\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/base_icon_transparent_background.png\"\r\n          alt=\"Corporativo Matheus\"\r\n          class=\"cm-hero-logo-img\"\r\n          loading=\"eager\"\r\n        >\r\n\r\n\r\n        <!-- ====================================================\r\n             FLOATING STAT 1\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-float-stat\">\r\n\r\n          <div class=\"cm-float-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n              <path d=\"M22 4 12 14.01l-3-3\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"cm-float-text\">\r\n\r\n            <strong>100%<\/strong>\r\n\r\n            <span>\r\n              Garant\u00eda certificada\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             FLOATING STAT 2\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-float-stat\">\r\n\r\n          <div class=\"cm-float-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n              <path d=\"M12 2v4\"\/>\r\n              <path d=\"M12 18v4\"\/>\r\n              <path d=\"M4.93 4.93l2.83 2.83\"\/>\r\n              <path d=\"M16.24 16.24l2.83 2.83\"\/>\r\n              <path d=\"M2 12h4\"\/>\r\n              <path d=\"M18 12h4\"\/>\r\n              <path d=\"M4.93 19.07l2.83-2.83\"\/>\r\n              <path d=\"M16.24 7.76l2.83-2.83\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"cm-float-text\">\r\n\r\n            <strong>Eficiencia<\/strong>\r\n\r\n            <span>\r\n              Tecnolog\u00eda y HVAC\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ==========================================================\r\n       SCROLL INDICATOR\r\n       ========================================================== -->\r\n\r\n  <div class=\"cm-hero-scroll\">\r\n\r\n    <span>Scroll<\/span>\r\n\r\n    <div class=\"cm-hero-scroll-line\"><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d274f9 e-flex e-con-boxed e-con e-parent\" data-id=\"8d274f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36340d5 elementor-widget elementor-widget-html\" data-id=\"36340d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 02 \u2014 PRUEBA SOCIAL (CREDIBILIDAD)\r\n     Franja con estad\u00edsticas y logos de confianza.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-proof {\r\n  border-top: 1px solid var(--cm-dark-border);\r\n  border-bottom: 1px solid var(--cm-dark-border);\r\n  background: rgba(17,17,17,0.4);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.cm-proof-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: 50px 24px;\r\n}\r\n\r\n.cm-proof-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n\r\n.cm-proof-item {\r\n  text-align: center;\r\n  padding: 20px;\r\n  position: relative;\r\n}\r\n\r\n.cm-proof-item:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 1px;\r\n  height: 50%;\r\n  background: var(--cm-dark-border);\r\n}\r\n\r\n.cm-proof-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  margin: 0 auto 16px;\r\n  background: var(--cm-primary-subtle);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-proof-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-proof-number {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n  font-weight: 800;\r\n  color: var(--cm-white);\r\n  line-height: 1;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.cm-proof-number .cm-accent {\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-proof-label {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  color: var(--cm-gray);\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500 Gallery strip (fotos reales) \u2500\u2500 *\/\r\n.cm-proof-gallery {\r\n  margin-top: 40px;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 12px;\r\n  border-radius: var(--cm-radius);\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-proof-gallery-item {\r\n  position: relative;\r\n  aspect-ratio: 16\/10;\r\n  border-radius: var(--cm-radius-sm);\r\n  overflow: hidden;\r\n  background: var(--cm-dark-card);\r\n  border: 1px solid var(--cm-dark-border);\r\n}\r\n\r\n.cm-proof-gallery-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  opacity: 0.8;\r\n  transition: var(--cm-transition);\r\n}\r\n\r\n.cm-proof-gallery-item:hover img {\r\n  opacity: 1;\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-proof-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .cm-proof-item:not(:last-child)::after {\r\n    display: none;\r\n  }\r\n\r\n  .cm-proof-item {\r\n    padding: 16px 10px;\r\n  }\r\n\r\n  .cm-proof-gallery {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-proof\">\r\n  <div class=\"cm-proof-inner\">\r\n\r\n    <div class=\"cm-proof-grid cm-fade-up\">\r\n\r\n      <!-- ======================================================\r\n           ESTAD\u00cdSTICA 01 \u2014 INSTALACIONES\r\n           ====================================================== -->\r\n      <div class=\"cm-proof-item\">\r\n\r\n        <div class=\"cm-proof-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n            <path d=\"M22 4 12 14.01l-3-3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-number\">\r\n          +<span class=\"cm-accent\">150<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-label\">\r\n          Instalaciones realizadas\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           ESTAD\u00cdSTICA 02 \u2014 EXPERIENCIA\r\n           ====================================================== -->\r\n      <div class=\"cm-proof-item\">\r\n\r\n        <div class=\"cm-proof-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-number\">\r\n          +<span class=\"cm-accent\">10<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-label\">\r\n          A\u00f1os de experiencia\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           ESTAD\u00cdSTICA 03 \u2014 CLIENTES\r\n           ====================================================== -->\r\n      <div class=\"cm-proof-item\">\r\n\r\n        <div class=\"cm-proof-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-number\">\r\n          <span class=\"cm-accent\">98<\/span>%\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-label\">\r\n          Clientes satisfechos\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           ESTAD\u00cdSTICA 04 \u2014 AHORRO\r\n           ====================================================== -->\r\n      <div class=\"cm-proof-item\">\r\n\r\n        <div class=\"cm-proof-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-number\">\r\n          -<span class=\"cm-accent\">40<\/span>%\r\n        <\/div>\r\n\r\n        <div class=\"cm-proof-label\">\r\n          Ahorro energ\u00e9tico comprobado\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ============================================================\r\n         GALER\u00cdA \u2014 IM\u00c1GENES REALES\r\n         Orden:\r\n         01 \u2192 home-3.png \u2192 Instalaciones realizadas\r\n         02 \u2192 home-4.png \u2192 A\u00f1os de experiencia\r\n         03 \u2192 home-2.png \u2192 Clientes satisfechos\r\n         04 \u2192 home-1.png \u2192 Ahorro energ\u00e9tico comprobado\r\n         ============================================================ -->\r\n\r\n    <div\r\n      class=\"cm-proof-gallery cm-fade-up\"\r\n      style=\"transition-delay:0.2s\"\r\n    >\r\n\r\n      <!-- 01 \u2014 Instalaciones realizadas -->\r\n      <div class=\"cm-proof-gallery-item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/home-3.png\"\r\n          alt=\"Instalaciones HVAC realizadas\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/div>\r\n\r\n\r\n      <!-- 02 \u2014 A\u00f1os de experiencia -->\r\n      <div class=\"cm-proof-gallery-item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/home-4.png\"\r\n          alt=\"Experiencia en sistemas HVAC\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/div>\r\n\r\n\r\n      <!-- 03 \u2014 Clientes satisfechos -->\r\n      <div class=\"cm-proof-gallery-item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/home-2.png\"\r\n          alt=\"Clientes satisfechos con soluciones HVAC\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/div>\r\n\r\n\r\n      <!-- 04 \u2014 Ahorro energ\u00e9tico comprobado -->\r\n      <div class=\"cm-proof-gallery-item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/home-1.png\"\r\n          alt=\"Ahorro energ\u00e9tico en sistemas HVAC\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7447454 e-flex e-con-boxed e-con e-parent\" data-id=\"7447454\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2bdbf2 elementor-widget elementor-widget-html\" data-id=\"c2bdbf2\" 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 PROBLEMA (DOLOR HVAC)\r\n     Golpea el dolor para que el cliente se identifique.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-problem {\r\n  padding: 0;\r\n}\r\n\r\n.cm-problem-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding);\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n.cm-problem-visual {\r\n  position: relative;\r\n}\r\n\r\n.cm-problem-card-stack {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.cm-problem-card {\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,60,60,0.08);\r\n  border-radius: var(--cm-radius);\r\n  padding: 24px 28px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 18px;\r\n  transition: var(--cm-transition);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-problem-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 3px;\r\n  height: 100%;\r\n  background: linear-gradient(180deg, #ff4444, #ff6b6b);\r\n  border-radius: 2px;\r\n}\r\n\r\n.cm-problem-card:hover {\r\n  background: rgba(25,15,15,0.8);\r\n  border-color: rgba(255,60,60,0.15);\r\n  transform: translateX(6px);\r\n}\r\n\r\n.cm-problem-card-icon {\r\n  flex-shrink: 0;\r\n  width: 42px;\r\n  height: 42px;\r\n  background: rgba(255,68,68,0.08);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-problem-card-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  stroke: #ff6b6b;\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-problem-card h4 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: var(--cm-white);\r\n  margin: 0 0 6px;\r\n}\r\n\r\n.cm-problem-card p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 14px;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 Right column: Copy \u2500\u2500 *\/\r\n.cm-problem-content {}\r\n\r\n.cm-problem-content .cm-label::before {\r\n  background: #ff6b6b;\r\n}\r\n\r\n.cm-problem-content .cm-label {\r\n  color: #ff6b6b;\r\n}\r\n\r\n.cm-problem-content h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  color: var(--cm-white);\r\n  margin: 0 0 24px;\r\n}\r\n\r\n.cm-problem-content h2 .cm-danger {\r\n  color: #ff6b6b;\r\n}\r\n\r\n.cm-problem-closing {\r\n  font-family: var(--cm-font-body);\r\n  font-size: clamp(1.05rem, 1.3vw, 1.15rem);\r\n  line-height: 1.7;\r\n  color: var(--cm-gray);\r\n  margin: 0 0 32px;\r\n  max-width: 480px;\r\n}\r\n\r\n.cm-problem-cost {\r\n  background: rgba(255,68,68,0.05);\r\n  border: 1px solid rgba(255,68,68,0.12);\r\n  border-radius: var(--cm-radius-sm);\r\n  padding: 20px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n.cm-problem-cost-icon {\r\n  flex-shrink: 0;\r\n  font-size: 28px;\r\n}\r\n\r\n.cm-problem-cost-text {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #ff9999;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .cm-problem-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  .cm-problem-visual { order: 2; }\r\n  .cm-problem-content { order: 1; text-align: center; }\r\n  .cm-problem-closing { max-width: 100%; }\r\n  .cm-problem-cost { justify-content: center; text-align: left; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-problem\">\r\n  <div class=\"cm-problem-inner\">\r\n\r\n    <!-- Pain cards (izquierda) -->\r\n    <div class=\"cm-problem-visual cm-fade-up\">\r\n      <div class=\"cm-problem-card-stack\">\r\n\r\n        <div class=\"cm-problem-card\">\r\n          <div class=\"cm-problem-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h4>Facturas el\u00e9ctricas elevadas<\/h4>\r\n            <p>Cada mes pagas de m\u00e1s por equipos ineficientes que consumen energ\u00eda innecesariamente.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cm-problem-card\" style=\"transition-delay:0.1s\">\r\n          <div class=\"cm-problem-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h4>Ambientes inc\u00f3modos<\/h4>\r\n            <p>Espacios demasiado calientes o fr\u00edos que afectan la productividad y el bienestar.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cm-problem-card\" style=\"transition-delay:0.2s\">\r\n          <div class=\"cm-problem-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h4>Equipos mal instalados<\/h4>\r\n            <p>Sistemas que fallan constantemente, requieren reparaciones caras y no cumplen su funci\u00f3n.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Copy (derecha) -->\r\n    <div class=\"cm-problem-content cm-fade-up\" style=\"transition-delay:0.2s\">\r\n      <div class=\"cm-label\">El problema<\/div>\r\n      <h2>\r\n        Un mal sistema de climatizaci\u00f3n <span class=\"cm-danger\">te cuesta m\u00e1s<\/span> de lo que crees\r\n      <\/h2>\r\n      <p class=\"cm-problem-closing\">\r\n        Si no lo solucionas, seguir\u00e1s perdiendo dinero y confort todos los d\u00edas. Un sistema deficiente no solo aumenta tu factura \u2014 deteriora tu calidad de vida y la de tus clientes.\r\n      <\/p>\r\n      <div class=\"cm-problem-cost\">\r\n        <div class=\"cm-problem-cost-icon\">\ud83d\udcb8<\/div>\r\n        <div class=\"cm-problem-cost-text\">\r\n          Un equipo ineficiente puede representar hasta un 40% m\u00e1s en tu factura el\u00e9ctrica mensual\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c95c20e e-flex e-con-boxed e-con e-parent\" data-id=\"c95c20e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6288259 elementor-widget elementor-widget-html\" data-id=\"6288259\" 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 SOLUCI\u00d3N HVAC\r\n     Presentamos c\u00f3mo resolvemos el problema.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-solution {\r\n  padding: 0;\r\n}\r\n\r\n.cm-solution-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding);\r\n}\r\n\r\n.cm-solution-header {\r\n  text-align: center;\r\n  max-width: 680px;\r\n  margin: 0 auto 60px;\r\n}\r\n\r\n.cm-solution-header h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  color: var(--cm-white);\r\n  margin: 0 0 18px;\r\n}\r\n\r\n.cm-solution-header p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: clamp(1rem, 1.2vw, 1.1rem);\r\n  line-height: 1.7;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SOLUTION CARDS GRID\r\n   ============================================================ *\/\r\n\r\n.cm-solution-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SOLUTION CARD\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  min-height: 430px;\r\n\r\n  border: 1px solid var(--cm-dark-border);\r\n  border-radius: var(--cm-radius);\r\n\r\n  padding: 40px 32px;\r\n\r\n  background-color: #111;\r\n\r\n  transition:\r\n    transform 0.4s ease,\r\n    border-color 0.4s ease,\r\n    box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMAGEN DE FONDO\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card::after {\r\n  content: '';\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 0;\r\n\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n\r\n  transform: scale(1);\r\n  transition: transform 0.7s ease;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CAPA OSCURA SOBRE LA IMAGEN\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card::before {\r\n  content: '';\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(5, 10, 10, 0.72) 0%,\r\n      rgba(5, 10, 10, 0.78) 45%,\r\n      rgba(5, 10, 10, 0.94) 100%\r\n    );\r\n\r\n  opacity: 1;\r\n\r\n  transition: background 0.4s ease;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IM\u00c1GENES ESPEC\u00cdFICAS DE CADA TARJETA\r\n   ============================================================ *\/\r\n\r\n\/* 01 \u2014 Equipos Inverter *\/\r\n.cm-solution-card:nth-child(1)::after {\r\n  background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/inicio-1.png');\r\n}\r\n\r\n\/* 02 \u2014 Instalaci\u00f3n Profesional *\/\r\n.cm-solution-card:nth-child(2)::after {\r\n  background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/inicio-3.png');\r\n}\r\n\r\n\/* 03 \u2014 Mantenimiento Preventivo *\/\r\n.cm-solution-card:nth-child(3)::after {\r\n  background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/inicio-2.png');\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTENIDO DE LAS TARJETAS\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card > * {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HOVER\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card:hover {\r\n  border-color: rgba(44, 213, 196, 0.35);\r\n\r\n  background: #111;\r\n\r\n  transform: translateY(-6px);\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.cm-solution-card:hover::after {\r\n  transform: scale(1.07);\r\n}\r\n\r\n.cm-solution-card:hover::before {\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(5, 10, 10, 0.60) 0%,\r\n      rgba(5, 10, 10, 0.72) 45%,\r\n      rgba(5, 10, 10, 0.91) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   N\u00daMERO\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card-number {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 48px;\r\n  font-weight: 800;\r\n\r\n  color: rgba(44, 213, 196, 0.16);\r\n\r\n  line-height: 1;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.cm-solution-card:hover .cm-solution-card-number {\r\n  color: rgba(44, 213, 196, 0.30);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ICONO\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n\r\n  background: rgba(44, 213, 196, 0.10);\r\n\r\n  border: 1px solid rgba(44, 213, 196, 0.22);\r\n\r\n  border-radius: 14px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n\r\n  transition:\r\n    background 0.4s ease,\r\n    border-color 0.4s ease,\r\n    transform 0.4s ease;\r\n}\r\n\r\n.cm-solution-card:hover .cm-solution-card-icon {\r\n  background: rgba(44, 213, 196, 0.16);\r\n  border-color: rgba(44, 213, 196, 0.38);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.cm-solution-card-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   T\u00cdTULO\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card h3 {\r\n  font-family: var(--cm-font-display);\r\n\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n\r\n  color: var(--cm-white);\r\n\r\n  margin: 0 0 12px;\r\n\r\n  line-height: 1.35;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DESCRIPCI\u00d3N\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card p {\r\n  font-family: var(--cm-font-body);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n\r\n  color: rgba(255, 255, 255, 0.72);\r\n\r\n  margin: 0;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0, 0, 0, 0.45);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TAG INFERIOR\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card-tag {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 20px;\r\n\r\n  font-family: var(--cm-font-display);\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 0.08em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: var(--cm-primary);\r\n\r\n  opacity: 0.85;\r\n\r\n  text-shadow:\r\n    0 2px 8px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.cm-solution-card-tag svg {\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n  stroke: var(--cm-primary);\r\n\r\n  fill: none;\r\n\r\n  stroke-width: 2;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   L\u00cdNEA SUPERIOR VERDE AL PASAR EL MOUSE\r\n   ============================================================ *\/\r\n\r\n.cm-solution-card {\r\n  --card-accent-opacity: 0;\r\n}\r\n\r\n.cm-solution-card > .cm-solution-card-number::after {\r\n  content: '';\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 100%;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--cm-primary),\r\n      transparent\r\n    );\r\n\r\n  opacity: var(--card-accent-opacity);\r\n\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cm-solution-card:hover {\r\n  --card-accent-opacity: 1;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE \u2014 TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 968px) {\r\n\r\n  .cm-solution-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .cm-solution-card {\r\n    min-height: 390px;\r\n    padding: 30px 24px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE \u2014 M\u00d3VIL\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .cm-solution-header {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .cm-solution-card {\r\n    min-height: 400px;\r\n    padding: 30px 24px;\r\n  }\r\n\r\n  .cm-solution-card-number {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .cm-solution-card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-section cm-solution\">\r\n\r\n  <div class=\"cm-solution-inner\">\r\n\r\n    <!-- ========================================================\r\n         ENCABEZADO\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-solution-header cm-fade-up\">\r\n\r\n      <h2>\r\n        Nosotros lo solucionamos de forma\r\n        <span class=\"cm-accent\">eficiente y segura<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        M\u00e1s de 10 a\u00f1os de experiencia en climatizaci\u00f3n respaldan\r\n        cada proyecto que realizamos.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         TARJETAS\r\n         ======================================================== -->\r\n\r\n    <div class=\"cm-solution-grid\">\r\n\r\n\r\n      <!-- ======================================================\r\n           01 \u2014 EQUIPOS INVERTER\r\n           Fondo: inicio-1.png\r\n           ====================================================== -->\r\n\r\n      <div class=\"cm-solution-card cm-fade-up\">\r\n\r\n        <div class=\"cm-solution-card-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"cm-solution-card-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\"\/>\r\n            <path d=\"M12 8v8\"\/>\r\n            <path d=\"M8 12h8\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Equipos Inverter de Alto Rendimiento\r\n        <\/h3>\r\n\r\n        <p>\r\n          Instalamos tecnolog\u00eda inverter que reduce el consumo\r\n          energ\u00e9tico hasta un 40% comparado con sistemas convencionales.\r\n        <\/p>\r\n\r\n        <div class=\"cm-solution-card-tag\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n            <path d=\"M22 4 12 14.01l-3-3\"\/>\r\n          <\/svg>\r\n\r\n          M\u00e1xima eficiencia\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           02 \u2014 INSTALACI\u00d3N PROFESIONAL\r\n           Fondo: inicio-3.png\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"cm-solution-card cm-fade-up\"\r\n        style=\"transition-delay:0.15s\"\r\n      >\r\n\r\n        <div class=\"cm-solution-card-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"cm-solution-card-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Instalaci\u00f3n Profesional Certificada\r\n        <\/h3>\r\n\r\n        <p>\r\n          T\u00e9cnicos con m\u00e1s de 10 a\u00f1os de experiencia garantizan\r\n          una instalaci\u00f3n impecable, sin fugas ni problemas futuros.\r\n        <\/p>\r\n\r\n        <div class=\"cm-solution-card-tag\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n\r\n          <\/svg>\r\n\r\n          Garant\u00eda total\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           03 \u2014 MANTENIMIENTO PREVENTIVO\r\n           Fondo: inicio-2.png\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"cm-solution-card cm-fade-up\"\r\n        style=\"transition-delay:0.3s\"\r\n      >\r\n\r\n        <div class=\"cm-solution-card-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"cm-solution-card-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n\r\n            <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9c.26.604.852.997 1.51 1H21a2 2 0 0 1 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Mantenimiento Preventivo\r\n        <\/h3>\r\n\r\n        <p>\r\n          Programas de mantenimiento que prolongan la vida \u00fatil\r\n          de tus equipos y previenen fallos costosos.\r\n        <\/p>\r\n\r\n        <div class=\"cm-solution-card-tag\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n\r\n            <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\r\n            <polyline points=\"17 6 23 6 23 12\"\/>\r\n\r\n          <\/svg>\r\n\r\n          Ahorro a largo plazo\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4997bcf elementor-widget elementor-widget-html\" data-id=\"4997bcf\" 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 OFERTA DE ENTRADA (DIAGN\u00d3STICO HVAC)\r\n     El bloque que genera dinero. Oferta clara y directa.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-offer {\r\n  padding: 0;\r\n}\r\n\r\n.cm-offer-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding);\r\n}\r\n\r\n.cm-offer-box {\r\n  position: relative;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, rgba(17,17,17,0.9) 0%, rgba(20,30,28,0.9) 100%);\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  box-shadow:\r\n    0 0 80px rgba(44,213,196,0.06),\r\n    0 24px 60px rgba(0,0,0,0.4),\r\n    inset 0 1px 0 rgba(255,255,255,0.03);\r\n}\r\n\r\n.cm-offer-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, transparent, var(--cm-primary), transparent);\r\n}\r\n\r\n.cm-offer-box-inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Left: Copy \u2500\u2500 *\/\r\n.cm-offer-copy {\r\n  padding: 60px 50px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-offer-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(44,213,196,0.1);\r\n  border: 1px solid rgba(44,213,196,0.2);\r\n  border-radius: 60px;\r\n  padding: 6px 16px;\r\n  font-family: var(--cm-font-display);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 24px;\r\n  width: fit-content;\r\n}\r\n\r\n.cm-offer-copy h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.cm-offer-copy > p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray);\r\n  margin: 0 0 32px;\r\n}\r\n\r\n.cm-offer-cta {\r\n  margin-top: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n@media (min-width: 969px) {\r\n  .cm-offer-copy:not(:only-child) .cm-offer-cta {\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n.cm-offer-cta-note {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 14px;\r\n  font-family: var(--cm-font-body);\r\n  font-size: 12px;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n.cm-offer-cta-note svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 2;\r\n}\r\n\r\n\/* \u2500\u2500 Right: Features \u2500\u2500 *\/\r\n.cm-offer-features {\r\n  padding: 60px 50px;\r\n  border-left: 1px solid var(--cm-dark-border);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 28px;\r\n}\r\n\r\n.cm-offer-feature {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n}\r\n\r\n.cm-offer-feature-check {\r\n  flex-shrink: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  background: rgba(44,213,196,0.1);\r\n  border: 1px solid rgba(44,213,196,0.2);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-offer-feature-check svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 2.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-offer-feature h4 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: var(--cm-white);\r\n  margin: 0 0 4px;\r\n}\r\n\r\n.cm-offer-feature p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .cm-offer-box-inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cm-offer-copy {\r\n    padding: 40px 28px;\r\n    text-align: center;\r\n    align-items: center;\r\n  }\r\n  .cm-offer-features {\r\n    padding: 32px 28px 40px;\r\n    border-left: none;\r\n    border-top: 1px solid var(--cm-dark-border);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-offer\">\r\n  <div class=\"cm-offer-inner\">\r\n    <div class=\"cm-offer-box cm-fade-up\">\r\n      <div class=\"cm-offer-box-inner\">\r\n\r\n        <!-- Copy -->\r\n        <div class=\"cm-offer-copy\">\r\n          <div class=\"cm-offer-badge\">\ud83d\udcb0 Oferta de entrada<\/div>\r\n          <h2>Empieza con un <span class=\"cm-accent\">diagn\u00f3stico profesional<\/span><\/h2>\r\n          <p>Evaluamos tu espacio, identificamos el sistema ideal y te damos una soluci\u00f3n clara antes de que inviertas un solo Sol.<\/p>\r\n          <div class=\"cm-offer-cta\">\r\n            <a href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-primary\">\r\n              Quiero mi diagn\u00f3stico profesional\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n            <div class=\"cm-offer-cta-note\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n              Respuesta en menos de 24 horas\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Features -->\r\n        <div class=\"cm-offer-features\">\r\n          <div class=\"cm-offer-feature\">\r\n            <div class=\"cm-offer-feature-check\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h4>Evaluaci\u00f3n t\u00e9cnica del espacio<\/h4>\r\n              <p>Analizamos dimensiones, orientaci\u00f3n, aislamiento y carga t\u00e9rmica de tu espacio.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cm-offer-feature\">\r\n            <div class=\"cm-offer-feature-check\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h4>Recomendaci\u00f3n de equipos<\/h4>\r\n              <p>Te indicamos el equipo exacto que necesitas, sin venderte m\u00e1s de lo necesario.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cm-offer-feature\">\r\n            <div class=\"cm-offer-feature-check\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h4>Estimaci\u00f3n de consumo energ\u00e9tico<\/h4>\r\n              <p>Sabr\u00e1s exactamente cu\u00e1nto vas a ahorrar con la soluci\u00f3n propuesta.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cm-offer-feature\">\r\n            <div class=\"cm-offer-feature-check\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h4>Presupuesto 100% personalizado<\/h4>\r\n              <p>Recibe una cotizaci\u00f3n detallada y transparente. Sin letra chica.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8914fad elementor-widget elementor-widget-html\" data-id=\"8914fad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 06 \u2014 TRANSICI\u00d3N A TECNOLOG\u00cdA\r\n     Introduce IA sin romper el foco HVAC.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-transition {\r\n  padding: 0;\r\n}\r\n\r\n.cm-transition-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: 80px 24px;\r\n}\r\n\r\n.cm-transition-banner {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, #0d0d0d 0%, #0a1514 100%);\r\n  border: 1px solid rgba(44,213,196,0.1);\r\n  padding: 60px 60px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 50px;\r\n}\r\n\r\n.cm-transition-banner::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 40%;\r\n  height: 100%;\r\n  background: radial-gradient(circle at 80% 50%, rgba(44,213,196,0.06) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Left: deco icon \u2500\u2500 *\/\r\n.cm-transition-deco {\r\n  flex-shrink: 0;\r\n  width: 100px;\r\n  height: 100px;\r\n  background: var(--cm-primary-subtle);\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  border-radius: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n}\r\n\r\n.cm-transition-deco svg {\r\n  width: 44px;\r\n  height: 44px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-transition-deco::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 120%;\r\n  height: 120%;\r\n  border: 1px solid rgba(44,213,196,0.06);\r\n  border-radius: 30px;\r\n  animation: cm-deco-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cm-deco-pulse {\r\n  0%, 100% { transform: scale(1); opacity: 0.5; }\r\n  50% { transform: scale(1.1); opacity: 0; }\r\n}\r\n\r\n\/* \u2500\u2500 Middle: Text \u2500\u2500 *\/\r\n.cm-transition-text {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cm-transition-text h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n  font-weight: 700;\r\n  color: var(--cm-white);\r\n  margin: 0 0 12px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.cm-transition-text p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 15px;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n  line-height: 1.7;\r\n  max-width: 500px;\r\n}\r\n\r\n\/* \u2500\u2500 Right: CTA \u2500\u2500 *\/\r\n.cm-transition-action {\r\n  flex-shrink: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .cm-transition-banner {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 40px 28px;\r\n    gap: 24px;\r\n  }\r\n  .cm-transition-text p { max-width: 100%; }\r\n  .cm-transition-deco {\r\n    width: 72px; height: 72px; border-radius: 18px;\r\n  }\r\n  .cm-transition-deco svg { width: 32px; height: 32px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-transition\" id=\"cm-tech-intro\">\r\n  <div class=\"cm-transition-inner\">\r\n    <div class=\"cm-transition-banner cm-fade-up\">\r\n\r\n      <div class=\"cm-transition-deco\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a4 4 0 0 1 4 4c0 1.95-2 3-2 8h-4c0-5-2-6.05-2-8a4 4 0 0 1 4-4z\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><path d=\"M11 22h2\"\/><\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"cm-transition-text\">\r\n        <h2>\u00bfQuieres llevar tu empresa al <span class=\"cm-accent\">siguiente nivel<\/span>?<\/h2>\r\n        <p>Adem\u00e1s de climatizaci\u00f3n, ayudamos a empresas a optimizar,  escalar sus operaciones y proteger sus sistemas con soluciones integradas de Inteligencia Artificial y Ciberseguridad. Automatizamos procesos clave, integramos IA con visi\u00f3n t\u00e9cnica y blindamos sistemas cr\u00edticos.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cm-transition-action\">\r\n        <a href=\"#cm-tech-block\" class=\"cm-btn cm-btn-ghost\">\r\n          Ver soluciones tecnol\u00f3gicas\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17l9.2-9.2M17 17V7.8H7.8\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-544e67e elementor-widget elementor-widget-html\" data-id=\"544e67e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 07 \u2014 TECNOLOG\u00cdA & CONSULTOR\u00cdA\r\n     Versi\u00f3n compacta para Home\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-tech {\r\n  padding: 0;\r\n}\r\n\r\n.cm-tech-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding);\r\n}\r\n\r\n.cm-tech-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IZQUIERDA\r\n   ============================================================ *\/\r\n\r\n.cm-tech-left {\r\n  min-width: 0;\r\n}\r\n\r\n.cm-tech-left h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.9rem, 3.6vw, 2.7rem);\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n  color: var(--cm-white);\r\n  margin: 0 0 20px;\r\n  letter-spacing: -0.025em;\r\n}\r\n\r\n.cm-tech-left h2 .cm-accent {\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-tech-intro {\r\n  max-width: 590px;\r\n  margin: 0 0 28px;\r\n  color: var(--cm-gray);\r\n  font-family: var(--cm-font-body);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3 BENEFICIOS\r\n   ============================================================ *\/\r\n\r\n.cm-tech-benefits {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.cm-tech-benefit {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px 16px;\r\n  border: 1px solid var(--cm-dark-border);\r\n  border-radius: var(--cm-radius-sm);\r\n  background: rgba(17,17,17,0.5);\r\n  transition: var(--cm-transition);\r\n}\r\n\r\n.cm-tech-benefit:hover {\r\n  transform: translateX(4px);\r\n  border-color: rgba(44,213,196,0.18);\r\n}\r\n\r\n.cm-tech-benefit-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 9px;\r\n  background: rgba(44,213,196,0.08);\r\n}\r\n\r\n.cm-tech-benefit-icon svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  fill: none;\r\n  stroke: var(--cm-primary);\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-tech-benefit span {\r\n  color: var(--cm-gray-light);\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MENSAJE DE IMPACTO\r\n   ============================================================ *\/\r\n\r\n.cm-tech-highlight {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-top: 5px;\r\n}\r\n\r\n.cm-tech-highlight svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex-shrink: 0;\r\n  fill: none;\r\n  stroke: #ffb432;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-tech-highlight span {\r\n  color: var(--cm-gray-light);\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.cm-tech-highlight strong {\r\n  color: var(--cm-white);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DERECHA \u2014 TARJETA\r\n   ============================================================ *\/\r\n\r\n.cm-tech-offer-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 38px 34px;\r\n  border: 1px solid rgba(44,213,196,0.11);\r\n  border-radius: 20px;\r\n  background: rgba(17,17,17,0.72);\r\n}\r\n\r\n.cm-tech-offer-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100px;\r\n  right: -80px;\r\n  width: 240px;\r\n  height: 240px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(44,213,196,0.09) 0%,\r\n    transparent 70%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ETIQUETA\r\n   ============================================================ *\/\r\n\r\n.cm-tech-offer-label {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  margin-bottom: 18px;\r\n  padding: 6px 13px;\r\n  border-radius: 50px;\r\n  background: rgba(44,213,196,0.08);\r\n  color: var(--cm-primary);\r\n  font-family: var(--cm-font-display);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TITULO TARJETA\r\n   ============================================================ *\/\r\n\r\n.cm-tech-offer-card h3 {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0 0 13px;\r\n  color: var(--cm-white);\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.35rem, 2.2vw, 1.7rem);\r\n  line-height: 1.18;\r\n}\r\n\r\n.cm-tech-offer-card h3 span {\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-tech-offer-description {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0 0 24px;\r\n  color: var(--cm-gray);\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SERVICIOS\r\n   ============================================================ *\/\r\n\r\n.cm-tech-services {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 11px;\r\n  margin-bottom: 27px;\r\n}\r\n\r\n.cm-tech-service {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  color: var(--cm-gray-light);\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.cm-tech-service svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex-shrink: 0;\r\n  fill: none;\r\n  stroke: var(--cm-primary);\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIAGN\u00d3STICO\r\n   ============================================================ *\/\r\n\r\n.cm-tech-diagnosis {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 25px;\r\n  padding: 18px;\r\n  border: 1px solid rgba(44,213,196,0.09);\r\n  border-radius: 13px;\r\n  background: rgba(44,213,196,0.035);\r\n}\r\n\r\n.cm-tech-diagnosis-title {\r\n  margin-bottom: 12px;\r\n  color: var(--cm-white);\r\n  font-family: var(--cm-font-display);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n}\r\n\r\n.cm-tech-diagnosis-items {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 8px 14px;\r\n}\r\n\r\n.cm-tech-diagnosis-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  color: var(--cm-gray);\r\n  font-family: var(--cm-font-body);\r\n  font-size: 11px;\r\n}\r\n\r\n.cm-tech-diagnosis-item svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  flex-shrink: 0;\r\n  fill: none;\r\n  stroke: var(--cm-primary);\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BOT\u00d3N\r\n   ============================================================ *\/\r\n\r\n.cm-tech-cta {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-tech-cta .cm-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n}\r\n\r\n.cm-tech-cta svg {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 968px) {\r\n\r\n  .cm-tech-layout {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .cm-tech-left {\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-tech-intro {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .cm-tech-benefits {\r\n    text-align: left;\r\n  }\r\n\r\n  .cm-tech-highlight {\r\n    justify-content: center;\r\n  }\r\n\r\n  .cm-tech-offer-card {\r\n    padding: 32px 26px;\r\n  }\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .cm-tech-offer-card {\r\n    padding: 28px 21px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .cm-tech-diagnosis-items {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .cm-tech-cta .cm-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .cm-tech-highlight {\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-section cm-tech\" id=\"cm-tech-block\">\r\n\r\n  <div class=\"cm-tech-inner\">\r\n\r\n    <div class=\"cm-tech-layout\">\r\n\r\n\r\n      <!-- ======================================================\r\n           COLUMNA IZQUIERDA\r\n           ====================================================== -->\r\n\r\n      <div class=\"cm-tech-left cm-fade-up\">\r\n\r\n        <div class=\"cm-label\">\r\n          Tecnolog\u00eda &amp; Consultor\u00eda\r\n        <\/div>\r\n\r\n        <h2>\r\n          Escala tu empresa con\r\n          <span class=\"cm-accent\">automatizaci\u00f3n<\/span>\r\n          e inteligencia artificial\r\n        <\/h2>\r\n\r\n        <p class=\"cm-tech-intro\">\r\n          Identificamos ineficiencias y dise\u00f1amos sistemas para que\r\n          tu empresa crezca sin aumentar costos.\r\n        <\/p>\r\n\r\n\r\n        <!-- 3 BENEFICIOS -->\r\n\r\n        <div class=\"cm-tech-benefits\">\r\n\r\n          <div class=\"cm-tech-benefit\">\r\n\r\n            <div class=\"cm-tech-benefit-icon\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\r\n                <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span>\r\n              Reducci\u00f3n de costos operativos\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-tech-benefit\">\r\n\r\n            <div class=\"cm-tech-benefit-icon\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 19V5\"\/>\r\n                <path d=\"M4 19h16\"\/>\r\n                <polyline points=\"7 15 10 11 13 13 18 7\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span>\r\n              Automatizaci\u00f3n de procesos clave\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-tech-benefit\">\r\n\r\n            <div class=\"cm-tech-benefit-icon\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <polyline points=\"3 17 9 11 13 15 21 7\"\/>\r\n                <polyline points=\"15 7 21 7 21 13\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span>\r\n              Escalabilidad sin fricci\u00f3n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MENSAJE DE IMPACTO -->\r\n\r\n        <div class=\"cm-tech-highlight\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M10.3 3.8L2.1 18a2 2 0 0 0 1.7 3h16.4a2 2 0 0 0 1.7-3L13.7 3.8a2 2 0 0 0-3.4 0z\"\/>\r\n            <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/>\r\n            <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>\r\n          <\/svg>\r\n\r\n          <span>\r\n            <strong>Menos trabajo manual.<\/strong>\r\n            M\u00e1s control, productividad y crecimiento.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           COLUMNA DERECHA\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"cm-tech-offer-card cm-fade-up\"\r\n        style=\"transition-delay:0.2s\"\r\n      >\r\n\r\n        <div class=\"cm-tech-offer-label\">\r\n          Diagn\u00f3stico tecnol\u00f3gico\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          No necesitas m\u00e1s personal,\r\n          <span>necesitas mejores sistemas.<\/span>\r\n        <\/h3>\r\n\r\n\r\n        <p class=\"cm-tech-offer-description\">\r\n          Analizamos tu operaci\u00f3n empresarial y encontramos brechas d\u00f3nde la tecnolog\u00eda\r\n          puede generar mayor impacto.\r\n        <\/p>\r\n\r\n\r\n        <!-- 3 SERVICIOS PRINCIPALES -->\r\n\r\n        <div class=\"cm-tech-services\">\r\n\r\n          <div class=\"cm-tech-service\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n\r\n            Auditor\u00eda de procesos claves \r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-tech-service\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n\r\n            Identificaci\u00f3n de oportunidades de incorporar IA\r\n\r\n          <\/div>\r\n\r\n          <div class=\"cm-tech-service\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n\r\n            Evaluaci\u00f3n de ciberseguridad completa\r\n\r\n          <\/div>\r\n\r\n          <div class=\"cm-tech-service\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n\r\n            Roadmap visual y t\u00e9cnico de implementaci\u00f3n personalizado\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DIAGN\u00d3STICO -->\r\n\r\n        <div class=\"cm-tech-diagnosis\">\r\n\r\n          <div class=\"cm-tech-diagnosis-title\">\r\n            Tu diagn\u00f3stico incluye\r\n          <\/div>\r\n\r\n          <div class=\"cm-tech-diagnosis-items\">\r\n\r\n            <div class=\"cm-tech-diagnosis-item\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Procesos BPMN\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-tech-diagnosis-item\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Oportunidades IA\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-tech-diagnosis-item\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Vulnerabilidades\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-tech-diagnosis-item\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Roadmap claro\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n\r\n        <div class=\"cm-tech-cta\">\r\n\r\n          <a\r\n            href=\"\/contacto-1\/?solucion=tecnologia#formulario\"\r\n            class=\"cm-btn cm-btn-primary\"\r\n          >\r\n            Agendar diagn\u00f3stico tecnol\u00f3gico\r\n\r\n            <svg\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=\"M5 12h14\"\/>\r\n              <path d=\"M12 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\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>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3fd7a0 elementor-widget elementor-widget-html\" data-id=\"d3fd7a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 08 \u2014 TESTIMONIOS\r\n     Social proof con comentarios de clientes.\r\n     INSTRUCCI\u00d3N: Reemplaza los placeholders con testimonios reales.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-testimonials {\r\n  padding: 0;\r\n}\r\n\r\n.cm-testimonials-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding);\r\n}\r\n\r\n.cm-testimonials-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.cm-testimonials-header h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n  font-weight: 700;\r\n  color: var(--cm-white);\r\n  margin: 0 0 14px;\r\n  line-height: 1.12;\r\n}\r\n\r\n.cm-testimonials-header p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 15px;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Testimonial Grid \u2500\u2500 *\/\r\n.cm-testimonials-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.cm-testimonial-card {\r\n  background: rgba(17,17,17,0.6);\r\n  border: 1px solid var(--cm-dark-border);\r\n  border-radius: var(--cm-radius);\r\n  padding: 36px 30px;\r\n  transition: var(--cm-transition);\r\n  position: relative;\r\n}\r\n\r\n.cm-testimonial-card:hover {\r\n  border-color: rgba(44,213,196,0.12);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* Stars *\/\r\n.cm-testimonial-stars {\r\n  display: flex;\r\n  gap: 3px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.cm-testimonial-stars svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  fill: var(--cm-primary);\r\n  stroke: none;\r\n}\r\n\r\n\/* Quote *\/\r\n.cm-testimonial-quote {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 14px;\r\n  line-height: 1.75;\r\n  color: var(--cm-gray-light);\r\n  margin: 0 0 24px;\r\n  font-style: italic;\r\n}\r\n\r\n.cm-testimonial-quote::before {\r\n  content: '\"';\r\n  font-family: var(--cm-font-display);\r\n  font-size: 48px;\r\n  line-height: 0;\r\n  color: rgba(44,213,196,0.15);\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  position: relative;\r\n  top: 14px;\r\n}\r\n\r\n\/* Author *\/\r\n.cm-testimonial-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  border-top: 1px solid var(--cm-dark-border);\r\n  padding-top: 20px;\r\n}\r\n\r\n.cm-testimonial-avatar {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(44,213,196,0.15), rgba(44,213,196,0.05));\r\n  border: 1px solid rgba(44,213,196,0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--cm-font-display);\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: var(--cm-primary);\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-testimonial-avatar img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.cm-testimonial-name {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: var(--cm-white);\r\n  margin: 0 0 2px;\r\n}\r\n\r\n.cm-testimonial-role {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 12px;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Result tag \u2500\u2500 *\/\r\n.cm-testimonial-result {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: rgba(44,213,196,0.08);\r\n  border-radius: 60px;\r\n  padding: 5px 12px;\r\n  font-family: var(--cm-font-display);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .cm-testimonials-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-testimonials\">\r\n  <div class=\"cm-testimonials-inner\">\r\n\r\n    <div class=\"cm-testimonials-header cm-fade-up\">\r\n      <div class=\"cm-label\" style=\"justify-content:center\">Testimonios<\/div>\r\n      <h2>Lo que dicen nuestros <span class=\"cm-accent\">clientes<\/span><\/h2>\r\n      <p>Resultados reales de empresas y hogares que conf\u00edan en nosotros.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-testimonials-grid\">\r\n\r\n      <!-- Testimonio 1 -->\r\n      <!-- INSTRUCCI\u00d3N: Reemplaza con testimonio real -->\r\n      <div class=\"cm-testimonial-card cm-fade-up\">\r\n        <div class=\"cm-testimonial-result\">\u2193 35% consumo el\u00e9ctrico<\/div>\r\n        <div class=\"cm-testimonial-stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-testimonial-quote\">\r\n          Desde que instalaron el sistema inverter en nuestra oficina, el ambiente es mucho m\u00e1s confortable y la factura el\u00e9ctrica baj\u00f3 notablemente. Muy profesionales.\r\n        <\/p>\r\n        <div class=\"cm-testimonial-author\">\r\n          <div class=\"cm-testimonial-avatar\">JR<\/div>\r\n          <div>\r\n            <div class=\"cm-testimonial-name\">Juan R.<\/div>\r\n            <div class=\"cm-testimonial-role\">Gerente \u2014 Empresa Comercial, Tacna<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 2 -->\r\n      <div class=\"cm-testimonial-card cm-fade-up\" style=\"transition-delay:0.15s\">\r\n        <div class=\"cm-testimonial-result\">\u2713 Instalaci\u00f3n en 1 d\u00eda<\/div>\r\n        <div class=\"cm-testimonial-stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-testimonial-quote\">\r\n          Necesit\u00e1bamos climatizar nuestro restaurante con urgencia. El equipo de Matheus respondi\u00f3 r\u00e1pido, instalaron todo en un d\u00eda y el resultado es excelente.\r\n        <\/p>\r\n        <div class=\"cm-testimonial-author\">\r\n          <div class=\"cm-testimonial-avatar\">MC<\/div>\r\n          <div>\r\n            <div class=\"cm-testimonial-name\">Mar\u00eda C.<\/div>\r\n            <div class=\"cm-testimonial-role\">Propietaria \u2014 Restaurante, Tacna<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 3 -->\r\n      <div class=\"cm-testimonial-card cm-fade-up\" style=\"transition-delay:0.3s\">\r\n        <div class=\"cm-testimonial-result\">\ud83d\udd27 Mantenimiento impecable<\/div>\r\n        <div class=\"cm-testimonial-stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-testimonial-quote\">\r\n          Llevamos 2 a\u00f1os con el programa de mantenimiento preventivo y nuestros equipos funcionan como el primer d\u00eda. Recomendados al 100%.\r\n        <\/p>\r\n        <div class=\"cm-testimonial-author\">\r\n          <div class=\"cm-testimonial-avatar\">LP<\/div>\r\n          <div>\r\n            <div class=\"cm-testimonial-name\">Luis P.<\/div>\r\n            <div class=\"cm-testimonial-role\">Administrador \u2014 Hotel, Arequipa<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\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-38bb6c6 elementor-widget elementor-widget-html\" data-id=\"38bb6c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 09 \u2014 SERVICIOS RESUMIDOS\r\n     Dividido en HVAC y Tecnolog\u00eda para claridad.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-services {\r\n  padding: 0;\r\n}\r\n\r\n.cm-services-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding);\r\n}\r\n\r\n.cm-services-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.cm-services-header h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n  font-weight: 700;\r\n  color: var(--cm-white);\r\n  margin: 0 0 14px;\r\n  line-height: 1.12;\r\n}\r\n\r\n.cm-services-header p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 15px;\r\n  color: var(--cm-gray);\r\n  margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Two columns \u2500\u2500 *\/\r\n.cm-services-columns {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n.cm-services-col {\r\n  background: rgba(17,17,17,0.5);\r\n  border: 1px solid var(--cm-dark-border);\r\n  border-radius: var(--cm-radius);\r\n  padding: 44px 36px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: var(--cm-transition);\r\n}\r\n\r\n.cm-services-col:hover {\r\n  border-color: rgba(44,213,196,0.1);\r\n}\r\n\r\n.cm-services-col::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  border-radius: 2px 2px 0 0;\r\n}\r\n\r\n.cm-services-col-hvac::before {\r\n  background: linear-gradient(90deg, var(--cm-primary), rgba(44,213,196,0.3));\r\n}\r\n\r\n.cm-services-col-tech::before {\r\n  background: linear-gradient(90deg, #a855f7, rgba(168,85,247,0.3));\r\n}\r\n\r\n\/* Column header *\/\r\n.cm-services-col-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.cm-services-col-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cm-services-col-hvac .cm-services-col-icon {\r\n  background: var(--cm-primary-subtle);\r\n  border: 1px solid rgba(44,213,196,0.1);\r\n}\r\n\r\n.cm-services-col-tech .cm-services-col-icon {\r\n  background: rgba(168,85,247,0.08);\r\n  border: 1px solid rgba(168,85,247,0.1);\r\n}\r\n\r\n.cm-services-col-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-services-col-hvac .cm-services-col-icon svg { stroke: var(--cm-primary); }\r\n.cm-services-col-tech .cm-services-col-icon svg { stroke: #a855f7; }\r\n\r\n.cm-services-col-header h3 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: var(--cm-white);\r\n  margin: 0;\r\n}\r\n\r\n.cm-services-col-header span {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  color: var(--cm-gray);\r\n  display: block;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* Service items *\/\r\n.cm-services-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n\r\n.cm-service-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 18px 0;\r\n  border-bottom: 1px solid var(--cm-dark-border);\r\n  transition: var(--cm-transition);\r\n}\r\n\r\n.cm-service-item:last-child { border-bottom: none; }\r\n\r\n.cm-service-item:hover {\r\n  padding-left: 8px;\r\n}\r\n\r\n.cm-service-dot {\r\n  flex-shrink: 0;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.cm-services-col-hvac .cm-service-dot { background: var(--cm-primary); }\r\n.cm-services-col-tech .cm-service-dot { background: #a855f7; }\r\n\r\n.cm-service-item-text {\r\n  flex: 1;\r\n}\r\n\r\n.cm-service-item-text strong {\r\n  display: block;\r\n  font-family: var(--cm-font-display);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: var(--cm-white);\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.cm-service-item-text span {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 13px;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n.cm-service-arrow {\r\n  flex-shrink: 0;\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: rgba(255,255,255,0.15);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  transition: var(--cm-transition);\r\n}\r\n\r\n.cm-service-item:hover .cm-service-arrow { stroke: var(--cm-primary); }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-services-columns { grid-template-columns: 1fr; }\r\n  .cm-services-col { padding: 32px 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-services\">\r\n  <div class=\"cm-services-inner\">\r\n\r\n    <div class=\"cm-services-header cm-fade-up\">\r\n      <div class=\"cm-label\" style=\"justify-content:center\">Nuestros servicios<\/div>\r\n      <h2>Todo lo que necesitas en <span class=\"cm-accent\">un solo lugar<\/span><\/h2>\r\n      <p>Climatizaci\u00f3n profesional y tecnolog\u00eda empresarial bajo un mismo equipo de confianza.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-services-columns\">\r\n\r\n      <!-- HVAC Column -->\r\n      <div class=\"cm-services-col cm-services-col-hvac cm-fade-up\">\r\n        <div class=\"cm-services-col-header\">\r\n          <div class=\"cm-services-col-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h3>HVAC<\/h3>\r\n            <span>Climatizaci\u00f3n profesional<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cm-services-list\">\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/productos\/\" class=\"cm-service-item\" style=\"text-decoration:none\">\r\n            <div class=\"cm-service-dot\"><\/div>\r\n            <div class=\"cm-service-item-text\">\r\n              <strong>Venta de equipos inverter<\/strong>\r\n              <span>Las mejores marcas con garant\u00eda<\/span>\r\n            <\/div>\r\n            <svg class=\"cm-service-arrow\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/instalaciones\/\" class=\"cm-service-item\" style=\"text-decoration:none\">\r\n            <div class=\"cm-service-dot\"><\/div>\r\n            <div class=\"cm-service-item-text\">\r\n              <strong>Instalaci\u00f3n profesional<\/strong>\r\n              <span>T\u00e9cnicos certificados con +10 a\u00f1os<\/span>\r\n            <\/div>\r\n            <svg class=\"cm-service-arrow\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/mantenimientos\/\" class=\"cm-service-item\" style=\"text-decoration:none\">\r\n            <div class=\"cm-service-dot\"><\/div>\r\n            <div class=\"cm-service-item-text\">\r\n              <strong>Mantenimiento preventivo<\/strong>\r\n              <span>Prolonga vida \u00fatil y evita fallos<\/span>\r\n            <\/div>\r\n            <svg class=\"cm-service-arrow\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Tech Column -->\r\n      <div class=\"cm-services-col cm-services-col-tech cm-fade-up\" style=\"transition-delay:0.15s\">\r\n        <div class=\"cm-services-col-header\">\r\n          <div class=\"cm-services-col-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a4 4 0 0 1 4 4c0 1.95-2 3-2 8h-4c0-5-2-6.05-2-8a4 4 0 0 1 4-4z\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><path d=\"M11 22h2\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h3>Tecnolog\u00eda<\/h3>\r\n            <span>Transformaci\u00f3n digital e IA<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cm-services-list\">\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/tecnologia\/\" class=\"cm-service-item\" style=\"text-decoration:none\">\r\n            <div class=\"cm-service-dot\"><\/div>\r\n            <div class=\"cm-service-item-text\">\r\n              <strong>Diagn\u00f3stico empresarial<\/strong>\r\n              <span>Auditor\u00eda completa de procesos<\/span>\r\n            <\/div>\r\n            <svg class=\"cm-service-arrow\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/tecnologia\/\" class=\"cm-service-item\" style=\"text-decoration:none\">\r\n            <div class=\"cm-service-dot\"><\/div>\r\n            <div class=\"cm-service-item-text\">\r\n              <strong>Implementaci\u00f3n de IA<\/strong>\r\n              <span>Chatbots, automatizaci\u00f3n, an\u00e1lisis<\/span>\r\n            <\/div>\r\n            <svg class=\"cm-service-arrow\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/tecnologia\/\" class=\"cm-service-item\" style=\"text-decoration:none\">\r\n            <div class=\"cm-service-dot\"><\/div>\r\n            <div class=\"cm-service-item-text\">\r\n              <strong>Automatizaci\u00f3n de procesos<\/strong>\r\n              <span>Elimina tareas repetitivas y costosas<\/span>\r\n            <\/div>\r\n            <svg class=\"cm-service-arrow\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e025bd elementor-widget elementor-widget-html\" data-id=\"0e025bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 10 \u2014 CTA FINAL\r\n     Cierre de p\u00e1gina. \u00daltima oportunidad de conversi\u00f3n.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-cta-final,\r\n.cm-cta-final * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-cta-final {\r\n  padding: 0;\r\n  width:100%;\r\n  max-width:100%;\r\n  overflow:hidden;\r\n}\r\n\r\n.cm-cta-final-inner {\r\n  max-width: var(--cm-max-width);\r\n  margin: 0 auto;\r\n  padding: 100px 24px 120px;\r\n  width:100%;\r\n  min-width:0;\r\n}\r\n\r\n.cm-cta-final-box {\r\n  position: relative;\r\n  text-align: center;\r\n  padding: 80px 60px;\r\n  border-radius: 28px;\r\n  overflow: hidden;\r\n  background: linear-gradient(160deg, rgba(44,213,196,0.08) 0%, rgba(10,10,10,0.95) 40%, rgba(10,10,10,0.95) 60%, rgba(44,213,196,0.05) 100%);\r\n  border: 1px solid rgba(44,213,196,0.12);\r\n  box-shadow: 0 0 100px rgba(44,213,196,0.04);\r\n}\r\n\r\n\/* Decorative circles *\/\r\n.cm-cta-final-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -80px;\r\n  left: -80px;\r\n  width: 300px;\r\n  height: 300px;\r\n  border: 1px solid rgba(44,213,196,0.06);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-cta-final-box::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -100px;\r\n  right: -60px;\r\n  width: 350px;\r\n  height: 350px;\r\n  border: 1px solid rgba(44,213,196,0.04);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-cta-final-logo {\r\n  width: 56px;\r\n  height: auto;\r\n  margin: 0 auto 30px;\r\n  opacity: 0.6;\r\n  filter: drop-shadow(0 0 20px rgba(44,213,196,0.2));\r\n}\r\n\r\n.cm-cta-final-box h2 {\r\n  font-family: var(--cm-font-display);\r\n  font-size: clamp(2rem, 4vw, 3.2rem);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  color: var(--cm-white);\r\n  margin: 0 0 18px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cm-cta-final-box > p {\r\n  font-family: var(--cm-font-body);\r\n  font-size: clamp(1rem, 1.2vw, 1.15rem);\r\n  line-height: 1.7;\r\n  color: var(--cm-gray);\r\n  margin: 0 auto 40px;\r\n  max-width: 560px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cm-cta-final-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* buttons in this section inherit base .cm-btn sizing *\/\r\n\r\n\/* \u2500\u2500 Contact strip below \u2500\u2500 *\/\r\n.cm-cta-final-contact {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 40px;\r\n  margin-top: 40px;\r\n  padding-top: 30px;\r\n  border-top: 1px solid var(--cm-dark-border);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cm-cta-contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  text-decoration: none;\r\n  transition: var(--cm-transition);\r\n}\r\n\r\n.cm-cta-contact-item:hover { opacity: 0.9; }\r\n\r\n.cm-cta-contact-item svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-cta-contact-item span {\r\n  font-family: var(--cm-font-body);\r\n  font-size: 14px;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-cta-final-box { padding: 50px 24px; }\r\n  .cm-cta-final-box h2 {\r\n    font-size:clamp(1.8rem,8vw,2.3rem);\r\n    overflow-wrap:normal;\r\n    word-break:normal;\r\n    text-wrap:balance;\r\n  }\r\n  .cm-cta-final-box > p { max-width:100%; }\r\n  .cm-cta-final-buttons { width:100%; flex-direction: column; align-items: stretch; }\r\n  .cm-cta-final-buttons .cm-btn {\r\n    width:100%;\r\n    max-width:100%;\r\n    white-space:normal;\r\n    text-align:center;\r\n    justify-content:center;\r\n    line-height:1.35;\r\n  }\r\n  .cm-cta-final-contact {\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    align-items: center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-cta-final\">\r\n  <div class=\"cm-cta-final-inner\">\r\n    <div class=\"cm-cta-final-box cm-fade-up\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/base_icon_transparent_background.png\"\r\n        alt=\"Corporativo Matheus\"\r\n        class=\"cm-cta-final-logo\"\r\n      >\r\n\r\n      <h2>Empieza a optimizar tu espacio o tu empresa <span class=\"cm-accent\">hoy<\/span><\/h2>\r\n      <p>Agenda tu diagn\u00f3stico y recibe una soluci\u00f3n clara para mejorar tu eficiencia y reducir costos.<\/p>\r\n\r\n      <div class=\"cm-cta-final-buttons\">\r\n        <a href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-btn cm-btn-primary\">\r\n          Agendar ahora\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/wa.me\/51999006638\" target=\"_blank\" rel=\"noopener\" class=\"cm-btn cm-btn-secondary\">\r\n          \ud83d\udcac Escr\u00edbenos por WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f289413 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"f289413\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f289413\" data-e-type=\"e-flexbox\" data-id=\"f289413\">\n    \t\t<div class=\"elementor-element elementor-element-16e9a30 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"16e9a30\" 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>Tecnolog\u00eda, IA y Ciberseguridad Integramos Tecnolog\u00eda para hacer crecer y proteger tu negocio Ayudamos a Empresas Integr\u00e1ndole Soluciones Tecnol\u00f3gicas en sus operaciones para que puedan escalar y proteger sus sistemas con Inteligencia Artificial y Ciberseguridad, complementadas con soluciones de infraestructura que mejoran la eficiencia y el rendimiento de sus espacios que llevan su empresa al [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/12","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=12"}],"version-history":[{"count":146,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":2776,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions\/2776"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}