{"id":37,"date":"2026-04-04T15:36:06","date_gmt":"2026-04-04T20:36:06","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=37"},"modified":"2026-09-02T10:33:10","modified_gmt":"2026-09-02T15:33:10","slug":"instalaciones","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/instalaciones\/","title":{"rendered":"Supply \/ Installation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7ee85 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"fc7ee85\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc7ee85\" data-e-type=\"e-flexbox\" data-id=\"fc7ee85\">\n    \t\t<div class=\"elementor-element elementor-element-0caa415 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"0caa415\" 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\/37\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/37\" 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-a31a181 e-flex e-con-boxed e-con e-parent\" data-id=\"a31a181\" 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-1e13b14 elementor-widget elementor-widget-html\" data-id=\"1e13b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     00-B \u2014 HTML + JAVASCRIPT \u2014 Primer caj\u00f3n HTML en Elementor\r\n     PEGAR EN: Widget HTML (<\/>) como PRIMER widget de la Home\r\n     Contiene: Google Fonts, Particles.js, Gradient overlay,\r\n               Intersection Observer para animaciones\r\n     ============================================================ -->\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Particles.js Container (Capa 2) -->\r\n<div id=\"cm-particles-bg\"><\/div>\r\n\r\n<!-- Gradient Overlay (Capa 3) -->\r\n<div id=\"cm-gradient-overlay\"><\/div>\r\n\r\n<!-- Particles.js Library -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  \/\/ \u2500\u2500 Inicializar Particles.js \u2500\u2500\r\n  if (typeof particlesJS !== 'undefined') {\r\n    particlesJS('cm-particles-bg', {\r\n      particles: {\r\n        number: { value: 60, density: { enable: true, value_area: 900 } },\r\n        color: { value: ['#2cd5c4', '#ffffff', '#1fb8a9'] },\r\n        shape: { type: 'circle' },\r\n        opacity: {\r\n          value: 0.25,\r\n          random: true,\r\n          anim: { enable: true, speed: 0.6, opacity_min: 0.05, sync: false }\r\n        },\r\n        size: {\r\n          value: 2.5,\r\n          random: true,\r\n          anim: { enable: true, speed: 1.5, size_min: 0.5, sync: false }\r\n        },\r\n        line_linked: {\r\n          enable: true,\r\n          distance: 160,\r\n          color: '#2cd5c4',\r\n          opacity: 0.08,\r\n          width: 1\r\n        },\r\n        move: {\r\n          enable: true,\r\n          speed: 0.8,\r\n          direction: 'none',\r\n          random: true,\r\n          straight: false,\r\n          out_mode: 'out',\r\n          bounce: false\r\n        }\r\n      },\r\n      interactivity: {\r\n        detect_on: 'canvas',\r\n        events: {\r\n          onhover: { enable: true, mode: 'grab' },\r\n          onclick: { enable: false },\r\n          resize: true\r\n        },\r\n        modes: {\r\n          grab: { distance: 180, line_linked: { opacity: 0.2 } }\r\n        }\r\n      },\r\n      retina_detect: true\r\n    });\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Intersection Observer para animaciones de scroll \u2500\u2500\r\n  var observerOptions = { threshold: 0.15, rootMargin: '0px 0px -50px 0px' };\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('cm-visible');\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  document.querySelectorAll('.cm-fade-up').forEach(function(el) {\r\n    observer.observe(el);\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d5fcbf elementor-widget elementor-widget-html\" data-id=\"0d5fcbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 01 \u2014 HERO\r\n     Secci\u00f3n principal con headline, bullets y CTA\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-hero-install {\r\n  position: relative;\r\n  padding: 140px 24px 100px;\r\n  overflow: hidden;\r\n}\r\n.cm-hero-install::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -120px;\r\n  right: -200px;\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(44, 213, 196, 0.08) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n.cm-hero-install .cm-container {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.cm-hero-install__label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-bottom: 28px;\r\n}\r\n.cm-hero-install__label::before {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 40px;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--cm-primary, #2cd5c4), transparent);\r\n}\r\n.cm-hero-install__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(2.2rem, 5vw, 3.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  color: var(--cm-white, #ffffff);\r\n  max-width: 780px;\r\n  margin-bottom: 24px;\r\n}\r\n.cm-hero-install__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.125rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  max-width: 640px;\r\n  margin-bottom: 40px;\r\n}\r\n.cm-hero-install__bullets {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 48px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n.cm-hero-install__bullets li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  line-height: 1.5;\r\n}\r\n.cm-hero-install__bullets li svg {\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n.cm-hero-install__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 16px 36px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  color: var(--cm-black, #000000);\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  border-radius: var(--cm-radius-sm, 10px);\r\n  transition: all 0.3s ease;\r\n  letter-spacing: 0.5px;\r\n}\r\n.cm-hero-install__cta:hover {\r\n  background: var(--cm-primary-dark, #1fb8a9);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(44, 213, 196, 0.25);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-hero-install {\r\n    padding: 120px 16px 70px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-hero-install\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-fade-up\">\r\n      <span class=\"cm-hero-install__label\">Suministro &amp; Instalaci\u00f3n<\/span>\r\n    <\/div>\r\n    <h1 class=\"cm-hero-install__headline cm-fade-up\">\r\n      Instalaci\u00f3n de aire acondicionado eficiente, segura y sin errores costosos\r\n    <\/h1>\r\n    <p class=\"cm-hero-install__sub cm-fade-up\">\r\n      Dise\u00f1amos e instalamos sistemas HVAC para hogares y empresas, optimizando consumo energ\u00e9tico y garantizando funcionamiento desde el primer d\u00eda.\r\n    <\/p>\r\n    <ul class=\"cm-hero-install__bullets cm-fade-up\">\r\n      <li>\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        Ahorro energ\u00e9tico de hasta 80% con tecnolog\u00eda inverter\r\n      <\/li>\r\n      <li>\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        Instalaciones bajo est\u00e1ndares t\u00e9cnicos profesionales\r\n      <\/li>\r\n      <li>\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        Soporte y mantenimiento prioritario post instalaci\u00f3n\r\n      <\/li>\r\n    <\/ul>\r\n    <a href=\"https:\/\/wa.me\/51999006638?text=Hola%2C%20quiero%20agendar%20un%20diagn%C3%B3stico%20de%20instalaci%C3%B3n\" class=\"cm-hero-install__cta cm-fade-up\">\r\n      Agendar diagn\u00f3stico\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82c21b1 elementor-widget elementor-widget-html\" data-id=\"82c21b1\" 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 PROBLEMA (DOLOR REAL)\r\n     Secci\u00f3n que expone el problema de una mala instalaci\u00f3n\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-problema {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-problema__grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n.cm-problema__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-problema__text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  margin-bottom: 12px;\r\n}\r\n.cm-problema__cierre {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #ef4444;\r\n  margin-top: 20px;\r\n  padding-left: 16px;\r\n  border-left: 3px solid #ef4444;\r\n}\r\n.cm-problema__list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n.cm-problema__list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  line-height: 1.5;\r\n  padding: 18px 24px;\r\n  background: rgba(239, 68, 68, 0.04);\r\n  border-left: 3px solid rgba(239, 68, 68, 0.3);\r\n  transition: all 0.3s ease;\r\n}\r\n.cm-problema__list li:hover {\r\n  background: rgba(239, 68, 68, 0.08);\r\n  border-left-color: #ef4444;\r\n}\r\n.cm-problema__list li + li {\r\n  margin-top: 2px;\r\n}\r\n.cm-problema__list li svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-problema {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-problema__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-problema\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-problema__grid\">\r\n      <div class=\"cm-fade-up\">\r\n        <span class=\"cm-label\">El problema<\/span>\r\n        <h2 class=\"cm-problema__headline\">\r\n          Una mala instalaci\u00f3n te hace perder dinero todos los meses\r\n        <\/h2>\r\n        <p class=\"cm-problema__text\">\r\n          La mayor\u00eda de fallas en aire acondicionado no vienen del equipo, vienen de una mala instalaci\u00f3n.\r\n        <\/p>\r\n        <p class=\"cm-problema__cierre\">\r\n          Lo barato en instalaci\u00f3n termina saliendo caro.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"cm-fade-up\">\r\n        <ul class=\"cm-problema__list\">\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n            C\u00e1lculo incorrecto de carga t\u00e9rmica\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n            Equipos mal ubicados (baja eficiencia)\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n            Fugas por mala instalaci\u00f3n\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n            Consumo el\u00e9ctrico elevado\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n            Fallas constantes y menor vida \u00fatil\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d34391b elementor-widget elementor-widget-html\" data-id=\"d34391b\" 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 SOLUCI\u00d3N\r\n     Proceso correcto de instalaci\u00f3n\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-solucion {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-solucion::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(44, 213, 196, 0.15), transparent);\r\n}\r\n.cm-solucion__header {\r\n  text-align: center;\r\n  max-width: 640px;\r\n  margin: 0 auto 60px;\r\n}\r\n.cm-solucion__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-solucion__text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n}\r\n.cm-solucion__steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n}\r\n.cm-solucion__step {\r\n  position: relative;\r\n  background: rgba(17, 17, 17, 0.6);\r\n  border: 1px solid var(--cm-dark-border, rgba(255,255,255,0.06));\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 36px 28px;\r\n  text-align: center;\r\n  transition: all 0.35s ease;\r\n}\r\n.cm-solucion__step:hover {\r\n  border-color: rgba(44, 213, 196, 0.25);\r\n  transform: translateY(-4px);\r\n  background: rgba(17, 17, 17, 0.8);\r\n}\r\n.cm-solucion__step-num {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 2.4rem;\r\n  font-weight: 800;\r\n  color: rgba(44, 213, 196, 0.12);\r\n  line-height: 1;\r\n  margin-bottom: 16px;\r\n}\r\n.cm-solucion__step-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 50%;\r\n  background: rgba(44, 213, 196, 0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n}\r\n.cm-solucion__step-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: var(--cm-white, #ffffff);\r\n  line-height: 1.4;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .cm-solucion__steps {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-solucion {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-solucion__steps {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-solucion\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-solucion__header cm-fade-up\">\r\n      <span class=\"cm-label\" style=\"justify-content:center;\">Nuestra soluci\u00f3n<\/span>\r\n      <h2 class=\"cm-solucion__headline\">Instalamos correctamente desde el inicio<\/h2>\r\n      <p class=\"cm-solucion__text\">\r\n        Nos enfocamos en hacer las cosas bien desde el primer momento, siguiendo procesos t\u00e9cnicos y est\u00e1ndares que garantizan eficiencia, durabilidad y seguridad.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"cm-solucion__steps\">\r\n      <div class=\"cm-solucion__step cm-fade-up\">\r\n        <div class=\"cm-solucion__step-num\">01<\/div>\r\n        <div class=\"cm-solucion__step-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-solucion__step-title\">Evaluaci\u00f3n t\u00e9cnica previa<\/p>\r\n      <\/div>\r\n      <div class=\"cm-solucion__step cm-fade-up\">\r\n        <div class=\"cm-solucion__step-num\">02<\/div>\r\n        <div class=\"cm-solucion__step-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-solucion__step-title\">Instalaci\u00f3n bajo protocolos profesionales<\/p>\r\n      <\/div>\r\n      <div class=\"cm-solucion__step cm-fade-up\">\r\n        <div class=\"cm-solucion__step-num\">03<\/div>\r\n        <div class=\"cm-solucion__step-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-solucion__step-title\">Pruebas de hermeticidad<\/p>\r\n      <\/div>\r\n      <div class=\"cm-solucion__step cm-fade-up\">\r\n        <div class=\"cm-solucion__step-num\">04<\/div>\r\n        <div class=\"cm-solucion__step-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-solucion__step-title\">Configuraci\u00f3n \u00f3ptima del sistema<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9792816 elementor-widget elementor-widget-html\" data-id=\"9792816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 04 \u2014 OFERTA (DIAGN\u00d3STICO PROFESIONAL)\r\n     Secci\u00f3n de oferta con lo que incluye el diagn\u00f3stico\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-oferta {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-oferta__card {\r\n  background: rgba(17, 17, 17, 0.7);\r\n  border: 1px solid rgba(44, 213, 196, 0.15);\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 60px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 50px;\r\n  align-items: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cm-oferta__card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--cm-primary, #2cd5c4), transparent);\r\n}\r\n.cm-oferta__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.6rem, 3vw, 2.2rem);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 16px;\r\n}\r\n.cm-oferta__text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  margin-bottom: 32px;\r\n}\r\n.cm-oferta__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 16px 36px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  color: var(--cm-black, #000000);\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  border-radius: var(--cm-radius-sm, 10px);\r\n  transition: all 0.3s ease;\r\n}\r\n.cm-oferta__cta:hover {\r\n  background: var(--cm-primary-dark, #1fb8a9);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(44, 213, 196, 0.25);\r\n}\r\n.cm-oferta__includes {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n.cm-oferta__includes li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-white, #ffffff);\r\n  line-height: 1.5;\r\n  padding: 16px 20px;\r\n  background: rgba(44, 213, 196, 0.04);\r\n  border-radius: var(--cm-radius-sm, 10px);\r\n  border: 1px solid rgba(44, 213, 196, 0.08);\r\n  transition: all 0.3s ease;\r\n}\r\n.cm-oferta__includes li:hover {\r\n  background: rgba(44, 213, 196, 0.08);\r\n  border-color: rgba(44, 213, 196, 0.2);\r\n}\r\n.cm-oferta__includes li svg {\r\n  flex-shrink: 0;\r\n}\r\n.cm-oferta__inc-label {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-oferta {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-oferta__card {\r\n    grid-template-columns: 1fr;\r\n    padding: 36px 24px;\r\n    gap: 36px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-oferta\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-oferta__card cm-fade-up\">\r\n      <div>\r\n        <span class=\"cm-label\">Tu inversi\u00f3n<\/span>\r\n        <h2 class=\"cm-oferta__headline\">Empieza con un diagn\u00f3stico profesional<\/h2>\r\n        <p class=\"cm-oferta__text\">\r\n          Antes de instalar, analizamos tu espacio para darte la mejor soluci\u00f3n posible y evitar errores costosos.\r\n        <\/p>\r\n        <a href=\"https:\/\/wa.me\/51999006638?text=Hola%2C%20quiero%20un%20diagn%C3%B3stico%20profesional%20de%20instalaci%C3%B3n\" class=\"cm-oferta__cta\">\r\n          Quiero mi diagn\u00f3stico\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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      <div>\r\n        <p class=\"cm-oferta__inc-label\">Incluye<\/p>\r\n        <ul class=\"cm-oferta__includes\">\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            Evaluaci\u00f3n del espacio\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n            Recomendaci\u00f3n de equipo ideal\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/svg>\r\n            Ubicaci\u00f3n \u00f3ptima de unidades\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n            Estimaci\u00f3n de consumo energ\u00e9tico\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b00eee4 elementor-widget elementor-widget-html\" data-id=\"b00eee4\" 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 QU\u00c9 INCLUYE EL SERVICIO\r\n     Lista completa de lo que se entrega\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-incluye {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-incluye::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(44, 213, 196, 0.15), transparent);\r\n}\r\n.cm-incluye__header {\r\n  text-align: center;\r\n  max-width: 600px;\r\n  margin: 0 auto 56px;\r\n}\r\n.cm-incluye__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n.cm-incluye__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n.cm-incluye__item {\r\n  background: rgba(17, 17, 17, 0.6);\r\n  border: 1px solid var(--cm-dark-border, rgba(255,255,255,0.06));\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 32px 28px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 18px;\r\n  transition: all 0.35s ease;\r\n}\r\n.cm-incluye__item:hover {\r\n  border-color: rgba(44, 213, 196, 0.2);\r\n  transform: translateY(-3px);\r\n  background: rgba(17, 17, 17, 0.8);\r\n}\r\n.cm-incluye__icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 10px;\r\n  background: rgba(44, 213, 196, 0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.cm-incluye__name {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: var(--cm-white, #ffffff);\r\n  line-height: 1.4;\r\n  margin-bottom: 6px;\r\n}\r\n.cm-incluye__desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.85rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .cm-incluye__grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-incluye {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-incluye__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-incluye\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-incluye__header cm-fade-up\">\r\n      <span class=\"cm-label\" style=\"justify-content:center;\">Servicio completo<\/span>\r\n      <h2 class=\"cm-incluye__headline\">M\u00e1s que instalaci\u00f3n: un sistema completo y bien hecho<\/h2>\r\n    <\/div>\r\n    <div class=\"cm-incluye__grid\">\r\n      <div class=\"cm-incluye__item cm-fade-up\">\r\n        <div class=\"cm-incluye__icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"cm-incluye__name\">Suministro de equipos<\/p>\r\n          <p class=\"cm-incluye__desc\">Samsung, York, Lennox, Gree \u2014 marcas confiables<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-incluye__item cm-fade-up\">\r\n        <div class=\"cm-incluye__icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"cm-incluye__name\">Instalaci\u00f3n completa<\/p>\r\n          <p class=\"cm-incluye__desc\">Montaje, conexi\u00f3n y puesta en marcha del sistema<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-incluye__item cm-fade-up\">\r\n        <div class=\"cm-incluye__icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"cm-incluye__name\">Capacitaci\u00f3n al cliente<\/p>\r\n          <p class=\"cm-incluye__desc\">Instrucci\u00f3n de uso al cliente o personal responsable<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-incluye__item cm-fade-up\">\r\n        <div class=\"cm-incluye__icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"cm-incluye__name\">Informe t\u00e9cnico post instalaci\u00f3n<\/p>\r\n          <p class=\"cm-incluye__desc\">Documentaci\u00f3n completa del trabajo realizado<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-incluye__item cm-fade-up\">\r\n        <div class=\"cm-incluye__icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"cm-incluye__name\">Certificado de operatividad<\/p>\r\n          <p class=\"cm-incluye__desc\">Respaldo formal del correcto funcionamiento<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-incluye__item cm-fade-up\">\r\n        <div class=\"cm-incluye__icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"cm-incluye__name\">Planos el\u00e9ctricos<\/p>\r\n          <p class=\"cm-incluye__desc\">En proyectos grandes, planos completos del sistema<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25f5592 elementor-widget elementor-widget-html\" data-id=\"25f5592\" 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 TIEMPOS DE INSTALACI\u00d3N\r\n     Tiempos claros por tipo de instalaci\u00f3n\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-tiempos {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-tiempos::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(44, 213, 196, 0.15), transparent);\r\n}\r\n.cm-tiempos__inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.4fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n.cm-tiempos__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-tiempos__cierre {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-top: 24px;\r\n  padding-left: 16px;\r\n  border-left: 3px solid var(--cm-primary, #2cd5c4);\r\n}\r\n.cm-tiempos__cards {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n.cm-tiempos__card {\r\n  background: rgba(17, 17, 17, 0.6);\r\n  border: 1px solid var(--cm-dark-border, rgba(255,255,255,0.06));\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 28px 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  transition: all 0.35s ease;\r\n}\r\n.cm-tiempos__card:hover {\r\n  border-color: rgba(44, 213, 196, 0.2);\r\n  background: rgba(17, 17, 17, 0.8);\r\n}\r\n.cm-tiempos__card-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n}\r\n.cm-tiempos__card-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 10px;\r\n  background: rgba(44, 213, 196, 0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.cm-tiempos__card-type {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n.cm-tiempos__card-time {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-tiempos {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-tiempos__inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 36px;\r\n  }\r\n  .cm-tiempos__card {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    padding: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-tiempos\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-tiempos__inner\">\r\n      <div class=\"cm-fade-up\">\r\n        <span class=\"cm-label\">Plazos<\/span>\r\n        <h2 class=\"cm-tiempos__headline\">Tiempos claros desde el inicio<\/h2>\r\n        <p class=\"cm-tiempos__cierre\">Sin improvisaciones. Todo planificado.<\/p>\r\n      <\/div>\r\n      <div class=\"cm-tiempos__cards cm-fade-up\">\r\n        <div class=\"cm-tiempos__card\">\r\n          <div class=\"cm-tiempos__card-left\">\r\n            <div class=\"cm-tiempos__card-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"cm-tiempos__card-type\">Split pared (residencial)<\/span>\r\n          <\/div>\r\n          <span class=\"cm-tiempos__card-time\">1 d\u00eda<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tiempos__card\">\r\n          <div class=\"cm-tiempos__card-left\">\r\n            <div class=\"cm-tiempos__card-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"cm-tiempos__card-type\">Equipos comerciales<\/span>\r\n          <\/div>\r\n          <span class=\"cm-tiempos__card-time\">1 \u2013 2 d\u00edas<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tiempos__card\">\r\n          <div class=\"cm-tiempos__card-left\">\r\n            <div class=\"cm-tiempos__card-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20h20\"\/><path d=\"M5 20V8l7-5 7 5v12\"\/><path d=\"M9 20v-4h6v4\"\/><path d=\"M3 20h2\"\/><path d=\"M19 20h2\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"cm-tiempos__card-type\">Sistemas industriales (VRF)<\/span>\r\n          <\/div>\r\n          <span class=\"cm-tiempos__card-time\">15 \u2013 20 d\u00edas<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05ecdcb elementor-widget elementor-widget-html\" data-id=\"05ecdcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 07 \u2014 GARANT\u00cdA\r\n     Secci\u00f3n de garant\u00eda y respaldo\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-garantia {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-garantia::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(44, 213, 196, 0.15), transparent);\r\n}\r\n.cm-garantia__inner {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n.cm-garantia__badge {\r\n  width: 200px;\r\n  height: 200px;\r\n  border-radius: 50%;\r\n  border: 2px solid rgba(44, 213, 196, 0.2);\r\n  background: rgba(44, 213, 196, 0.04);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  flex-shrink: 0;\r\n}\r\n.cm-garantia__badge-num {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 3.2rem;\r\n  font-weight: 800;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  line-height: 1;\r\n}\r\n.cm-garantia__badge-text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  margin-top: 6px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n.cm-garantia__content {}\r\n.cm-garantia__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.4rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 16px;\r\n}\r\n.cm-garantia__text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  margin-bottom: 32px;\r\n}\r\n.cm-garantia__list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n.cm-garantia__list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  color: var(--cm-white, #ffffff);\r\n  line-height: 1.4;\r\n}\r\n.cm-garantia__list li svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-garantia {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-garantia__inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 36px;\r\n    text-align: center;\r\n  }\r\n  .cm-garantia__badge {\r\n    margin: 0 auto;\r\n    width: 160px;\r\n    height: 160px;\r\n  }\r\n  .cm-garantia__badge-num {\r\n    font-size: 2.6rem;\r\n  }\r\n  .cm-garantia__list {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-garantia\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-garantia__inner cm-fade-up\">\r\n      <div class=\"cm-garantia__badge\">\r\n        <span class=\"cm-garantia__badge-num\">10<\/span>\r\n        <span class=\"cm-garantia__badge-text\">A\u00f1os garant\u00eda<br>motocompresor<\/span>\r\n      <\/div>\r\n      <div class=\"cm-garantia__content\">\r\n        <span class=\"cm-label\">Respaldo<\/span>\r\n        <h2 class=\"cm-garantia__headline\">Garant\u00eda real, no promesas<\/h2>\r\n        <p class=\"cm-garantia__text\">\r\n          Trabajamos con equipos que ofrecen hasta 10 a\u00f1os de garant\u00eda en el motocompresor. Tu inversi\u00f3n est\u00e1 protegida.\r\n        <\/p>\r\n        <ul class=\"cm-garantia__list\">\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            1 a\u00f1o de garant\u00eda en instalaci\u00f3n\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Cobertura ante fallas por instalaci\u00f3n\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Soporte t\u00e9cnico prioritario\r\n          <\/li>\r\n          <li>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Seguimiento post servicio\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6fcc2 elementor-widget elementor-widget-html\" data-id=\"5f6fcc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 08 \u2014 QU\u00c9 PASA SI NO LO HACES BIEN\r\n     Consecuencias de una mala elecci\u00f3n\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-riesgo {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-riesgo::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(239, 68, 68, 0.15), transparent);\r\n}\r\n.cm-riesgo__header {\r\n  text-align: center;\r\n  max-width: 560px;\r\n  margin: 0 auto 50px;\r\n}\r\n.cm-riesgo__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.4rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n.cm-riesgo__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 16px;\r\n  margin-bottom: 48px;\r\n}\r\n.cm-riesgo__item {\r\n  background: rgba(239, 68, 68, 0.04);\r\n  border: 1px solid rgba(239, 68, 68, 0.12);\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 28px 20px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n.cm-riesgo__item:hover {\r\n  background: rgba(239, 68, 68, 0.08);\r\n  border-color: rgba(239, 68, 68, 0.25);\r\n  transform: translateY(-2px);\r\n}\r\n.cm-riesgo__item-icon {\r\n  margin-bottom: 16px;\r\n}\r\n.cm-riesgo__item-text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.88rem;\r\n  font-weight: 500;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  line-height: 1.4;\r\n}\r\n.cm-riesgo__cierre {\r\n  text-align: center;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: #ef4444;\r\n  padding: 20px 32px;\r\n  border: 1px solid rgba(239, 68, 68, 0.2);\r\n  border-radius: var(--cm-radius-sm, 10px);\r\n  background: rgba(239, 68, 68, 0.04);\r\n  max-width: 580px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .cm-riesgo__grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-riesgo {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-riesgo__grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 12px;\r\n  }\r\n  .cm-riesgo__item {\r\n    padding: 22px 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-riesgo\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-riesgo__header cm-fade-up\">\r\n      <span class=\"cm-label\" style=\"justify-content:center; color: #ef4444;\">Advertencia<\/span>\r\n      <h2 class=\"cm-riesgo__headline\">Lo que pasa cuando eliges mal<\/h2>\r\n    <\/div>\r\n    <div class=\"cm-riesgo__grid cm-fade-up\">\r\n      <div class=\"cm-riesgo__item\">\r\n        <div class=\"cm-riesgo__item-icon\">\r\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-riesgo__item-text\">Pagas m\u00e1s electricidad todos los meses<\/p>\r\n      <\/div>\r\n      <div class=\"cm-riesgo__item\">\r\n        <div class=\"cm-riesgo__item-icon\">\r\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-riesgo__item-text\">Equipos que fallan antes de tiempo<\/p>\r\n      <\/div>\r\n      <div class=\"cm-riesgo__item\">\r\n        <div class=\"cm-riesgo__item-icon\">\r\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"M8 12h8\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-riesgo__item-text\">Fugas y reparaciones constantes<\/p>\r\n      <\/div>\r\n      <div class=\"cm-riesgo__item\">\r\n        <div class=\"cm-riesgo__item-icon\">\r\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><line x1=\"18\" y1=\"8\" x2=\"23\" y2=\"13\"\/><line x1=\"23\" y1=\"8\" x2=\"18\" y2=\"13\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-riesgo__item-text\">Sin soporte t\u00e9cnico real<\/p>\r\n      <\/div>\r\n      <div class=\"cm-riesgo__item\">\r\n        <div class=\"cm-riesgo__item-icon\">\r\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"cm-riesgo__item-text\">Sin certificaci\u00f3n ni respaldo t\u00e9cnico<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <p class=\"cm-riesgo__cierre cm-fade-up\">\r\n      Una mala decisi\u00f3n aqu\u00ed te cuesta a\u00f1os de problemas.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-320306a elementor-widget elementor-widget-html\" data-id=\"320306a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 09 \u2014 TRABAJOS REALES\r\n     Galer\u00eda de fotos reales de instalaciones\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prueba {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n\r\n.cm-prueba::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(44, 213, 196, 0.15),\r\n    transparent\r\n  );\r\n}\r\n\r\n.cm-prueba__header {\r\n  text-align: center;\r\n  max-width: 600px;\r\n  margin: 0 auto 56px;\r\n}\r\n\r\n.cm-prueba__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n\r\n.cm-prueba__gallery {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.cm-prueba__item {\r\n  position: relative;\r\n  border-radius: var(--cm-radius, 16px);\r\n  overflow: hidden;\r\n  aspect-ratio: 4\/3;\r\n  background: var(--cm-dark-card, #111111);\r\n  border: 1px solid var(--cm-dark-border, rgba(255,255,255,0.06));\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.cm-prueba__item:hover {\r\n  border-color: rgba(44, 213, 196, 0.2);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* IM\u00c1GENES *\/\r\n.cm-prueba__item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* TEXTO DE CADA TRABAJO *\/\r\n.cm-prueba__item-label {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  padding: 16px 20px;\r\n  background: linear-gradient(\r\n    transparent,\r\n    rgba(0,0,0,0.8)\r\n  );\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n\r\n\/* TEXTO INFERIOR *\/\r\n.cm-prueba__note {\r\n  text-align: center;\r\n  margin-top: 36px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  .cm-prueba {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n\r\n  .cm-prueba__gallery {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-section cm-prueba\">\r\n\r\n  <div class=\"cm-container\">\r\n\r\n    <!-- ========================================================\r\n         ENCABEZADO\r\n         ======================================================== -->\r\n    <div class=\"cm-prueba__header cm-fade-up\">\r\n\r\n      <span\r\n        class=\"cm-label\"\r\n        style=\"justify-content:center;\"\r\n      >\r\n        Nuestro trabajo\r\n      <\/span>\r\n\r\n      <h2 class=\"cm-prueba__headline\">\r\n        Trabajos reales, resultados reales\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         GALER\u00cdA\r\n         ======================================================== -->\r\n    <div class=\"cm-prueba__gallery cm-fade-up\">\r\n\r\n\r\n      <!-- ======================================================\r\n           1. INSTALACI\u00d3N RESIDENCIAL\r\n           ====================================================== -->\r\n      <div class=\"cm-prueba__item\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/recidencial.png\"\r\n          alt=\"Instalaci\u00f3n residencial\"\r\n        >\r\n\r\n        <div class=\"cm-prueba__item-label\">\r\n          Instalaci\u00f3n residencial\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           2. PROYECTO COMERCIAL\r\n           ====================================================== -->\r\n      <div class=\"cm-prueba__item\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Proyecto-Comercial.jpg\"\r\n          alt=\"Proyecto comercial\"\r\n        >\r\n\r\n        <div class=\"cm-prueba__item-label\">\r\n          Proyecto comercial\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           3. SISTEMA INDUSTRIAL VRF\r\n           ====================================================== -->\r\n      <div class=\"cm-prueba__item\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/proyecto-vrf-2-scaled.jpg\"\r\n          alt=\"Sistema industrial VRF\"\r\n        >\r\n\r\n        <div class=\"cm-prueba__item-label\">\r\n          Sistema industrial VRF\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           4. ANTES \/ DESPU\u00c9S\r\n           ====================================================== -->\r\n      <div class=\"cm-prueba__item\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Antes-y-Despues.png\"\r\n          alt=\"Antes y despu\u00e9s\"\r\n        >\r\n\r\n        <div class=\"cm-prueba__item-label\">\r\n          Antes \/ Despu\u00e9s\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           5. INSTALACI\u00d3N DE DUCTOS\r\n           ====================================================== -->\r\n      <div class=\"cm-prueba__item\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Instalacion-ductos.jpeg\"\r\n          alt=\"Instalaci\u00f3n de ductos\"\r\n        >\r\n\r\n        <div class=\"cm-prueba__item-label\">\r\n          Instalaci\u00f3n de ductos\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           6. ENTREGA FINAL AL CLIENTE\r\n           ====================================================== -->\r\n      <div class=\"cm-prueba__item\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/entre-final.png\"\r\n          alt=\"Entrega final al cliente\"\r\n        >\r\n\r\n        <div class=\"cm-prueba__item-label\">\r\n          Entrega final al cliente\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         TEXTO FINAL\r\n         ======================================================== -->\r\n    <p class=\"cm-prueba__note cm-fade-up\">\r\n      Cada proyecto es documentado. Solicita referencias directas de nuestros clientes.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bba80f7 elementor-widget elementor-widget-html\" data-id=\"bba80f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 10 \u2014 CTA FINAL\r\n     Llamado a acci\u00f3n final con cierre persuasivo\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-cta-final {\r\n  position: relative;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-cta-final__card {\r\n  position: relative;\r\n  text-align: center;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  padding: 72px 48px;\r\n  background: rgba(17, 17, 17, 0.6);\r\n  border: 1px solid rgba(44, 213, 196, 0.12);\r\n  border-radius: var(--cm-radius, 16px);\r\n  overflow: hidden;\r\n}\r\n.cm-cta-final__card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(44, 213, 196, 0.06) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.cm-cta-final__headline {\r\n  position: relative;\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-cta-final__text {\r\n  position: relative;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.1rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  max-width: 520px;\r\n  margin: 0 auto 40px;\r\n}\r\n.cm-cta-final__btn {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 18px 44px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  color: var(--cm-black, #000000);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  border-radius: var(--cm-radius-sm, 10px);\r\n  transition: all 0.3s ease;\r\n  letter-spacing: 0.5px;\r\n}\r\n.cm-cta-final__btn:hover {\r\n  background: var(--cm-primary-dark, #1fb8a9);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 40px rgba(44, 213, 196, 0.3);\r\n}\r\n.cm-cta-final__sub {\r\n  position: relative;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.85rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  margin-top: 20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-cta-final {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n  .cm-cta-final__card {\r\n    padding: 48px 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-cta-final\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-cta-final__card cm-fade-up\">\r\n      <h2 class=\"cm-cta-final__headline\">\r\n        Agenda tu diagn\u00f3stico y evita errores costosos\r\n      <\/h2>\r\n      <p class=\"cm-cta-final__text\">\r\n        Recibe una recomendaci\u00f3n clara antes de invertir en tu sistema de climatizaci\u00f3n.\r\n      <\/p>\r\n      <a href=\"https:\/\/wa.me\/51999006638?text=Hola%2C%20quiero%20agendar%20un%20diagn%C3%B3stico%20para%20instalaci%C3%B3n%20HVAC\" class=\"cm-cta-final__btn\">\r\n        Agendar ahora\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n      <p class=\"cm-cta-final__sub\">Respuesta en menos de 24 horas<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df2a2e9 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"df2a2e9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"df2a2e9\" data-e-type=\"e-flexbox\" data-id=\"df2a2e9\">\n    \t\t<div class=\"elementor-element elementor-element-a5df521 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"a5df521\" 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>Suministro &amp; Instalaci\u00f3n Instalaci\u00f3n de aire acondicionado eficiente, segura y sin errores costosos Dise\u00f1amos e instalamos sistemas HVAC para hogares y empresas, optimizando consumo energ\u00e9tico y garantizando funcionamiento desde el primer d\u00eda. Ahorro energ\u00e9tico de hasta 80% con tecnolog\u00eda inverter Instalaciones bajo est\u00e1ndares t\u00e9cnicos profesionales Soporte y mantenimiento prioritario post instalaci\u00f3n Agendar diagn\u00f3stico El problema [&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-37","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/37","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=37"}],"version-history":[{"count":68,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":2756,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/37\/revisions\/2756"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}