{"id":22,"date":"2026-04-04T13:44:17","date_gmt":"2026-04-04T18:44:17","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=22"},"modified":"2026-09-02T10:33:04","modified_gmt":"2026-09-02T15:33:04","slug":"servicio","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/servicio\/","title":{"rendered":"Servicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0dcfd e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"af0dcfd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af0dcfd\" data-e-type=\"e-flexbox\" data-id=\"af0dcfd\">\n    \t\t<div class=\"elementor-element elementor-element-6a1a097 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"6a1a097\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    \/* ===== RESET (especificidad 1-0-0) ===== *\/\n    #mh-header *, #mh-header *::before, #mh-header *::after {\n        box-sizing: border-box; margin: 0; padding: 0;\n    }\n\n    \/* ===== CONTENEDOR PRINCIPAL ===== *\/\n    #mh-header {\n        --mh-teal:      #2cd5c4;\n        --mh-black:     #000000;\n        --mh-white:     #ffffff;\n        --mh-gray:      #0a0a0a;\n        --mh-border:    rgba(44,213,196,0.18);\n        --mh-teal-dim:  rgba(44,213,196,0.1);\n        --mh-font-disp: \"Bebas Neue\", sans-serif;\n        --mh-font-ui:   \"Syne\", sans-serif;\n        --mh-font-body: \"DM Sans\", sans-serif;\n        position: sticky;\n        top: 0;\n        z-index: 9000;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        background: rgba(0,0,0,0.82);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        border-bottom: 1px solid var(--mh-border);\n        transition: background 0.35s ease, box-shadow 0.35s ease;\n    }\n    #mh-header.mh--scrolled {\n        background: rgba(0,0,0,0.97);\n        box-shadow: 0 4px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header::before {\n        content: \"\";\n        display: block;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, var(--mh-teal) 40%, var(--mh-teal) 60%, transparent 100%);\n        opacity: 0.7;\n    }\n\n    \/* ===== INNER =====\n       Espacio usable: 1200px - 48px padding = 1152px\n       Logo (~130px) + nav (~680px) + CTA (~190px) + gaps = ~1050px \u2713 *\/\n    #mh-header .mh-header__inner {\n    max-width: 1500px;\n        margin: 0 auto;\n        padding: 0 12px 0 10px;\n        height: 72px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    gap: 8px;\n    }\n\n    \/* ===== LOGO ===== *\/\n    #mh-header .mh-header__logo {\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        flex-shrink: 0;\n        transition: opacity 0.25s;\n    }\n    #mh-header .mh-header__logo:hover { opacity: 0.85; }\n    #mh-header .mh-header__logo img {\n        \/* height: 42px \u2014 proporcional al header de 72px (58% del alto)\n           Cambia este valor para escalar el logo. *\/\n        height: 100px;\n        width: auto;\n        display: block;\n        object-fit: contain;\n    }\n\n    \/* ===== NAV =====\n       7 \u00edtems: gap 8px + padding 8px 10px + font 11px + spacing 0.10em\n       Calculado para caber en ~680px de ancho. *\/\n    #mh-header .mh-nav {\n        display: flex;\n        align-items: center;\n        list-style: none;\n        gap: 6px;\n        flex: 1;\n        justify-content: center;\n    }\n    #mh-header .mh-nav__item { position: relative; }\n    #mh-header .mh-nav__link {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.10em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.55);\n        text-decoration: none;\n        padding: 8px 10px;\n        border-radius: 2px;\n        transition: color 0.25s, background 0.25s;\n        position: relative;\n        white-space: nowrap;\n    }\n\t#mh-header .mh-nav__toggle {\n\t\tborder:0;\n\t\tbackground:transparent;\n\t\tcursor:pointer;\n\t}\n    #mh-header .mh-nav__link::after {\n        content: \"\";\n        position: absolute;\n        bottom: 4px;\n        left: 10px;\n        right: 10px;\n        height: 1px;\n        background: var(--mh-teal);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__link:hover,\n    #mh-header .mh-nav__link--active { color: var(--mh-white); background: var(--mh-teal-dim); }\n    #mh-header .mh-nav__link:hover::after,\n    #mh-header .mh-nav__link--active::after { transform: scaleX(1); }\n    #mh-header .mh-nav__link--active { color: var(--mh-teal) !important; }\n\n    \/* ===== FLECHA Y DROPDOWN SUBMEN\u00da ===== *\/\n    #mh-header .mh-arrow {\n        display: inline-block;\n        vertical-align: middle;\n        flex-shrink: 0;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-nav__link .mh-arrow,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-nav__link .mh-arrow {\n        transform: rotate(180deg);\n    }\n    #mh-header .mh-subnav {\n        display: block;\n        visibility: hidden;\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n        top: calc(100% + 2px);\n        left: 0;\n        min-width: 210px;\n        list-style: none;\n        background: rgba(5,5,5,0.98);\n        border: 1px solid rgba(44,213,196,0.2);\n        border-top: 2px solid var(--mh-teal);\n        border-radius: 2px;\n        padding: 8px 0;\n        transform: translateY(8px);\n        transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;\n        z-index: 200;\n        box-shadow: 0 12px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav {\n        visibility: visible;\n        opacity: 1;\n        pointer-events: auto;\n        transform: translateY(0);\n    }\n    #mh-header .mh-subnav--nested {\n        top:-10px;\n        left:calc(100% + 2px);\n        right:auto;\n        min-width:220px;\n        border-top:1px solid rgba(44,213,196,0.2);\n        border-right:2px solid var(--mh-teal);\n        transform:translateX(8px);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav--nested,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav--nested {\n        transform:translateX(0);\n    }\n    #mh-header .mh-subnav__link .mh-arrow {\n        transform:rotate(90deg);\n    }\n    #mh-header .mh-subnav__link {\n        display: block;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 11px 20px;\n        transition: color 0.2s, background 0.2s;\n        border-left: 2px solid transparent;\n    }\n    #mh-header .mh-subnav__link:hover {\n        color: var(--mh-teal);\n        background: rgba(44,213,196,0.07);\n        border-left-color: var(--mh-teal);\n    }\n\t#mh-header .mh-subnav__link--active {\n    color:var(--mh-teal);\n    background:rgba(44,213,196,0.07);\n    border-left-color:var(--mh-teal);\n}\n\n    \/* ===== DERECHA ===== *\/\n    #mh-header .mh-header__right {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-header__phone {\n        font-family: var(--mh-font-body);\n        font-size: 12px;\n        color: rgba(255,255,255,0.45);\n        text-decoration: none;\n        letter-spacing: 0.05em;\n        transition: color 0.2s;\n    }\n    #mh-header .mh-header__phone:hover { color: var(--mh-teal); }\n\n    \/* ===== SELECTOR DE IDIOMA ===== *\/\n    #mh-header .mh-lang {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        flex-shrink: 0;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 2px;\n    }\n    #mh-header .mh-lang__link {\n        font-family: var(--mh-font-ui);\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 5px 7px;\n        border-radius: 2px;\n        line-height: 1;\n        transition: color 0.2s, background 0.2s;\n    }\n    #mh-header .mh-lang__link:hover { color: var(--mh-white); }\n    #mh-header .mh-lang__link--active {\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    }\n\n    \/* ===== BOT\u00d3N CTA ===== *\/\n    #mh-header .mh-header__cta {\n        display: inline-flex;\n        align-items: center;\n    gap: 6px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        text-decoration: none;\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    padding: 10px 16px;\n        border-radius: 4px;\n        transition: box-shadow 0.25s, transform 0.25s;\n        position: relative;\n        overflow: hidden;\n        white-space: nowrap;\n    }\n    #mh-header .mh-header__cta::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(255,255,255,0.15);\n        transform: translateX(-101%);\n        transition: transform 0.3s;\n    }\n    #mh-header .mh-header__cta:hover {\n        box-shadow: 0 0 28px rgba(44,213,196,0.5), 0 6px 20px rgba(0,0,0,0.35);\n        transform: translateY(-1px);\n        color: var(--mh-black);\n    }\n    #mh-header .mh-header__cta:hover::before { transform: translateX(0); }\n    #mh-header .mh-header__cta svg { flex-shrink: 0; }\n\n    \/* ===== HAMBURGER ===== *\/\n    #mh-header .mh-hamburger {\n        display: none;\n        flex-direction: column;\n        justify-content: center;\n        gap: 5px;\n        width: 36px;\n        height: 36px;\n        background: none;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 7px 8px;\n        cursor: pointer;\n        transition: border-color 0.25s;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-hamburger:hover { border-color: var(--mh-teal); }\n    #mh-header .mh-hamburger span {\n        display: block; height: 1.5px;\n        background: rgba(255,255,255,0.7);\n        border-radius: 2px; transition: all 0.3s;\n    }\n    #mh-header .mh-hamburger.mh--open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n    body.mh-menu-open {\n        overflow:hidden;\n        overscroll-behavior:none;\n    }\n\n    \/* ===== TABLET \/ LAPTOP PEQUE\u00d1O (901px \u2013 1350px) =====\n    Comprime nav y CTA para que no se desborde en pantallas medianas *\/\n    @media (max-width: 1350px) {\n    #mh-header .mh-header__inner { padding: 0 14px; gap: 8px; }\n        #mh-header .mh-nav { gap: 2px; }\n        #mh-header .mh-nav__link { font-size: 10px; padding: 7px 8px; letter-spacing: 0.08em; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; letter-spacing: 0.10em; }\n        #mh-header .mh-header__logo img { height: 38px; }\n    }\n\n    \/* ===== M\u00d3VIL Y LAPTOP COMPACTA (\u22641350px): hamburger + acorde\u00f3n ===== *\/\n    @media (max-width: 1350px) {\n        #mh-header .mh-nav {\n            display: none;\n            position: absolute;\n            top: 100%; left: 0; right: 0;\n            flex-direction: column;\n            align-items: stretch;\n            gap: 0;\n            background: rgba(5,5,5,0.98);\n            border-bottom: 1px solid var(--mh-border);\n            padding: 12px 0 20px;\n            justify-content: flex-start;\n        }\n        #mh-header .mh-nav.mh--open { display: flex; }\n        #mh-header .mh-nav__link { padding: 13px 28px; font-size: 12px; letter-spacing: 0.14em; border-radius: 0; }\n        #mh-header .mh-nav__link::after { display: none; }\n        #mh-header .mh-subnav {\n            visibility: visible;\n            opacity: 1;\n            pointer-events: auto;\n            position: static;\n            transform: none;\n            border: none;\n            border-top: none;\n            border-left: 2px solid rgba(44,213,196,0.25);\n            border-radius: 0;\n            padding: 4px 0;\n            margin: 0 0 0 28px;\n            box-shadow: none;\n            background: transparent;\n            display: none;\n        }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-subnav { display: block; }\n        #mh-header .mh-subnav--nested { display:none !important; }\n        #mh-header .mh-subnav__link { padding: 9px 20px; font-size: 10px; }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-nav__link .mh-arrow { transform: rotate(180deg); }\n        #mh-header .mh-hamburger { display: flex; }\n        #mh-header .mh-header__phone { display: none; }\n        #mh-header .mh-header__right { gap: 10px; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px 5px; }\n    }\n\n    \/* ===== M\u00d3VIL PEQUE\u00d1O (\u2264480px) ===== *\/\n    @media (max-width: 480px) {\n        #mh-header .mh-header__inner { padding: 0 16px; height: 64px; }\n        #mh-header .mh-header__logo img { height: 34px; }\n        #mh-header .mh-header__cta span.mh-cta-label { display: none; }\n        #mh-header .mh-header__cta { padding: 10px 12px; }\n        #mh-header .mh-lang { padding: 1px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px; letter-spacing: 0.04em; }\n    }\n    <\/style><header id=\"mh-header\" role=\"banner\"><div class=\"mh-header__inner\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-header__logo\" aria-label=\"Corp MATHEUS\"><img decoding=\"async\" src=\"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-scaled.png\" alt=\"Corp MATHEUS\" \/><\/a><nav class=\"mh-nav\" id=\"mh-nav\" role=\"navigation\" aria-label=\"Men\u00fa principal\"><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-nav__link\">Inicio<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Tecnolog\u00eda \/ IA &#038; Cyber<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/productos-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Productos Tecn\u00f3logicos<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicios-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios Tecnol\u00f3gicos<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Climatizaci\u00f3n\/HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/equipos-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Equipos HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/aire-acondicionado\/\" class=\"mh-subnav__link\" role=\"menuitem\">Aire Acondicionado<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/calefaccion\/\" class=\"mh-subnav__link\" role=\"menuitem\">Calefacci\u00f3n<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/ventilacion-mecanica\/\" class=\"mh-subnav__link\" role=\"menuitem\">Ventilaci\u00f3n Mec\u00e1nica<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/cortinas-de-aire\/\" class=\"mh-subnav__link\" role=\"menuitem\">Cortinas de Aire<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/accesorios-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Accesorios HVAC<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/materiales-generales\/\" class=\"mh-subnav__link\" role=\"menuitem\">Materiales Generales<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicio\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/instalaciones\/\" class=\"mh-subnav__link\" role=\"menuitem\">Suministro \/ Instalaci\u00f3n<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/mantenimientos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Mantenimiento Profesional<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/sistemas-vrf-proyectos-grandes\/\" class=\"mh-subnav__link\" role=\"menuitem\">Sistemas VRF \/ Proyectos Grandes<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/contacto-1\/\" class=\"mh-nav__link\">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\/22\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/22\" 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-578a341 e-flex e-con-boxed e-con e-parent\" data-id=\"578a341\" 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-c8a8336 elementor-widget elementor-widget-html\" data-id=\"c8a8336\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAJ\u00d3N 01 \u2014 HERO | SERVICIOS HVAC\r\n     IMAGEN: reemplaza solo el src del <img> por tu URL de WordPress. -->\r\n<style>\r\n.cm-svh,.cm-svh * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-svh {\r\n  position:relative;\r\n  width:100%;\r\n  max-width:100%;\r\n  min-height:88vh;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:120px 24px 80px;\r\n  overflow:hidden;\r\n  text-align:center;\r\n}\r\n.cm-svh__img {\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  z-index:-2;\r\n}\r\n.cm-svh:after {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  background:linear-gradient(180deg,rgba(5,12,14,.68),rgba(5,12,14,.93)),radial-gradient(circle at 50% 90%,rgba(44,213,196,.08),transparent 45%);\r\n}\r\n.cm-svh__inner {\r\n  width:100%;\r\n  min-width:0;\r\n  max-width:820px;\r\n}\r\n.cm-svh__eyebrow {\r\n  margin:0 0 22px;\r\n  color:#2cd5c4;\r\n  font:700 12px 'DM Sans',sans-serif;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n.cm-svh h1 {\r\n  margin:0 0 22px;\r\n  color:#fff;\r\n  font:800 clamp(2.5rem,5.2vw,4.2rem)\/1.08 'Syne',sans-serif;\r\n  letter-spacing:-.03em;\r\n}\r\n.cm-svh h1 span {\r\n  color:#2cd5c4;\r\n}\r\n.cm-svh p {\r\n  max-width:660px;\r\n  margin:0 auto 38px;\r\n  color:#d0d0d0;\r\n  font:400 clamp(1rem,2vw,1.15rem)\/1.7 'DM Sans',sans-serif;\r\n}\r\n.cm-svh__actions {\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n}\r\n.cm-svh__btn {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:16px 28px;\r\n  border-radius:50px;\r\n  text-decoration:none;\r\n  font:700 14px 'DM Sans',sans-serif;\r\n  transition:.25s;\r\n}\r\n.cm-svh__btn--main {\r\n  background:#2cd5c4;\r\n  color:#071110;\r\n}\r\n.cm-svh__btn--main:hover {\r\n  background:#fff;\r\n  transform:translateY(-2px);\r\n}\r\n.cm-svh__btn--alt {\r\n  border:1px solid rgba(255,255,255,.35);\r\n  color:#fff;\r\n}\r\n.cm-svh__btn--alt:hover {\r\n  border-color:#2cd5c4;\r\n  color:#2cd5c4;\r\n}\r\n@media(max-width:560px) {\r\n  .cm-svh {\r\n    min-height:auto;\r\n    padding:105px 18px 65px;\r\n  }\r\n  .cm-svh__inner {\r\n    max-width:100%;\r\n  }\r\n  .cm-svh h1 {\r\n    font-size:clamp(1.9rem,9vw,2.5rem);\r\n    overflow-wrap:normal;\r\n    word-break:normal;\r\n    text-wrap:balance;\r\n  }\r\n  .cm-svh p {\r\n    max-width:100%;\r\n    overflow-wrap:break-word;\r\n  }\r\n  .cm-svh__actions {\r\n    width:100%;\r\n    flex-direction:column;\r\n  }\r\n  .cm-svh__btn {\r\n    width:100%;\r\n    max-width:100%;\r\n  }\r\n}\r\n<\/style>\r\n<section class=\"cm-svh\">\r\n  <img decoding=\"async\" class=\"cm-svh__img\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Captura-de-pantalla-2026-08-14-100002.png\" alt=\"Servicios HVAC\">\r\n  <div class=\"cm-svh__inner\">\r\n    <div class=\"cm-svh__eyebrow\">\r\n      Servicios HVAC\r\n    <\/div>\r\n    <h1>\r\n      De la evaluaci\u00f3n a la\r\n      <span>\r\n        instalaci\u00f3n profesional\r\n      <\/span>\r\n    <\/h1>\r\n    <p>\r\n      Dise\u00f1amos, instalamos y mantenemos sistemas HVAC para que cada espacio alcance el confort, la eficiencia y el rendimiento que necesita.\r\n    <\/p>\r\n    <div class=\"cm-svh__actions\">\r\n      <a class=\"cm-svh__btn cm-svh__btn--main\" href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=hvac#formulario\">\r\n        Solicitar diagn\u00f3stico\r\n      <\/a>\r\n      <a class=\"cm-svh__btn cm-svh__btn--alt\" href=\"#servicios\">\r\n        Ver servicios\r\n      <\/a>\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-8603152 e-flex e-con-boxed e-con e-parent\" data-id=\"8603152\" 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-aab68b1 elementor-widget elementor-widget-html\" data-id=\"aab68b1\" 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 DOBLE CAMINO (H\u00cdBRIDO CLAVE)\r\n     Split 2 columnas: cliente no t\u00e9cnico vs cliente t\u00e9cnico.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-doble-camino { --cm-primary: #2cd5c4; --cm-section-padding: 96px 40px; --cm-section-padding-mobile: 64px 16px; --cm-max-width: 1200px;\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: var(--cm-section-padding);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cm-doble-inner {\r\n    max-width: var(--cm-max-width);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Header centrado *\/\r\n  .cm-doble-header {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  .cm-doble-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-primary);\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .cm-doble-badge::before, .cm-doble-badge::after {\r\n    content: '';\r\n    display: block;\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--cm-primary);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .cm-doble-header-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(1.6rem, 3vw, 2.2rem);\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  \/* Split grid *\/\r\n  .cm-doble-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr auto 1fr;\r\n    gap: 0;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Divider central *\/\r\n  .cm-doble-divider {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 32px;\r\n  }\r\n\r\n  .cm-doble-divider-line {\r\n    flex: 1;\r\n    width: 1px;\r\n    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent);\r\n  }\r\n\r\n  .cm-doble-divider-o {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    color: var(--cm-gray);\r\n    background: var(--cm-dark);\r\n    padding: 8px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Cards *\/\r\n  .cm-doble-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: 48px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    transition: all 0.35s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cm-doble-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    opacity: 0;\r\n    transition: opacity 0.35s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Left card: no t\u00e9cnico \u2014 turquesa *\/\r\n  .cm-doble-card-left::before {\r\n    background: radial-gradient(ellipse at top left, rgba(44,213,196,0.08) 0%, transparent 70%);\r\n  }\r\n\r\n  .cm-doble-card-left:hover {\r\n    border-color: rgba(44,213,196,0.35);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  \/* Right card: t\u00e9cnico \u2014 morado *\/\r\n  .cm-doble-card-right::before {\r\n    background: radial-gradient(ellipse at top right, rgba(168,85,247,0.08) 0%, transparent 70%);\r\n  }\r\n\r\n  .cm-doble-card-right:hover {\r\n    border-color: rgba(168,85,247,0.35);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .cm-doble-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Icon big *\/\r\n  .cm-doble-card-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .cm-doble-card:hover .cm-doble-card-icon {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .cm-doble-card-left .cm-doble-card-icon {\r\n    background: rgba(44,213,196,0.1);\r\n    border: 1px solid rgba(44,213,196,0.2);\r\n  }\r\n\r\n  .cm-doble-card-right .cm-doble-card-icon {\r\n    background: rgba(168,85,247,0.1);\r\n    border: 1px solid rgba(168,85,247,0.2);\r\n  }\r\n\r\n  .cm-doble-card-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    stroke-width: 1.8;\r\n  }\r\n\r\n  .cm-doble-card-left .cm-doble-card-icon svg { stroke: var(--cm-primary); }\r\n  .cm-doble-card-right .cm-doble-card-icon svg { stroke: #a855f7; }\r\n\r\n  \/* Tag *\/\r\n  .cm-doble-tag {\r\n    display: inline-block;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.72rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    margin-bottom: 16px;\r\n    width: fit-content;\r\n  }\r\n\r\n  .cm-doble-card-left .cm-doble-tag {\r\n    background: rgba(44,213,196,0.1);\r\n    color: var(--cm-primary);\r\n    border: 1px solid rgba(44,213,196,0.2);\r\n  }\r\n\r\n  .cm-doble-card-right .cm-doble-tag {\r\n    background: rgba(168,85,247,0.1);\r\n    color: #a855f7;\r\n    border: 1px solid rgba(168,85,247,0.2);\r\n  }\r\n\r\n  .cm-doble-card-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 1.55rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 14px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .cm-doble-card-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.97rem;\r\n    color: var(--cm-gray);\r\n    line-height: 1.7;\r\n    flex: 1;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  \/* CTA bot\u00f3n *\/\r\n  .cm-doble-cta {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    border-radius: 50px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .cm-doble-card-left .cm-doble-cta {\r\n    background: var(--cm-primary);\r\n    color: #000;\r\n  }\r\n\r\n  .cm-doble-card-left .cm-doble-cta:hover {\r\n    background: var(--cm-primary-dark);\r\n    transform: translateX(4px);\r\n    box-shadow: 0 6px 24px var(--cm-primary-glow);\r\n  }\r\n\r\n  .cm-doble-card-right .cm-doble-cta {\r\n    background: transparent;\r\n    color: #a855f7;\r\n    border: 1px solid rgba(168,85,247,0.4);\r\n  }\r\n\r\n  .cm-doble-card-right .cm-doble-cta:hover {\r\n    background: rgba(168,85,247,0.12);\r\n    border-color: #a855f7;\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .cm-doble-cta svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .cm-doble-cta:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-doble-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cm-doble-divider {\r\n      flex-direction: row;\r\n      padding: 24px 0;\r\n    }\r\n\r\n    .cm-doble-divider-line {\r\n      flex: 1;\r\n      width: auto;\r\n      height: 1px;\r\n      background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);\r\n    }\r\n\r\n    .cm-doble-divider-o {\r\n      padding: 0 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .cm-doble-camino { padding: var(--cm-section-padding-mobile); }\r\n    .cm-doble-card { padding: 36px 24px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-doble-camino\">\r\n  <div class=\"cm-doble-inner\">\r\n\r\n    <div class=\"cm-doble-header\">\r\n      <h2 class=\"cm-doble-header-title\">Tenemos el camino correcto para cada tipo de cliente<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"cm-doble-grid\">\r\n\r\n      <!-- Opci\u00f3n 1: No t\u00e9cnico -->\r\n      <div class=\"cm-doble-card cm-doble-card-left\">\r\n        <div class=\"cm-doble-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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        <span class=\"cm-doble-tag\">Para ti si no eres t\u00e9cnico<\/span>\r\n        <h3 class=\"cm-doble-card-title\">\u00bfNo sabes qu\u00e9<br>equipo necesitas?<\/h3>\r\n        <p class=\"cm-doble-card-text\">Te ayudamos a elegir la mejor soluci\u00f3n seg\u00fan las caracter\u00edsticas de tu espacio y presupuesto. Sin tecnicismos.<\/p>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-doble-cta\">\r\n          Solicitar recomendaci\u00f3n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Divider -->\r\n      <div class=\"cm-doble-divider\">\r\n        <div class=\"cm-doble-divider-line\"><\/div>\r\n        <span class=\"cm-doble-divider-o\">O<\/span>\r\n        <div class=\"cm-doble-divider-line\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Opci\u00f3n 2: T\u00e9cnico -->\r\n      <div class=\"cm-doble-card cm-doble-card-right\">\r\n        <div class=\"cm-doble-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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          <\/svg>\r\n        <\/div>\r\n        <span class=\"cm-doble-tag\">Para t\u00e9cnicos y profesionales<\/span>\r\n        <h3 class=\"cm-doble-card-title\">\u00bfYa sabes lo<br>que buscas?<\/h3>\r\n        <p class=\"cm-doble-card-text\">Accede directamente a equipos, marcas y especificaciones t\u00e9cnicas para cotizar el sistema que ya tienes en mente.<\/p>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-doble-cta\">\r\n          Ver cat\u00e1logo t\u00e9cnico\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\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-af43974 e-flex e-con-boxed e-con e-parent\" data-id=\"af43974\" 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-b04a42d elementor-widget elementor-widget-html\" data-id=\"b04a42d\" 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 CAT\u00c1LOGO DE SERVICIOS HVAC\r\n     Cada tarjeta completa es un enlace. Por ahora los href dirigen\r\n     al formulario de contacto con el servicio preseleccionado para\r\n     evitar enlaces rotos. Cuando exista cada p\u00e1gina individual,\r\n     reemplaza \u00fanicamente el href de su tarjeta.\r\n\r\n     ============================================================ -->\r\n<style>\r\n.cm-svs,.cm-svs * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-svs {\r\n  padding:92px 32px;\r\n  background:#0d0d0d;\r\n}\r\n.cm-svs__wrap {\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n.cm-svs__head {\r\n  text-align:center;\r\n  max-width:680px;\r\n  margin:0 auto 48px;\r\n}\r\n.cm-svs h2 {\r\n  margin:15px 0;\r\n  color:#fff;\r\n  font:800 clamp(1.9rem,3.7vw,2.7rem)\/1.15 'Syne',sans-serif;\r\n}\r\n.cm-svs__head p {\r\n  margin:0;\r\n  color:#999;\r\n  font:400 15px\/1.65 'DM Sans',sans-serif;\r\n}\r\n.cm-svs__grid {\r\n  display:grid;\r\n  grid-template-columns:repeat(6,1fr);\r\n  gap:18px;\r\n}\r\n.cm-svs__card {\r\n  grid-column:span 2;\r\n  position:relative;\r\n  min-height:410px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.1);\r\n  border-radius:16px;\r\n  background:#161616;\r\n  text-decoration:none;\r\n  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;\r\n}\r\n.cm-svs__card:nth-child(4) {\r\n  grid-column:2 \/ span 2;\r\n}\r\n.cm-svs__card:hover {\r\n  border-color:#2cd5c4;\r\n  transform:translateY(-5px);\r\n  box-shadow:0 18px 40px rgba(0,0,0,.35);\r\n}\r\n.cm-svs__img {\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .45s;\r\n}\r\n.cm-svs__card:after {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg,rgba(0,0,0,.04) 24%,rgba(0,0,0,.94) 100%);\r\n}\r\n.cm-svs__card:hover .cm-svs__img {\r\n  transform:scale(1.06);\r\n}\r\n.cm-svs__content {\r\n  position:absolute;\r\n  z-index:1;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  padding:24px;\r\n}\r\n.cm-svs__number {\r\n  display:inline-block;\r\n  margin-bottom:14px;\r\n  color:#2cd5c4;\r\n  font:700 11px 'DM Sans',sans-serif;\r\n  letter-spacing:.14em;\r\n}\r\n.cm-svs h3 {\r\n  margin:0 0 10px;\r\n  color:#fff;\r\n  font:700 20px\/1.15 'Syne',sans-serif;\r\n}\r\n.cm-svs__content p {\r\n  margin:0;\r\n  color:#d0d0d0;\r\n  font:400 13px\/1.6 'DM Sans',sans-serif;\r\n}\r\n.cm-svs__cta {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:16px;\r\n  color:#2cd5c4;\r\n  font:700 12px 'DM Sans',sans-serif;\r\n  letter-spacing:.04em;\r\n}\r\n.cm-svs__cta:after {\r\n  content:'\u2192';\r\n  font-size:16px;\r\n  transition:transform .2s ease;\r\n}\r\n.cm-svs__card:hover .cm-svs__cta:after {\r\n  transform:translateX(4px);\r\n}\r\n@media(max-width:900px) {\r\n  .cm-svs__grid {\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n  .cm-svs__card,\r\n  .cm-svs__card:nth-child(4) {\r\n    grid-column:span 1;\r\n  }\r\n}\r\n@media(max-width:560px) {\r\n  .cm-svs {\r\n    padding:64px 16px;\r\n  }\r\n  .cm-svs__grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n  .cm-svs__card,\r\n  .cm-svs__card:nth-child(4) {\r\n    grid-column:span 1;\r\n  }\r\n  .cm-svs__card {\r\n    min-height:330px;\r\n  }\r\n}\r\n<\/style>\r\n<section class=\"cm-svs\" id=\"servicios\">\r\n  <div class=\"cm-svs__wrap\">\r\n    <div class=\"cm-svs__head\">\r\n      <h2>\r\n        Un servicio para cada etapa de tu proyecto\r\n      <\/h2>\r\n      <p>\r\n        Nos encargamos de que tu sistema funcione como un todo: bien dimensionado, bien instalado y preparado para durar.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"cm-svs__grid\">\r\n      <!-- Sustituye href por la URL de la p\u00e1gina individual cuando est\u00e9 creada. -->\r\n      <a class=\"cm-svs__card\" href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?servicio=diagnostico-hvac#formulario\">\r\n        <img decoding=\"async\" class=\"cm-svs__img\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/evaluacion.png\" alt=\"Diagn\u00f3stico HVAC\">\r\n        <div class=\"cm-svs__content\">\r\n          <span class=\"cm-svs__number\">\r\n            01 \/ EVALUACI\u00d3N\r\n          <\/span>\r\n          <h3>\r\n            Diagn\u00f3stico y asesor\u00eda\r\n          <\/h3>\r\n          <p>\r\n            Evaluamos el espacio, las cargas y tus necesidades antes de recomendar una soluci\u00f3n.\r\n          <\/p>\r\n          <span class=\"cm-svs__cta\">\r\n            Solicitar diagn\u00f3stico\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"cm-svs__card\" href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?servicio=diseno-hvac#formulario\">\r\n        <img decoding=\"async\" class=\"cm-svs__img\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/ingenieria.png\" alt=\"Dise\u00f1o de sistemas HVAC\">\r\n        <div class=\"cm-svs__content\">\r\n          <span class=\"cm-svs__number\">\r\n            02 \/ INGENIER\u00cdA\r\n          <\/span>\r\n          <h3>\r\n            Dise\u00f1o de sistemas\r\n          <\/h3>\r\n          <p>\r\n            Definimos equipos, distribuci\u00f3n y especificaciones para obtener eficiencia desde el inicio.\r\n          <\/p>\r\n          <span class=\"cm-svs__cta\">\r\n            Ver soluci\u00f3n\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"cm-svs__card\" href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?servicio=instalacion-hvac#formulario\">\r\n        <img decoding=\"async\" class=\"cm-svs__img\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/instalaicon.png\" alt=\"Instalaci\u00f3n profesional HVAC\">\r\n        <div class=\"cm-svs__content\">\r\n          <span class=\"cm-svs__number\">\r\n            03 \/ EJECUCI\u00d3N\r\n          <\/span>\r\n          <h3>\r\n            Instalaci\u00f3n profesional\r\n          <\/h3>\r\n          <p>\r\n            Implementamos cada sistema bajo est\u00e1ndares t\u00e9cnicos, cuidando cada detalle de la obra.\r\n          <\/p>\r\n          <span class=\"cm-svs__cta\">\r\n            Solicitar instalaci\u00f3n\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"cm-svs__card\" href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?servicio=mantenimiento-preventivo-hvac#formulario\">\r\n        <img decoding=\"async\" class=\"cm-svs__img\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/mantenimiento.png\" alt=\"Mantenimiento HVAC\">\r\n        <div class=\"cm-svs__content\">\r\n          <span class=\"cm-svs__number\">\r\n            04 \/ CONTINUIDAD\r\n          <\/span>\r\n          <h3>\r\n            Mantenimiento y soporte\r\n          <\/h3>\r\n          <p>\r\n            Prevenimos fallas y mantenemos el rendimiento de tu inversi\u00f3n a lo largo del tiempo.\r\n          <\/p>\r\n          <span class=\"cm-svs__cta\">\r\n            Ver mantenimiento\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"cm-svs__card\" href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?servicio=soporte-tecnico-hvac#formulario\">\r\n        <img decoding=\"async\" class=\"cm-svs__img\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/soporte_tecnico-e1787548526882.png\" alt=\"Soporte t\u00e9cnico HVAC\">\r\n        <div class=\"cm-svs__content\">\r\n          <span class=\"cm-svs__number\">\r\n            05 \/ SOPORTE\r\n          <\/span>\r\n          <h3>\r\n            Soporte t\u00e9cnico\r\n          <\/h3>\r\n          <p>\r\n            Atendemos consultas, revisiones y necesidades t\u00e9cnicas para mantener tu operaci\u00f3n en marcha.\r\n          <\/p>\r\n          <span class=\"cm-svs__cta\">\r\n            Hablar con un especialista\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\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-e52dac3 e-flex e-con-boxed e-con e-parent\" data-id=\"e52dac3\" 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-80a9e63 elementor-widget elementor-widget-html\" data-id=\"80a9e63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAJ\u00d3N 04 \u2014 PROCESO DE INSTALACI\u00d3N -->\r\n<style>\r\n.cm-svp,.cm-svp * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-svp {\r\n  padding:90px 32px;\r\n  background:#121212;\r\n}\r\n.cm-svp__wrap {\r\n  max-width:1100px;\r\n  margin:auto;\r\n}\r\n.cm-svp__head {\r\n  text-align:center;\r\n  max-width:640px;\r\n  margin:0 auto 50px;\r\n}\r\n.cm-svp__eyebrow {\r\n  color:#2cd5c4;\r\n  font:700 11px 'DM Sans',sans-serif;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n}\r\n.cm-svp h2 {\r\n  margin:14px 0;\r\n  color:#fff;\r\n  font:800 clamp(1.9rem,3.5vw,2.6rem)\/1.15 'Syne',sans-serif;\r\n}\r\n.cm-svp__head p {\r\n  margin:0;\r\n  color:#9c9c9c;\r\n  font:400 15px\/1.65 'DM Sans',sans-serif;\r\n}\r\n.cm-svp__steps {\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:18px;\r\n}\r\n.cm-svp__step {\r\n  padding:28px 22px;\r\n  border-top:1px solid rgba(44,213,196,.5);\r\n  background:rgba(255,255,255,.025);\r\n}\r\n.cm-svp__step span {\r\n  display:block;\r\n  margin-bottom:20px;\r\n  color:#2cd5c4;\r\n  font:700 12px 'DM Sans',sans-serif;\r\n  letter-spacing:.13em;\r\n}\r\n.cm-svp h3 {\r\n  margin:0 0 10px;\r\n  color:#fff;\r\n  font:700 17px 'Syne',sans-serif;\r\n}\r\n.cm-svp__step p {\r\n  margin:0;\r\n  color:#999;\r\n  font:400 13px\/1.65 'DM Sans',sans-serif;\r\n}\r\n@media(max-width:760px) {\r\n  .cm-svp__steps {\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n}\r\n@media(max-width:560px) {\r\n  .cm-svp {\r\n    padding:62px 16px;\r\n  }\r\n  .cm-svp__steps {\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n<\/style>\r\n<section class=\"cm-svp\">\r\n  <div class=\"cm-svp__wrap\">\r\n    <div class=\"cm-svp__head\">\r\n\r\n      <h2>\r\n        Instalaciones claras, ordenadas y bien ejecutadas\r\n      <\/h2>\r\n      <p>\r\n        Un proceso simple que reduce incertidumbre y asegura que cada decisi\u00f3n t\u00e9cnica tenga un prop\u00f3sito.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"cm-svp__steps\">\r\n      <article class=\"cm-svp__step\">\r\n        <span>\r\n          01\r\n        <\/span>\r\n        <h3>\r\n          Visitamos\r\n        <\/h3>\r\n        <p>\r\n          Conocemos las condiciones reales del espacio y recogemos la informaci\u00f3n t\u00e9cnica necesaria.\r\n        <\/p>\r\n      <\/article>\r\n      <article class=\"cm-svp__step\">\r\n        <span>\r\n          02\r\n        <\/span>\r\n        <h3>\r\n          Proponemos\r\n        <\/h3>\r\n        <p>\r\n          Presentamos una alternativa adecuada al uso, el presupuesto y las prioridades del proyecto.\r\n        <\/p>\r\n      <\/article>\r\n      <article class=\"cm-svp__step\">\r\n        <span>\r\n          03\r\n        <\/span>\r\n        <h3>\r\n          Instalamos\r\n        <\/h3>\r\n        <p>\r\n          Ejecutamos con personal t\u00e9cnico y coordinaci\u00f3n para integrar el sistema correctamente.\r\n        <\/p>\r\n      <\/article>\r\n      <article class=\"cm-svp__step\">\r\n        <span>\r\n          04\r\n        <\/span>\r\n        <h3>\r\n          Acompa\u00f1amos\r\n        <\/h3>\r\n        <p>\r\n          Verificamos la puesta en marcha y quedamos disponibles para soporte y mantenimiento.\r\n        <\/p>\r\n      <\/article>\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-bd2229f e-flex e-con-boxed e-con e-parent\" data-id=\"bd2229f\" 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-1466a52 elementor-widget elementor-widget-html\" data-id=\"1466a52\" 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 RESPALDO T\u00c9CNICO (AUTORIDAD)\r\n     Layout imagen + texto lateral con bullets de valor.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-diferenciador { --cm-primary: #2cd5c4; --cm-section-padding: 96px 40px; --cm-section-padding-mobile: 64px 16px; --cm-max-width: 1200px;\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: var(--cm-section-padding);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cm-dif-inner {\r\n    max-width: var(--cm-max-width);\r\n    margin: 0 auto;\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  \/* Imagen *\/\r\n  .cm-dif-image {\r\n    position: relative;\r\n    border-radius: var(--cm-radius);\r\n    overflow: hidden;\r\n    aspect-ratio: 4\/3;\r\n    background: var(--cm-dark-card);\r\n  }\r\n\r\n  .cm-dif-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.85;\r\n    transition: opacity 0.4s ease, transform 0.6s ease;\r\n    display: block;\r\n  }\r\n\r\n  .cm-dif-image:hover img {\r\n    opacity: 1;\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Overlay gradiente en imagen *\/\r\n  .cm-dif-image::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(44,213,196,0.12) 0%, transparent 60%),\r\n                linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.5) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Badge sobre imagen *\/\r\n  .cm-dif-badge {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    z-index: 2;\r\n    background: rgba(0,0,0,0.75);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(44,213,196,0.25);\r\n    border-radius: 12px;\r\n    padding: 14px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .cm-dif-badge-icon {\r\n    width: 38px;\r\n    height: 38px;\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    flex-shrink: 0;\r\n  }\r\n\r\n  .cm-dif-badge-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: var(--cm-primary);\r\n    stroke-width: 2;\r\n  }\r\n\r\n  .cm-dif-badge-text { line-height: 1.3; }\r\n\r\n  .cm-dif-badge-text strong {\r\n    display: block;\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n  }\r\n\r\n  .cm-dif-badge-text span {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.78rem;\r\n    color: var(--cm-gray);\r\n  }\r\n\r\n  \/* Right text *\/\r\n  .cm-dif-content {}\r\n\r\n  .cm-dif-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-primary);\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .cm-dif-label::before {\r\n    content: '';\r\n    display: block;\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--cm-primary);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .cm-dif-headline {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n    font-weight: 800;\r\n    color: var(--cm-white);\r\n    line-height: 1.2;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .cm-dif-headline .cm-accent {\r\n    color: var(--cm-primary);\r\n  }\r\n\r\n  .cm-dif-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1.02rem;\r\n    color: var(--cm-gray-light);\r\n    line-height: 1.75;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  \/* Bullets *\/\r\n  .cm-dif-bullets {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .cm-dif-bullet {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .cm-dif-check {\r\n    flex-shrink: 0;\r\n    width: 24px;\r\n    height: 24px;\r\n    background: var(--cm-primary-subtle);\r\n    border: 1px solid rgba(44,213,196,0.25);\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 1px;\r\n  }\r\n\r\n  .cm-dif-check svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    stroke: var(--cm-primary);\r\n    stroke-width: 2.5;\r\n  }\r\n\r\n  .cm-dif-bullet-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.97rem;\r\n    color: var(--cm-gray-light);\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* Decorative line *\/\r\n  .cm-dif-line {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 1px;\r\n    background: linear-gradient(to bottom, transparent, rgba(44,213,196,0.08), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-dif-inner {\r\n      grid-template-columns: 1fr;\r\n      gap: 48px;\r\n    }\r\n    .cm-dif-image { aspect-ratio: 16\/9; }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .cm-diferenciador { padding: var(--cm-section-padding-mobile); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-diferenciador\">\r\n  <div class=\"cm-dif-line\"><\/div>\r\n\r\n  <div class=\"cm-dif-inner\">\r\n\r\n    <!-- Imagen -->\r\n    <div class=\"cm-dif-image\">\r\n      <!-- REEMPLAZA esta imagen con una foto real de instalaci\u00f3n -->\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split_negro.png\"\r\n        alt=\"Instalaci\u00f3n profesional HVAC Matheus SAC\"\r\n        loading=\"lazy\"\r\n      \/>\r\n      <div class=\"cm-dif-badge\">\r\n        <div class=\"cm-dif-badge-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"9 11 12 14 22 4\"\/>\r\n            <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cm-dif-badge-text\">\r\n          <strong>+10 a\u00f1os<\/strong>\r\n          <span>de experiencia en campo<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contenido -->\r\n    <div class=\"cm-dif-content\">\r\n\r\n\r\n      <h2 class=\"cm-dif-headline\">\r\n        No vendemos equipos.<br>\r\n        <span class=\"cm-accent\">Dise\u00f1amos sistemas<\/span><br>\r\n        que funcionan\r\n      <\/h2>\r\n\r\n      <p class=\"cm-dif-text\">\r\n        Evaluamos tu espacio, seleccionamos el equipo adecuado y lo integramos con una instalaci\u00f3n profesional que garantiza eficiencia desde el primer d\u00eda.\r\n      <\/p>\r\n\r\n      <div class=\"cm-dif-bullets\">\r\n\r\n        <div class=\"cm-dif-bullet\">\r\n          <div class=\"cm-dif-check\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cm-dif-bullet-text\">Selecci\u00f3n t\u00e9cnica seg\u00fan la necesidad real del espacio<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cm-dif-bullet\">\r\n          <div class=\"cm-dif-check\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cm-dif-bullet-text\">Integraci\u00f3n completa del sistema desde el dise\u00f1o<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cm-dif-bullet\">\r\n          <div class=\"cm-dif-check\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cm-dif-bullet-text\">Instalaci\u00f3n bajo est\u00e1ndares t\u00e9cnicos profesionales<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cm-dif-bullet\">\r\n          <div class=\"cm-dif-check\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cm-dif-bullet-text\">Soporte postventa prioritario para garantizar resultados<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\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-d772602 e-flex e-con-boxed e-con e-parent\" data-id=\"d772602\" 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-a6eb2df elementor-widget elementor-widget-html\" data-id=\"a6eb2df\" 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 PROYECTOS (GALER\u00cdA DE PROYECTOS)\r\n     Grid de fotos de instalaciones reales con overlay info.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-prueba-real { --cm-primary: #2cd5c4; --cm-section-padding: 96px 40px; --cm-section-padding-mobile: 64px 16px; --cm-max-width: 1200px;\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: var(--cm-section-padding);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cm-pr-header {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n    max-width: 680px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .cm-pr-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-primary);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .cm-pr-label::before, .cm-pr-label::after {\r\n    content: '';\r\n    display: block;\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--cm-primary);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .cm-pr-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .cm-pr-subtitle {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1rem;\r\n    color: var(--cm-gray);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* Masonry-style grid *\/\r\n  .cm-pr-grid {\r\n    max-width: var(--cm-max-width);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    grid-template-rows: auto;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Featured card spans 2 rows *\/\r\n  .cm-pr-item-featured {\r\n    grid-row: span 2;\r\n  }\r\n\r\n  .cm-pr-item {\r\n    position: relative;\r\n    border-radius: var(--cm-radius);\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    background: var(--cm-dark-card);\r\n  }\r\n\r\n  .cm-pr-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.5s ease, filter 0.4s ease;\r\n    min-height: 220px;\r\n  }\r\n\r\n  .cm-pr-item-featured img {\r\n    min-height: 460px;\r\n  }\r\n\r\n  .cm-pr-item:hover img {\r\n    transform: scale(1.06);\r\n    filter: brightness(1.1);\r\n  }\r\n\r\n  \/* Overlay *\/\r\n  .cm-pr-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity 0.35s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 24px;\r\n  }\r\n\r\n  .cm-pr-item:hover .cm-pr-overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  .cm-pr-overlay-tag {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.72rem;\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: 6px;\r\n  }\r\n\r\n  .cm-pr-overlay-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n  }\r\n\r\n  \/* Border sutil siempre visible *\/\r\n  .cm-pr-item::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid var(--cm-dark-border);\r\n    border-radius: var(--cm-radius);\r\n    transition: border-color 0.35s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-pr-item:hover::after {\r\n    border-color: rgba(44,213,196,0.25);\r\n  }\r\n\r\n  \/* Placeholder cuando no hay foto *\/\r\n  .cm-pr-placeholder {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 220px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    background: rgba(17,17,17,0.9);\r\n    color: var(--cm-gray);\r\n  }\r\n\r\n  .cm-pr-item-featured .cm-pr-placeholder {\r\n    min-height: 460px;\r\n  }\r\n\r\n  .cm-pr-placeholder svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    stroke: rgba(44,213,196,0.3);\r\n    stroke-width: 1.5;\r\n  }\r\n\r\n  .cm-pr-placeholder span {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.82rem;\r\n    color: rgba(255,255,255,0.2);\r\n    text-align: center;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  \/* CTA debajo de la galer\u00eda *\/\r\n  .cm-pr-cta-row {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n    max-width: var(--cm-max-width);\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .cm-pr-cta-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.92rem;\r\n    color: var(--cm-gray);\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-pr-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .cm-pr-item-featured { grid-row: span 1; }\r\n    .cm-pr-item-featured img { min-height: 220px; }\r\n    .cm-pr-item-featured .cm-pr-placeholder { min-height: 220px; }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .cm-prueba-real { padding: var(--cm-section-padding-mobile); }\r\n    .cm-pr-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-prueba-real\">\r\n\r\n  <div class=\"cm-pr-header\">\r\n    <h2 class=\"cm-pr-title\">Equipos instalados en proyectos reales<\/h2>\r\n    <p class=\"cm-pr-subtitle\">Instalaciones que demuestran est\u00e1ndares t\u00e9cnicos, eficiencia y atenci\u00f3n al detalle en cada proyecto.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"cm-pr-grid\">\r\n\r\n    <!-- Foto destacada grande -->\r\n    <div class=\"cm-pr-item cm-pr-item-featured\">\r\n      <!-- Reemplaza solo el src por la URL de tu imagen. -->\r\n      <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/probado_split.png\" alt=\"Instalaci\u00f3n comercial HVAC\">\r\n      <div class=\"cm-pr-overlay\">\r\n        <div class=\"cm-pr-overlay-tag\">Aire Acondicionado<\/div>\r\n        <div class=\"cm-pr-overlay-title\">Instalaci\u00f3n comercial Lima<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Foto 2 -->\r\n    <div class=\"cm-pr-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/proyecto-vrf-2-scaled.jpg\" alt=\"Sistema de ventilaci\u00f3n\">\r\n      <div class=\"cm-pr-overlay\">\r\n        <div class=\"cm-pr-overlay-tag\">Ventilaci\u00f3n<\/div>\r\n        <div class=\"cm-pr-overlay-title\">Sistema industrial Arequipa<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Foto 3 -->\r\n    <div class=\"cm-pr-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/colgante-e1786728795638.png\" alt=\"Proyecto residencial de calefacci\u00f3n\">\r\n      <div class=\"cm-pr-overlay\">\r\n        <div class=\"cm-pr-overlay-tag\">Calefacci\u00f3n<\/div>\r\n        <div class=\"cm-pr-overlay-title\">Proyecto residencial<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Foto 4 -->\r\n    <div class=\"cm-pr-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Captura-de-pantalla-2026-08-14-100002.png\" alt=\"Cortina de aire instalada\">\r\n      <div class=\"cm-pr-overlay\">\r\n        <div class=\"cm-pr-overlay-tag\">Cortinas de Aire<\/div>\r\n        <div class=\"cm-pr-overlay-title\">Acceso comercial<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Foto 5 -->\r\n    <div class=\"cm-pr-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/entre-final.png\" alt=\"Proyecto HVAC\">\r\n      <div class=\"cm-pr-overlay\">\r\n        <div class=\"cm-pr-overlay-tag\">Proyecto HVAC<\/div>\r\n        <div class=\"cm-pr-overlay-title\">Instalaci\u00f3n por definir<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!--<div class=\"cm-pr-cta-row\">-->\r\n  <!--  <p class=\"cm-pr-cta-text\">\u00bfQuieres saber m\u00e1s sobre c\u00f3mo trabajamos?<\/p>-->\r\n  <!--  <a href=\"\/servicios\/suministro-instalacion\/\" style=\"display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:0.92rem;font-weight:600;color:var(--cm-primary);text-decoration:none;border:1px solid rgba(44,213,196,0.25);border-radius:50px;padding:10px 22px;transition:all 0.3s ease;\" onmouseover=\"this.style.background='rgba(44,213,196,0.08)'\" onmouseout=\"this.style.background='transparent'\">-->\r\n  <!--    Ver nuestros servicios de instalaci\u00f3n-->\r\n  <!--    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>-->\r\n  <!--  <\/a>-->\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-e450ce9 e-flex e-con-boxed e-con e-parent\" data-id=\"e450ce9\" 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-f6ebfbe elementor-widget elementor-widget-html\" data-id=\"f6ebfbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAJ\u00d3N 07 \u2014 CTA FINAL | SERVICIOS -->\r\n<style>\r\n.cm-svf, .cm-svf * {\r\n  box-sizing: border-box;\r\n}\r\n.cm-svf {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 110px 28px;\r\n  text-align: center;\r\n  background: #0d0d0d;\r\n}\r\n.cm-svf:before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 720px;\r\n  height: 450px;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%,-50%);\r\n  background: radial-gradient(ellipse,rgba(44,213,196,.13),transparent 68%);\r\n  pointer-events: none;\r\n}\r\n.cm-svf__wrap {\r\n  position: relative;\r\n  max-width: 720px;\r\n  margin: auto;\r\n}\r\n.cm-svf__eyebrow {\r\n  margin-bottom: 18px;\r\n  color: #2cd5c4;\r\n  font: 700 11px 'DM Sans',sans-serif;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n}\r\n.cm-svf h2 {\r\n  margin: 0 0 18px;\r\n  color: #fff;\r\n  font: 800 clamp(2rem,4vw,3.1rem)\/1.14 'Syne',sans-serif;\r\n}\r\n.cm-svf h2 span {\r\n  color: #2cd5c4;\r\n}\r\n.cm-svf p {\r\n  max-width: 560px;\r\n  margin: 0 auto 34px;\r\n  color: #aaa;\r\n  font: 400 16px\/1.7 'DM Sans',sans-serif;\r\n}\r\n.cm-svf a {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  padding: 16px 29px;\r\n  border-radius: 50px;\r\n  background: #2cd5c4;\r\n  color: #071110;\r\n  text-decoration: none;\r\n  font: 700 14px 'DM Sans',sans-serif;\r\n  transition: .25s;\r\n}\r\n.cm-svf a:hover {\r\n  background: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n@media(max-width:560px) {\r\n  .cm-svf {\r\n    padding: 72px 18px;\r\n  }\r\n  .cm-svf a {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n<section class=\"cm-svf\">\r\n  <div class=\"cm-svf__wrap\">\r\n    <h2>\r\n      Tu sistema empieza con un\r\n      <span>\r\n        buen diagn\u00f3stico\r\n      <\/span>\r\n    <\/h2>\r\n    <p>\r\n      Cu\u00e9ntanos qu\u00e9 necesitas. Nuestro equipo te ayudar\u00e1 a definir la soluci\u00f3n HVAC adecuada para tu espacio.\r\n    <\/p>\r\n    <a href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=hvac#formulario\">\r\n      Agendar diagn\u00f3stico\r\n    <\/a>\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-b06cf2a e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"b06cf2a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b06cf2a\" data-e-type=\"e-flexbox\" data-id=\"b06cf2a\">\n    \t\t<div class=\"elementor-element elementor-element-08b2ba2 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"08b2ba2\" 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>Servicios HVAC De la evaluaci\u00f3n a la instalaci\u00f3n profesional Dise\u00f1amos, instalamos y mantenemos sistemas HVAC para que cada espacio alcance el confort, la eficiencia y el rendimiento que necesita. Solicitar diagn\u00f3stico Ver servicios Tenemos el camino correcto para cada tipo de cliente Para ti si no eres t\u00e9cnico \u00bfNo sabes qu\u00e9equipo necesitas? Te ayudamos a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":127,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":2753,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/2753"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}