{"id":86,"date":"2026-04-05T11:20:34","date_gmt":"2026-04-05T16:20:34","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=86"},"modified":"2026-09-02T10:20:27","modified_gmt":"2026-09-02T15:20:27","slug":"aire-acondicionado","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/aire-acondicionado\/","title":{"rendered":"Air Conditioning"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b1f3f0 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"7b1f3f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7b1f3f0\" data-e-type=\"e-flexbox\" data-id=\"7b1f3f0\">\n    \t\t<div class=\"elementor-element elementor-element-3e29fa2 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"3e29fa2\" 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\/86\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/86\" 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-8d6b93b e-flex e-con-boxed e-con e-parent\" data-id=\"8d6b93b\" 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-97542ff elementor-widget elementor-widget-html\" data-id=\"97542ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 00-B \u2014 PARTICLES.JS + GOOGLE FONTS\r\n     Loader global de fuentes y animaci\u00f3n de part\u00edculas.\r\n     Debe ser el PRIMER caj\u00f3n HTML en Elementor.\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 Canvas -->\r\n<canvas id=\"cm-particles-canvas\" style=\"position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.45;\"><\/canvas>\r\n\r\n<script>\r\n(function() {\r\n  const canvas = document.getElementById('cm-particles-canvas');\r\n  const ctx = canvas.getContext('2d');\r\n  let W, H, particles = [], mouse = { x: null, y: null };\r\n  const N = 80, MAX_DIST = 130, COLOR = '44, 213, 196';\r\n\r\n  function resize() {\r\n    W = canvas.width = window.innerWidth;\r\n    H = canvas.height = window.innerHeight;\r\n  }\r\n\r\n  function Particle() {\r\n    this.x = Math.random() * W;\r\n    this.y = Math.random() * H;\r\n    this.vx = (Math.random() - 0.5) * 0.4;\r\n    this.vy = (Math.random() - 0.5) * 0.4;\r\n    this.r = Math.random() * 1.5 + 0.5;\r\n  }\r\n\r\n  Particle.prototype.update = function() {\r\n    this.x += this.vx; this.y += this.vy;\r\n    if (this.x < 0 || this.x > W) this.vx *= -1;\r\n    if (this.y < 0 || this.y > H) this.vy *= -1;\r\n  };\r\n\r\n  function init() {\r\n    particles = [];\r\n    for (let i = 0; i < N; i++) particles.push(new Particle());\r\n  }\r\n\r\n  function draw() {\r\n    ctx.clearRect(0, 0, W, H);\r\n    particles.forEach(p => {\r\n      p.update();\r\n      ctx.beginPath();\r\n      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n      ctx.fillStyle = `rgba(${COLOR}, 0.7)`;\r\n      ctx.fill();\r\n    });\r\n    for (let i = 0; i < particles.length; i++) {\r\n      for (let j = i + 1; j < particles.length; j++) {\r\n        const dx = particles[i].x - particles[j].x;\r\n        const dy = particles[i].y - particles[j].y;\r\n        const dist = Math.sqrt(dx * dx + dy * dy);\r\n        if (dist < MAX_DIST) {\r\n          ctx.beginPath();\r\n          ctx.moveTo(particles[i].x, particles[i].y);\r\n          ctx.lineTo(particles[j].x, particles[j].y);\r\n          ctx.strokeStyle = `rgba(${COLOR}, ${(1 - dist \/ MAX_DIST) * 0.25})`;\r\n          ctx.lineWidth = 0.6;\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n    requestAnimationFrame(draw);\r\n  }\r\n\r\n  resize(); init(); draw();\r\n  window.addEventListener('resize', () => { resize(); init(); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41005ef elementor-widget elementor-widget-html\" data-id=\"41005ef\" 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: DOBLE ENFOQUE\r\n     Imagen split residencial\/comercial, headline principal,\r\n     microcopy de dolor y 2 CTAs diferenciados.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-hero-ac,\r\n.cm-hero-ac * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-hero-ac {\r\n  position: relative;\r\n  width:100%;\r\n  max-width:100%;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  padding: 140px 24px 100px;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Split background con 2 im\u00e1genes *\/\r\n.cm-hero-ac__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  z-index: 0;\r\n}\r\n\r\n.cm-hero-ac__bg-panel {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-hero-ac__bg-panel img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.22) saturate(0.7);\r\n  transition: filter 0.6s ease;\r\n}\r\n\r\n.cm-hero-ac__bg-panel::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to bottom, transparent 40%, #0a0a0a 100%);\r\n}\r\n\r\n\/* Label tipo de espacio sobre cada panel *\/\r\n.cm-hero-ac__panel-label {\r\n  position: absolute;\r\n  top: 28px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 2;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n  white-space: nowrap;\r\n  padding: 6px 14px;\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 100px;\r\n  backdrop-filter: blur(8px);\r\n  background: rgba(10,10,10,0.4);\r\n}\r\n\r\n\/* L\u00ednea divisoria central *\/\r\n.cm-hero-ac__bg-divider {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 1px;\r\n  height: 100%;\r\n  background: linear-gradient(to bottom,\r\n    transparent 0%,\r\n    rgba(44,213,196,0.5) 30%,\r\n    rgba(44,213,196,0.8) 50%,\r\n    rgba(44,213,196,0.5) 70%,\r\n    transparent 100%\r\n  );\r\n  z-index: 3;\r\n}\r\n\r\n\/* Overlay central oscuro para legibilidad del texto *\/\r\n.cm-hero-ac__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 60% 70% at 50% 50%, rgba(10,10,10,0.75) 0%, transparent 100%);\r\n  z-index: 1;\r\n}\r\n\r\n\/* Contenido central *\/\r\n.cm-hero-ac__content {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  width:100%;\r\n  min-width:0;\r\n  max-width: 780px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cm-hero-ac__label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.cm-hero-ac__label::before,\r\n.cm-hero-ac__label::after {\r\n  content: '';\r\n  width: 28px;\r\n  height: 1px;\r\n  background: var(--cm-primary);\r\n  opacity: 0.6;\r\n}\r\n\r\n.cm-hero-ac__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(36px, 5.5vw, 64px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  color: #ffffff;\r\n  margin: 0 0 20px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cm-hero-ac__headline .cm-accent {\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-hero-ac__subheadline {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: clamp(16px, 2vw, 19px);\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n  color: var(--cm-gray-light);\r\n  margin: 0 0 36px;\r\n  max-width: 620px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* Microcopy de alerta *\/\r\n.cm-hero-ac__alert {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 80, 80, 0.08);\r\n  border: 1px solid rgba(255, 80, 80, 0.2);\r\n  border-radius: 100px;\r\n  padding: 10px 20px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: rgba(255, 180, 180, 0.9);\r\n  margin-bottom: 44px;\r\n}\r\n\r\n.cm-hero-ac__alert svg {\r\n  flex-shrink: 0;\r\n  color: #ff6060;\r\n}\r\n\r\n\/* CTAs *\/\r\n.cm-hero-ac__ctas {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cm-hero-ac__cta-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--cm-primary);\r\n  color: #000000;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.02em;\r\n  padding: 16px 32px;\r\n  border-radius: 100px;\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n  box-shadow: 0 0 30px rgba(44,213,196,0.25);\r\n}\r\n\r\n.cm-hero-ac__cta-primary:hover {\r\n  background: var(--cm-primary-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 0 45px rgba(44,213,196,0.4);\r\n}\r\n\r\n.cm-hero-ac__cta-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: transparent;\r\n  color: rgba(255,255,255,0.8);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.02em;\r\n  padding: 15px 28px;\r\n  border-radius: 100px;\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.cm-hero-ac__cta-secondary:hover {\r\n  border-color: var(--cm-primary);\r\n  color: var(--cm-primary);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.cm-hero-ac__scroll {\r\n  position: absolute;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 6px;\r\n  opacity: 0.35;\r\n  animation: scrollBounce 2s ease-in-out infinite;\r\n}\r\n\r\n.cm-hero-ac__scroll span {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n}\r\n\r\n@keyframes scrollBounce {\r\n  0%, 100% { transform: translateX(-50%) translateY(0); }\r\n  50% { transform: translateX(-50%) translateY(6px); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .cm-hero-ac {\r\n    padding: 120px 20px 80px;\r\n    min-height: 100svh;\r\n  }\r\n  .cm-hero-ac__content {\r\n    max-width:100%;\r\n  }\r\n  .cm-hero-ac__bg {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cm-hero-ac__bg-panel:last-child {\r\n    display: none;\r\n  }\r\n  .cm-hero-ac__bg-panel:first-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n  .cm-hero-ac__bg-divider { display: none; }\r\n  .cm-hero-ac__panel-label { display: none; }\r\n  .cm-hero-ac__headline {\r\n    font-size:clamp(1.65rem,7.5vw,2.3rem);\r\n    letter-spacing:-.035em;\r\n    overflow-wrap:normal;\r\n    word-break:normal;\r\n    text-wrap:balance;\r\n  }\r\n  .cm-hero-ac__subheadline {\r\n    max-width:100%;\r\n  }\r\n  .cm-hero-ac__alert {\r\n    max-width:100%;\r\n    white-space:normal;\r\n    text-align:left;\r\n  }\r\n  .cm-hero-ac__ctas { width:100%; flex-direction: column; align-items: stretch; max-width: 320px; margin: 0 auto; }\r\n  .cm-hero-ac__cta-primary,\r\n  .cm-hero-ac__cta-secondary { width:100%; max-width:100%; justify-content: center; text-align:center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cm-hero-ac__headline { font-size:clamp(1.6rem,7.5vw,1.85rem); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-hero-ac\">\r\n\r\n  <!-- Background split -->\r\n  <div class=\"cm-hero-ac__bg\">\r\n    <!-- Panel izquierdo: residencial -->\r\n    <div class=\"cm-hero-ac__bg-panel\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1581858726788-75bc0f6a952d?w=900&q=80&auto=format&fit=crop\"\r\n        alt=\"Aire acondicionado residencial\"\r\n        loading=\"eager\"\r\n      >\r\n      <span class=\"cm-hero-ac__panel-label\">Residencial<\/span>\r\n    <\/div>\r\n    <!-- Panel derecho: comercial -->\r\n    <div class=\"cm-hero-ac__bg-panel\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=900&q=80&auto=format&fit=crop\"\r\n        alt=\"Aire acondicionado comercial\"\r\n        loading=\"eager\"\r\n      >\r\n      <span class=\"cm-hero-ac__panel-label\">Comercial<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- L\u00ednea divisoria -->\r\n  <div class=\"cm-hero-ac__bg-divider\"><\/div>\r\n\r\n  <!-- Overlay de legibilidad -->\r\n  <div class=\"cm-hero-ac__overlay\"><\/div>\r\n\r\n  <!-- Contenido -->\r\n  <div class=\"cm-hero-ac__content\">\r\n\r\n    <h1 class=\"cm-hero-ac__headline\">\r\n      Aire acondicionado <span class=\"cm-accent\">eficiente<\/span><br>\r\n      para cada tipo de espacio\r\n    <\/h1>\r\n\r\n    <p class=\"cm-hero-ac__subheadline\">\r\n      Desde soluciones residenciales hasta sistemas comerciales, te ayudamos a elegir e implementar el equipo correcto seg\u00fan tu necesidad.\r\n    <\/p>\r\n\r\n    <!-- Microcopy de dolor -->\r\n    <div class=\"cm-hero-ac__alert\">\r\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/>\r\n        <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>\r\n      <\/svg>\r\n      Elegir mal no solo afecta el confort, tambi\u00e9n multiplica tu consumo el\u00e9ctrico.\r\n    <\/div>\r\n\r\n    <!-- CTAs -->\r\n    <div class=\"cm-hero-ac__ctas\">\r\n      <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-hero-ac__cta-primary\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n        <\/svg>\r\n        Quiero que me recomienden el equipo correcto\r\n      <\/a>\r\n      <a href=\"#equipos\" class=\"cm-hero-ac__cta-secondary\">\r\n        Ver equipos y especificaciones\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Scroll indicator -->\r\n  <div class=\"cm-hero-ac__scroll\">\r\n    <span>Scroll<\/span>\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <polyline points=\"6 9 12 15 18 9\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e15c7c elementor-widget elementor-widget-html\" data-id=\"2e15c7c\" 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 TIPOS DE EQUIPOS\r\n     Grid de 6 tipos con imagen real (placeholder), nombre,\r\n     descripci\u00f3n y hover animado.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-tipos {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n}\r\n@media (max-width: 768px) { .cm-tipos { padding: var(--cm-section-padding-mobile); } }\r\n\r\n.cm-tipos__header {\r\n  text-align: center;\r\n  margin-bottom: 64px;\r\n}\r\n.cm-tipos__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 16px;\r\n  line-height: 1.15;\r\n}\r\n.cm-tipos__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  color: var(--cm-gray);\r\n  max-width: 520px;\r\n  margin: 0 auto;\r\n  line-height: 1.7;\r\n}\r\n\r\n.cm-tipos__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n@media (max-width: 900px) { .cm-tipos__grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 540px)  { .cm-tipos__grid { grid-template-columns: 1fr; } }\r\n\r\n.cm-tipos__card {\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  border-radius: var(--cm-radius);\r\n  overflow: hidden;\r\n  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n.cm-tipos__card:hover {\r\n  border-color: rgba(44,213,196,0.35);\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.3), 0 0 20px rgba(44,213,196,0.08);\r\n}\r\n\r\n\/* Imagen del equipo *\/\r\n.cm-tipos__img-wrap {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 200px;\r\n  background: #111;\r\n}\r\n.cm-tipos__img-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n  filter: brightness(0.85);\r\n}\r\n.cm-tipos__card:hover .cm-tipos__img-wrap img {\r\n  transform: scale(1.05);\r\n  filter: brightness(1);\r\n}\r\n\r\n\/* Overlay gradiente en la imagen *\/\r\n.cm-tipos__img-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(10,10,10,0.85) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Badge tipo equipo sobre imagen *\/\r\n.cm-tipos__badge {\r\n  position: absolute;\r\n  top: 14px;\r\n  right: 14px;\r\n  background: rgba(44,213,196,0.15);\r\n  border: 1px solid rgba(44,213,196,0.3);\r\n  border-radius: 6px;\r\n  padding: 4px 10px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  color: var(--cm-primary);\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Contenido de texto *\/\r\n.cm-tipos__body {\r\n  padding: 22px 24px 26px;\r\n}\r\n.cm-tipos__icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 8px;\r\n  background: rgba(44,213,196,0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 14px;\r\n}\r\n.cm-tipos__icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n}\r\n.cm-tipos__name {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 1.15rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n.cm-tipos__desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.88rem;\r\n  color: var(--cm-gray);\r\n  line-height: 1.6;\r\n  margin-bottom: 16px;\r\n}\r\n.cm-tipos__tag-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n}\r\n.cm-tipos__tag {\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 4px;\r\n  padding: 3px 9px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.76rem;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n\/* Placeholder visual para im\u00e1genes (reemplazar con fotos reales) *\/\r\n.cm-tipos__placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: linear-gradient(135deg, #111 0%, #1a1a1a 100%);\r\n}\r\n.cm-tipos__placeholder svg {\r\n  width: 56px;\r\n  height: 56px;\r\n  stroke: rgba(44,213,196,0.2);\r\n  fill: none;\r\n}\r\n<\/style>\r\n\r\n<section id=\"tipos-equipos\" class=\"cm-section cm-tipos\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-tipos__header cm-fade-up\">\r\n      <h2 class=\"cm-tipos__headline\">Encontramos el equipo<br>ideal para tu proyecto<\/h2>\r\n      <p class=\"cm-tipos__sub\">Desde residencias hasta proyectos industriales. Trabajamos con los modelos m\u00e1s eficientes del mercado.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-tipos__grid\">\r\n\r\n      <!-- Split Pared -->\r\n      <div class=\"cm-tipos__card cm-fade-up\">\r\n        <div class=\"cm-tipos__img-wrap\">\r\n          <!-- REEMPLAZAR src con foto real de split pared -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split-pared-e1786726953147.png\" alt=\"Split Pared\">\r\n          <div class=\"cm-tipos__img-overlay\"><\/div>\r\n          <span class=\"cm-tipos__badge\">M\u00e1s vendido<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tipos__body\">\r\n          <div class=\"cm-tipos__icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"7\" rx=\"2\"\/><path d=\"M12 10v11M8 17h8\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-tipos__name\">Split Pared<\/div>\r\n          <p class=\"cm-tipos__desc\">Unidad mural interior + exterior. Ideal para habitaciones, dormitorios y oficinas individuales.<\/p>\r\n          <div class=\"cm-tipos__tag-list\">\r\n            <span class=\"cm-tipos__tag\">Residencial<\/span>\r\n            <span class=\"cm-tipos__tag\">Oficina<\/span>\r\n            <span class=\"cm-tipos__tag\">Inverter<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Split Cassette -->\r\n      <div class=\"cm-tipos__card cm-fade-up\">\r\n        <div class=\"cm-tipos__img-wrap\">\r\n          <!-- REEMPLAZAR src con foto real de split cassette -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split_cassete-scaled-e1786639741523.jpg\" alt=\"Split Cassette\">\r\n          <div class=\"cm-tipos__img-overlay\"><\/div>\r\n          <span class=\"cm-tipos__badge\">Comercial<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tipos__body\">\r\n          <div class=\"cm-tipos__icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-tipos__name\">Split Cassette<\/div>\r\n          <p class=\"cm-tipos__desc\">Instalaci\u00f3n en techo falso. Distribuci\u00f3n 360\u00b0 del aire. Perfecto para espacios comerciales amplios.<\/p>\r\n          <div class=\"cm-tipos__tag-list\">\r\n            <span class=\"cm-tipos__tag\">Tiendas<\/span>\r\n            <span class=\"cm-tipos__tag\">Restaurantes<\/span>\r\n            <span class=\"cm-tipos__tag\">Oficinas<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Split Ducto -->\r\n      <div class=\"cm-tipos__card cm-fade-up\">\r\n        <div class=\"cm-tipos__img-wrap\">\r\n          <!-- REEMPLAZAR src con foto real de split ducto -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split-ducto-1.png\" alt=\"Split Ducto\">\r\n          <div class=\"cm-tipos__img-overlay\"><\/div>\r\n          <span class=\"cm-tipos__badge\">Premium<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tipos__body\">\r\n          <div class=\"cm-tipos__icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M3 6h18M3 12h18M3 18h18\"\/><path d=\"M8 6v12M16 6v12\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-tipos__name\">Split Ducto<\/div>\r\n          <p class=\"cm-tipos__desc\">Oculto en el techo, distribuye por ductos a m\u00faltiples ambientes. Soluci\u00f3n est\u00e9tica para proyectos premium.<\/p>\r\n          <div class=\"cm-tipos__tag-list\">\r\n            <span class=\"cm-tipos__tag\">Hoteles<\/span>\r\n            <span class=\"cm-tipos__tag\">Cl\u00ednicas<\/span>\r\n            <span class=\"cm-tipos__tag\">Residencial<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Multi-Split -->\r\n      <div class=\"cm-tipos__card cm-fade-up\">\r\n        <div class=\"cm-tipos__img-wrap\">\r\n          <!-- REEMPLAZAR src con foto real de multi-split -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/multi-split-e1786726545948.png\" alt=\"Multi-Split\">\r\n          <div class=\"cm-tipos__img-overlay\"><\/div>\r\n          <span class=\"cm-tipos__badge\">Multi-ambiente<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tipos__body\">\r\n          <div class=\"cm-tipos__icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"8\" height=\"5\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"8\" height=\"5\" rx=\"1\"\/><rect x=\"2\" y=\"16\" width=\"8\" height=\"5\" rx=\"1\"\/><rect x=\"14\" y=\"16\" width=\"8\" height=\"5\" rx=\"1\"\/><path d=\"M10 5.5h4M10 18.5h4M12 8.5v8\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-tipos__name\">Multi-Split<\/div>\r\n          <p class=\"cm-tipos__desc\">Una sola unidad exterior conectada a m\u00faltiples unidades interiores. Eficiencia para viviendas completas.<\/p>\r\n          <div class=\"cm-tipos__tag-list\">\r\n            <span class=\"cm-tipos__tag\">Departamentos<\/span>\r\n            <span class=\"cm-tipos__tag\">Casas<\/span>\r\n            <span class=\"cm-tipos__tag\">Pisos<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Port\u00e1til -->\r\n      <div class=\"cm-tipos__card cm-fade-up\">\r\n        <div class=\"cm-tipos__img-wrap\">\r\n          <!-- REEMPLAZAR src con foto real de port\u00e1til -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split-portatil-e1786727003743.png\" alt=\"Port\u00e1til\">\r\n          <div class=\"cm-tipos__img-overlay\"><\/div>\r\n          <span class=\"cm-tipos__badge\">Sin instalaci\u00f3n<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tipos__body\">\r\n          <div class=\"cm-tipos__icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><rect x=\"8\" y=\"2\" width=\"8\" height=\"16\" rx=\"2\"\/><path d=\"M12 18v4M8 22h8M12 6h.01\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-tipos__name\">Port\u00e1til<\/div>\r\n          <p class=\"cm-tipos__desc\">Sin obra ni instalaci\u00f3n. Ideal para espacios temporales o cuando no se puede realizar instalaci\u00f3n fija.<\/p>\r\n          <div class=\"cm-tipos__tag-list\">\r\n            <span class=\"cm-tipos__tag\">Temporal<\/span>\r\n            <span class=\"cm-tipos__tag\">Eventos<\/span>\r\n            <span class=\"cm-tipos__tag\">Inmediato<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Industrial\/Paquete -->\r\n      <div class=\"cm-tipos__card cm-fade-up\">\r\n        <div class=\"cm-tipos__img-wrap\">\r\n          <!-- REEMPLAZAR src con foto real de equipo industrial -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/industrial.jpg\" alt=\"Industrial\">\r\n          <div class=\"cm-tipos__img-overlay\"><\/div>\r\n          <span class=\"cm-tipos__badge\">Industrial<\/span>\r\n        <\/div>\r\n        <div class=\"cm-tipos__body\">\r\n          <div class=\"cm-tipos__icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M3 21h18M3 10h18M3 7l9-4 9 4M4 10v11M20 10v11M8 10v4m0 4v3M12 10v4m0 4v3M16 10v4m0 4v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-tipos__name\">Paquete \/ Industrial<\/div>\r\n          <p class=\"cm-tipos__desc\">Equipos de gran capacidad para industrias, plantas, centros de datos y grandes superficies comerciales.<\/p>\r\n          <div class=\"cm-tipos__tag-list\">\r\n            <span class=\"cm-tipos__tag\">Industria<\/span>\r\n            <span class=\"cm-tipos__tag\">Data Center<\/span>\r\n            <span class=\"cm-tipos__tag\">Gran escala<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/grid -->\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Animaci\u00f3n cm-fade-up para esta secci\u00f3n\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('cm-visible'); } });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.cm-tipos .cm-fade-up').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74871db elementor-widget elementor-widget-html\" data-id=\"74871db\" 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 BLOQUE VISUAL SPLIT PARED\r\n     2 columnas: izquierda texto + bullets, derecha carrusel\r\n     autom\u00e1tico en loop infinito.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-split-visual {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n  overflow: hidden;\r\n}\r\n@media (max-width: 768px) { .cm-split-visual { padding: var(--cm-section-padding-mobile); } }\r\n\r\n\/* Fondo decorativo sutil *\/\r\n.cm-split-visual::before {\r\n  content: '';\r\n  position: absolute;\r\n  right: -200px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.05) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-split-visual__inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 72px;\r\n  align-items: center;\r\n}\r\n@media (max-width: 900px) {\r\n  .cm-split-visual__inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n}\r\n\r\n\/* ---- LEFT: TEXTO ---- *\/\r\n.cm-split-visual__text {}\r\n.cm-split-visual__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.6rem, 3.5vw, 2.5rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1.15;\r\n  margin-bottom: 20px;\r\n}\r\n.cm-split-visual__headline span { color: var(--cm-primary); }\r\n\r\n.cm-split-visual__desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray-light);\r\n  line-height: 1.75;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.cm-split-visual__bullets {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 40px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n.cm-split-visual__bullets li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  color: var(--cm-gray-light);\r\n  line-height: 1.5;\r\n}\r\n.cm-split-visual__bullets li::before {\r\n  content: '';\r\n  flex-shrink: 0;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(44,213,196,0.12);\r\n  border: 1.5px solid rgba(44,213,196,0.4);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%232cd5c4' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: 10px;\r\n  margin-top: 1px;\r\n}\r\n\r\n\/* ---- RIGHT: CARRUSEL ---- *\/\r\n.cm-split-visual__carousel-wrap {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  background: #111;\r\n  aspect-ratio: 4\/3;\r\n  box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 1px rgba(44,213,196,0.2);\r\n}\r\n\r\n.cm-split-visual__carousel {\r\n  display: flex;\r\n  height: 100%;\r\n  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cm-split-visual__slide {\r\n  min-width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cm-split-visual__slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 6s linear;\r\n}\r\n.cm-split-visual__slide.is-active img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n\/* Overlay gradiente *\/\r\n.cm-split-visual__slide::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.5) 100%);\r\n}\r\n\r\n\/* Caption en la foto *\/\r\n.cm-split-visual__caption {\r\n  position: absolute;\r\n  bottom: 18px;\r\n  left: 18px;\r\n  z-index: 2;\r\n  background: rgba(0,0,0,0.55);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 8px;\r\n  padding: 7px 14px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.78rem;\r\n  color: rgba(255,255,255,0.8);\r\n}\r\n\r\n\/* Puntos indicadores *\/\r\n.cm-split-visual__dots {\r\n  position: absolute;\r\n  bottom: 18px;\r\n  right: 18px;\r\n  z-index: 3;\r\n  display: flex;\r\n  gap: 6px;\r\n}\r\n.cm-split-visual__dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.3);\r\n  border: none;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n.cm-split-visual__dot.is-active {\r\n  background: var(--cm-primary);\r\n  width: 22px;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* Barra de progreso *\/\r\n.cm-split-visual__progress {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 3px;\r\n  background: var(--cm-primary);\r\n  z-index: 4;\r\n  transition: width linear;\r\n}\r\n\r\n\/* Decoraci\u00f3n esquina *\/\r\n.cm-split-visual__corner {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 70px;\r\n  height: 70px;\r\n  border-top: 2px solid rgba(44,213,196,0.4);\r\n  border-left: 2px solid rgba(44,213,196,0.4);\r\n  border-radius: 20px 0 0 0;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-split-visual\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-split-visual__inner\">\r\n\r\n      <!-- LEFT: TEXTO -->\r\n      <div class=\"cm-split-visual__text cm-fade-up\">\r\n        <h2 class=\"cm-split-visual__headline\">\r\n          Split pared: el equipo m\u00e1s<br><span>vers\u00e1til para hogares<\/span><br>y oficinas\r\n        <\/h2>\r\n        <p class=\"cm-split-visual__desc\">\r\n          Equipos compactos, eficientes y con tecnolog\u00eda inverter que optimizan el consumo energ\u00e9tico sin sacrificar rendimiento. Silenciosos, f\u00e1ciles de operar y disponibles en m\u00faltiples capacidades.\r\n        <\/p>\r\n        <ul class=\"cm-split-visual__bullets\">\r\n          <li>Bajo consumo el\u00e9ctrico con tecnolog\u00eda inverter<\/li>\r\n          <li>Instalaci\u00f3n r\u00e1pida \u2014 en menos de un d\u00eda<\/li>\r\n          <li>Ideal para espacios de 15 a 50 m\u00b2<\/li>\r\n          <li>Alta disponibilidad en diferentes capacidades (12K a 36K BTU)<\/li>\r\n          <li>Garant\u00eda de fabricante incluida<\/li>\r\n        <\/ul>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-primary\">Cotizar split pared<\/a>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: CARRUSEL -->\r\n      <div class=\"cm-split-visual__carousel-wrap cm-fade-up\">\r\n        <div class=\"cm-split-visual__corner\"><\/div>\r\n        <div class=\"cm-split-visual__progress\" id=\"svCarouselProgress\"><\/div>\r\n\r\n        <div class=\"cm-split-visual__carousel\" id=\"svCarousel\">\r\n          <!-- SLIDE 1 \u2014 REEMPLAZAR con foto real de instalaci\u00f3n -->\r\n          <div class=\"cm-split-visual__slide is-active\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/primer_plano.png\" alt=\"Instalaci\u00f3n split pared\">\r\n            <div class=\"cm-split-visual__caption\">Instalaci\u00f3n residencial<\/div>\r\n          <\/div>\r\n          <!-- SLIDE 2 -->\r\n          <div class=\"cm-split-visual__slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split_negro.png\" alt=\"Equipo en ambiente\">\r\n            <div class=\"cm-split-visual__caption\">Split pared en sala<\/div>\r\n          <\/div>\r\n          <!-- SLIDE 3 -->\r\n          <div class=\"cm-split-visual__slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/york-e1786775195600.png\" alt=\"Unidad interior\">\r\n            <div class=\"cm-split-visual__caption\">Unidad interior \u2014 instalaci\u00f3n limpia<\/div>\r\n          <\/div>\r\n          <!-- SLIDE 4 -->\r\n          <div class=\"cm-split-visual__slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/exterior.png\" alt=\"Unidad exterior\">\r\n            <div class=\"cm-split-visual__caption\">Unidad exterior anclada correctamente<\/div>\r\n          <\/div>\r\n          <!-- SLIDE 5 -->\r\n          <div class=\"cm-split-visual__slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/colgante-e1786728795638.png\" alt=\"T\u00e9cnico instalando\">\r\n            <div class=\"cm-split-visual__caption\">Equipo t\u00e9cnico certificado<\/div>\r\n          <\/div>\r\n        <\/div><!-- \/carousel -->\r\n\r\n        <!-- Dots -->\r\n        <div class=\"cm-split-visual__dots\" id=\"svDots\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const carousel  = document.getElementById('svCarousel');\r\n  const dotsWrap  = document.getElementById('svDots');\r\n  const progressEl = document.getElementById('svCarouselProgress');\r\n  if (!carousel) return;\r\n\r\n  const slides  = carousel.querySelectorAll('.cm-split-visual__slide');\r\n  const total   = slides.length;\r\n  const INTERVAL = 4200; \/\/ ms por slide\r\n  let current = 0;\r\n  let timer, progressTimer;\r\n\r\n  \/\/ Crear dots\r\n  slides.forEach((_, i) => {\r\n    const d = document.createElement('button');\r\n    d.className = 'cm-split-visual__dot' + (i === 0 ? ' is-active' : '');\r\n    d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n    d.addEventListener('click', () => goTo(i));\r\n    dotsWrap.appendChild(d);\r\n  });\r\n\r\n  function goTo(idx) {\r\n    slides[current].classList.remove('is-active');\r\n    dotsWrap.children[current].classList.remove('is-active');\r\n    current = idx;\r\n    carousel.style.transform = `translateX(-${current * 100}%)`;\r\n    slides[current].classList.add('is-active');\r\n    dotsWrap.children[current].classList.add('is-active');\r\n    resetProgress();\r\n  }\r\n\r\n  function next() { goTo((current + 1) % total); }\r\n\r\n  function resetProgress() {\r\n    clearInterval(progressTimer);\r\n    progressEl.style.transition = 'none';\r\n    progressEl.style.width = '0%';\r\n    requestAnimationFrame(() => {\r\n      requestAnimationFrame(() => {\r\n        progressEl.style.transition = `width ${INTERVAL}ms linear`;\r\n        progressEl.style.width = '100%';\r\n      });\r\n    });\r\n  }\r\n\r\n  function startAuto() {\r\n    clearInterval(timer);\r\n    timer = setInterval(next, INTERVAL);\r\n    resetProgress();\r\n  }\r\n\r\n  \/\/ Pause on hover\r\n  carousel.closest('.cm-split-visual__carousel-wrap').addEventListener('mouseenter', () => {\r\n    clearInterval(timer);\r\n    clearInterval(progressTimer);\r\n    progressEl.style.transition = 'none';\r\n  });\r\n  carousel.closest('.cm-split-visual__carousel-wrap').addEventListener('mouseleave', startAuto);\r\n\r\n  startAuto();\r\n\r\n  \/\/ fade-up observer\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.12 });\r\n  document.querySelectorAll('.cm-split-visual .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75a87da elementor-widget elementor-widget-html\" data-id=\"75a87da\" 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 MARCAS L\u00cdDERES\r\n     Tabs (Samsung, York, Lennox, Gree) + mini carrusel\r\n     autom\u00e1tico por cada marca + texto descriptivo.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-marcas {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n  overflow: hidden;\r\n}\r\n@media (max-width: 768px) { .cm-marcas { padding: var(--cm-section-padding-mobile); } }\r\n\r\n\/* Fondo sutil diferenciado *\/\r\n.cm-marcas::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(255,255,255,0.015);\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-marcas__header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n.cm-marcas__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 16px;\r\n}\r\n.cm-marcas__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray);\r\n  max-width: 480px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ---- TABS ---- *\/\r\n.cm-marcas__tabs {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 48px;\r\n}\r\n.cm-marcas__tab {\r\n  background: rgba(17,17,17,0.8);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 10px;\r\n  padding: 12px 28px;\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: var(--cm-gray);\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.cm-marcas__tab:hover {\r\n  border-color: rgba(44,213,196,0.25);\r\n  color: #fff;\r\n}\r\n.cm-marcas__tab.is-active {\r\n  background: rgba(44,213,196,0.1);\r\n  border-color: rgba(44,213,196,0.4);\r\n  color: var(--cm-primary);\r\n}\r\n.cm-marcas__tab-logo {\r\n  height: 20px;\r\n  width: auto;\r\n  opacity: 0.6;\r\n  filter: brightness(0) invert(1);\r\n  transition: opacity 0.25s;\r\n}\r\n.cm-marcas__tab.is-active .cm-marcas__tab-logo { opacity: 1; }\r\n\r\n\/* ---- PANELES ---- *\/\r\n.cm-marcas__panel {\r\n  display: none;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n}\r\n.cm-marcas__panel.is-active { display: grid; }\r\n@media (max-width: 840px) {\r\n  .cm-marcas__panel { grid-template-columns: 1fr; gap: 36px; }\r\n}\r\n\r\n\/* Mini carrusel de marca *\/\r\n.cm-marcas__mini-carousel-wrap {\r\n  position: relative;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  aspect-ratio: 16\/10;\r\n  background: #111;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.4);\r\n}\r\n.cm-marcas__mini-carousel {\r\n  display: flex;\r\n  height: 100%;\r\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.cm-marcas__mini-slide {\r\n  min-width: 100%;\r\n  height: 100%;\r\n}\r\n.cm-marcas__mini-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* Flechas del mini carrusel *\/\r\n.cm-marcas__nav {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 3;\r\n  background: rgba(0,0,0,0.5);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 50%;\r\n  width: 36px;\r\n  height: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  color: #fff;\r\n  transition: all 0.2s;\r\n}\r\n.cm-marcas__nav:hover { background: rgba(44,213,196,0.3); border-color: rgba(44,213,196,0.5); }\r\n.cm-marcas__nav--prev { left: 12px; }\r\n.cm-marcas__nav--next { right: 12px; }\r\n.cm-marcas__nav svg { width: 14px; height: 14px; stroke: #fff; fill: none; }\r\n\r\n\/* Mini dots *\/\r\n.cm-marcas__mini-dots {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  gap: 5px;\r\n}\r\n.cm-marcas__mini-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.3);\r\n  transition: all 0.25s;\r\n  cursor: pointer;\r\n  border: none; padding: 0;\r\n}\r\n.cm-marcas__mini-dot.is-active { background: var(--cm-primary); width: 18px; border-radius: 3px; }\r\n\r\n\/* Texto de marca *\/\r\n.cm-marcas__info {}\r\n.cm-marcas__brand-name {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 2rem;\r\n  font-weight: 800;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 6px;\r\n  letter-spacing: -0.02em;\r\n}\r\n.cm-marcas__brand-tag {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.78rem;\r\n  color: var(--cm-gray);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 20px;\r\n  display: block;\r\n}\r\n.cm-marcas__brand-desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray-light);\r\n  line-height: 1.75;\r\n  margin-bottom: 28px;\r\n}\r\n.cm-marcas__brand-feats {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  margin-bottom: 32px;\r\n}\r\n.cm-marcas__brand-feat {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: var(--cm-gray-light);\r\n}\r\n.cm-marcas__brand-feat-icon {\r\n  width: 28px; height: 28px;\r\n  border-radius: 6px;\r\n  background: rgba(44,213,196,0.08);\r\n  border: 1px solid rgba(44,213,196,0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.cm-marcas__brand-feat-icon svg {\r\n  width: 14px; height: 14px;\r\n  stroke: var(--cm-primary); fill: none;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-marcas\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-marcas__header cm-fade-up\">\r\n      <h2 class=\"cm-marcas__headline\">Trabajamos con marcas l\u00edderes<\/h2>\r\n      <p class=\"cm-marcas__sub\">Equipos certificados con garant\u00eda de f\u00e1brica y repuestos disponibles en el mercado local.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Tabs -->\r\n    <div class=\"cm-marcas__tabs cm-fade-up\">\r\n      <button class=\"cm-marcas__tab is-active\" data-tab=\"samsung\">\r\n        <span>Samsung<\/span>\r\n      <\/button>\r\n      <button class=\"cm-marcas__tab\" data-tab=\"york\">\r\n        <span>York<\/span>\r\n      <\/button>\r\n      <button class=\"cm-marcas__tab\" data-tab=\"lennox\">\r\n        <span>Lennox<\/span>\r\n      <\/button>\r\n      <button class=\"cm-marcas__tab\" data-tab=\"gree\">\r\n        <span>Gree<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Panel SAMSUNG -->\r\n    <div class=\"cm-marcas__panel is-active\" id=\"panel-samsung\">\r\n      <div class=\"cm-marcas__mini-carousel-wrap\">\r\n        <div class=\"cm-marcas__mini-carousel\" id=\"mc-samsung\">\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/Facebook-6494769427926344796image1-e1786655762330.webp\" alt=\"Samsung 1\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/313260805_558147872977046_8646756404859577098_n-e1786655844683.jpg\" alt=\"Samsung 2\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/326087518_1165225017467286_6903710822556174195_n.jpg\" alt=\"Samsung 3\"><\/div>\r\n        <\/div>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--prev\" data-mc=\"samsung\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--next\" data-mc=\"samsung\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\r\n        <div class=\"cm-marcas__mini-dots\" id=\"dots-samsung\"><\/div>\r\n      <\/div>\r\n      <div class=\"cm-marcas__info\">\r\n        <div class=\"cm-marcas__brand-name\">Samsung<\/div>\r\n        <span class=\"cm-marcas__brand-tag\">Tecnolog\u00eda de punta<\/span>\r\n        <p class=\"cm-marcas__brand-desc\">Tecnolog\u00eda avanzada Wind-Free\u2122 y Digital Inverter que eliminan las corrientes directas de aire fr\u00edo y reducen el consumo hasta 77% comparado con tecnolog\u00eda convencional.<\/p>\r\n        <div class=\"cm-marcas__brand-feats\">\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\r\n            Digital Inverter \u2014 mayor eficiencia energ\u00e9tica\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M12 2a10 10 0 1 0 10 10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\r\n            Garant\u00eda de 10 a\u00f1os en compresor\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n            Filtro anti-bacterias y purificaci\u00f3n de aire\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-ghost\">Cotizar Samsung<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Panel YORK -->\r\n    <div class=\"cm-marcas__panel\" id=\"panel-york\">\r\n      <div class=\"cm-marcas__mini-carousel-wrap\">\r\n        <div class=\"cm-marcas__mini-carousel\" id=\"mc-york\">\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/york_1-e1786655641911.png\" alt=\"York 1\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/york_2-e1786655341245.webp\" alt=\"York 2\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/york_3-e1786655231541.png\" alt=\"York 3\"><\/div>\r\n        <\/div>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--prev\" data-mc=\"york\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--next\" data-mc=\"york\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\r\n        <div class=\"cm-marcas__mini-dots\" id=\"dots-york\"><\/div>\r\n      <\/div>\r\n      <div class=\"cm-marcas__info\">\r\n        <div class=\"cm-marcas__brand-name\">York<\/div>\r\n        <span class=\"cm-marcas__brand-tag\">Robustez comprobada<\/span>\r\n        <p class=\"cm-marcas__brand-desc\">Soluciones robustas para uso residencial y comercial con d\u00e9cadas de experiencia global. Ideales para entornos exigentes que demandan rendimiento consistente las 24 horas.<\/p>\r\n        <div class=\"cm-marcas__brand-feats\">\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M3 21h18M3 10h18M3 7l9-4 9 4\"\/><\/svg><\/div>\r\n            Dise\u00f1o para operaci\u00f3n continua 24\/7\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div>\r\n            Larga vida \u00fatil con mantenimiento b\u00e1sico\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n            Amplia gama de capacidades disponibles\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-ghost\">Cotizar York<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Panel LENNOX -->\r\n    <div class=\"cm-marcas__panel\" id=\"panel-lennox\">\r\n      <div class=\"cm-marcas__mini-carousel-wrap\">\r\n        <div class=\"cm-marcas__mini-carousel\" id=\"mc-lennox\">\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/lennox_1-e1786656556508.png\" alt=\"Lennox 1\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/lennox_2-e1786656681146.png\" alt=\"Lennox 2\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/lennox_3-e1786656754426.webp\" alt=\"Lennox 3\"><\/div>\r\n        <\/div>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--prev\" data-mc=\"lennox\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--next\" data-mc=\"lennox\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\r\n        <div class=\"cm-marcas__mini-dots\" id=\"dots-lennox\"><\/div>\r\n      <\/div>\r\n      <div class=\"cm-marcas__info\">\r\n        <div class=\"cm-marcas__brand-name\">Lennox<\/div>\r\n        <span class=\"cm-marcas__brand-tag\">Alto rendimiento<\/span>\r\n        <p class=\"cm-marcas__brand-desc\">Alto rendimiento y durabilidad en condiciones exigentes. Ingenier\u00eda americana de primera clase, dise\u00f1ada para maximizar el confort y minimizar el costo operativo.<\/p>\r\n        <div class=\"cm-marcas__brand-feats\">\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4\"\/><\/svg><\/div>\r\n            M\u00e1xima eficiencia SEER del mercado\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div>\r\n            Muy baja emisi\u00f3n de ruido (hasta 19 dB)\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div>\r\n            Control inteligente Wi-Fi nativo\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-ghost\">Cotizar Lennox<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Panel GREE -->\r\n    <div class=\"cm-marcas__panel\" id=\"panel-gree\">\r\n      <div class=\"cm-marcas__mini-carousel-wrap\">\r\n        <div class=\"cm-marcas__mini-carousel\" id=\"mc-gree\">\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/gree_1-e1786657114912.jpg\" alt=\"Gree 1\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/gree_2-e1786657211353.jpg\" alt=\"Gree 2\"><\/div>\r\n          <div class=\"cm-marcas__mini-slide\"><img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/gree_3-e1786657352188.webp\" alt=\"Gree 3\"><\/div>\r\n        <\/div>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--prev\" data-mc=\"gree\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\r\n        <button class=\"cm-marcas__nav cm-marcas__nav--next\" data-mc=\"gree\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\r\n        <div class=\"cm-marcas__mini-dots\" id=\"dots-gree\"><\/div>\r\n      <\/div>\r\n      <div class=\"cm-marcas__info\">\r\n        <div class=\"cm-marcas__brand-name\">Gree<\/div>\r\n        <span class=\"cm-marcas__brand-tag\">Mejor relaci\u00f3n costo-beneficio<\/span>\r\n        <p class=\"cm-marcas__brand-desc\">Excelente relaci\u00f3n costo-beneficio con tecnolog\u00eda inverter. Gree es el fabricante de aire acondicionado m\u00e1s grande del mundo, con presencia en m\u00e1s de 160 pa\u00edses.<\/p>\r\n        <div class=\"cm-marcas__brand-feats\">\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\r\n            Precio competitivo con calidad premium\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\r\n            Tecnolog\u00eda inverter en toda la gama\r\n          <\/div>\r\n          <div class=\"cm-marcas__brand-feat\">\r\n            <div class=\"cm-marcas__brand-feat-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><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><\/div>\r\n            Repuestos disponibles en todo Per\u00fa\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-ghost\">Cotizar Gree<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ ----- TABS -----\r\n  const tabs = document.querySelectorAll('.cm-marcas__tab');\r\n  const panels = document.querySelectorAll('.cm-marcas__panel');\r\n  tabs.forEach(tab => {\r\n    tab.addEventListener('click', function () {\r\n      tabs.forEach(t => t.classList.remove('is-active'));\r\n      panels.forEach(p => p.classList.remove('is-active'));\r\n      this.classList.add('is-active');\r\n      const target = document.getElementById('panel-' + this.dataset.tab);\r\n      if (target) target.classList.add('is-active');\r\n    });\r\n  });\r\n\r\n  \/\/ ----- MINI CARRUSELES -----\r\n  const brands = ['samsung', 'york', 'lennox', 'gree'];\r\n  brands.forEach(brand => {\r\n    const mc   = document.getElementById('mc-' + brand);\r\n    const dotsW = document.getElementById('dots-' + brand);\r\n    if (!mc || !dotsW) return;\r\n\r\n    const slides = mc.querySelectorAll('.cm-marcas__mini-slide');\r\n    const n = slides.length;\r\n    let cur = 0, timer;\r\n\r\n    \/\/ crear dots\r\n    slides.forEach((_, i) => {\r\n      const d = document.createElement('button');\r\n      d.className = 'cm-marcas__mini-dot' + (i === 0 ? ' is-active' : '');\r\n      d.addEventListener('click', () => goTo(i));\r\n      dotsW.appendChild(d);\r\n    });\r\n\r\n    function goTo(idx) {\r\n      dotsW.children[cur].classList.remove('is-active');\r\n      cur = idx;\r\n      mc.style.transform = `translateX(-${cur * 100}%)`;\r\n      dotsW.children[cur].classList.add('is-active');\r\n    }\r\n    function next() { goTo((cur + 1) % n); }\r\n\r\n    mc.closest('.cm-marcas__mini-carousel-wrap')\r\n      .querySelector('.cm-marcas__nav--prev')\r\n      .addEventListener('click', () => { clearInterval(timer); goTo((cur - 1 + n) % n); start(); });\r\n    mc.closest('.cm-marcas__mini-carousel-wrap')\r\n      .querySelector('.cm-marcas__nav--next')\r\n      .addEventListener('click', () => { clearInterval(timer); goTo((cur + 1) % n); start(); });\r\n\r\n    function start() { timer = setInterval(next, 3500); }\r\n    start();\r\n  });\r\n\r\n  \/\/ fade-up\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.cm-marcas .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9b179e elementor-widget elementor-widget-html\" data-id=\"b9b179e\" 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 GALER\u00cdA MASIVA\r\n     Grid tipo masonry con overlay de hover y categor\u00edas.\r\n     Casas, oficinas, negocios, instalaciones reales.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-galeria {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n  overflow: hidden;\r\n}\r\n@media (max-width: 768px) { .cm-galeria { padding: var(--cm-section-padding-mobile); } }\r\n\r\n.cm-galeria__header {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n}\r\n.cm-galeria__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 16px;\r\n}\r\n.cm-galeria__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray);\r\n  max-width: 500px;\r\n  margin: 0 auto 28px;\r\n}\r\n\r\n\/* Filtros *\/\r\n.cm-galeria__filters {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 40px;\r\n}\r\n.cm-galeria__filter {\r\n  background: rgba(17,17,17,0.8);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 50px;\r\n  padding: 8px 20px;\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);\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n.cm-galeria__filter:hover { color: #fff; border-color: rgba(255,255,255,0.2); }\r\n.cm-galeria__filter.is-active {\r\n  background: rgba(44,213,196,0.1);\r\n  border-color: rgba(44,213,196,0.4);\r\n  color: var(--cm-primary);\r\n}\r\n\r\n\/* Grid masonry con CSS columns *\/\r\n.cm-galeria__grid {\r\n  columns: 3;\r\n  column-gap: 16px;\r\n}\r\n@media (max-width: 840px)  { .cm-galeria__grid { columns: 2; } }\r\n@media (max-width: 480px)  { .cm-galeria__grid { columns: 1; } }\r\n\r\n.cm-galeria__item {\r\n  break-inside: avoid;\r\n  margin-bottom: 16px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  background: #111;\r\n  display: block;\r\n}\r\n\r\n.cm-galeria__item img {\r\n  width: 100%;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n  filter: brightness(0.8);\r\n}\r\n.cm-galeria__item:hover img {\r\n  transform: scale(1.07);\r\n  filter: brightness(1);\r\n}\r\n\r\n\/* Overlay hover *\/\r\n.cm-galeria__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: 18px;\r\n}\r\n.cm-galeria__item:hover .cm-galeria__overlay { opacity: 1; }\r\n.cm-galeria__overlay-content {\r\n  transform: translateY(8px);\r\n  transition: transform 0.35s ease;\r\n}\r\n.cm-galeria__item:hover .cm-galeria__overlay-content { transform: translateY(0); }\r\n\r\n.cm-galeria__item-cat {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 4px;\r\n}\r\n.cm-galeria__item-title {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n}\r\n\r\n\/* Badge sobre imagen *\/\r\n.cm-galeria__badge {\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 12px;\r\n  background: rgba(0,0,0,0.6);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 6px;\r\n  padding: 4px 10px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 600;\r\n  color: rgba(255,255,255,0.7);\r\n}\r\n\r\n\/* CTA Ver m\u00e1s *\/\r\n.cm-galeria__cta {\r\n  text-align: center;\r\n  margin-top: 48px;\r\n}\r\n.cm-galeria__count {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: var(--cm-gray);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-galeria__count span {\r\n  color: var(--cm-primary);\r\n  font-weight: 600;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-galeria\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-galeria__header cm-fade-up\">\r\n      <h2 class=\"cm-galeria__headline\">Instalaciones reales en<br>diferentes tipos de espacios<\/h2>\r\n      <p class=\"cm-galeria__sub\">M\u00e1s de 500 proyectos ejecutados en Lima y provincias. Cada instalaci\u00f3n, un trabajo limpio y garantizado.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Filtros de categor\u00eda -->\r\n    <div class=\"cm-galeria__filters cm-fade-up\">\r\n      <button class=\"cm-galeria__filter is-active\">Todos<\/button>\r\n      <button class=\"cm-galeria__filter\">Residencial<\/button>\r\n      <button class=\"cm-galeria__filter\">Oficinas<\/button>\r\n      <button class=\"cm-galeria__filter\">Comercial<\/button>\r\n      <button class=\"cm-galeria__filter\">Industrial<\/button>\r\n    <\/div>\r\n\r\n    <!-- Grid masonry \u2014 REEMPLAZAR im\u00e1genes con fotos reales -->\r\n    <div class=\"cm-galeria__grid cm-fade-up\">\r\n\r\n      <!-- Item 1 \u2014 tall -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/probado_split.png\" alt=\"Instalaci\u00f3n residencial\">\r\n        <span class=\"cm-galeria__badge\">Residencial<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Residencial<\/div>\r\n            <div class=\"cm-galeria__item-title\">Bella Vanidad<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 \u2014 normal -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/instalando-e1786636664818.jpeg\" alt=\"Oficina corporativa\">\r\n        <span class=\"cm-galeria__badge\">Auditorios<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Auditorio<\/div>\r\n            <div class=\"cm-galeria__item-title\">Universidad Privada de Tacna<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 \u2014 normal -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Instalacion-ductos.jpeg\" alt=\"Local\">\r\n        <span class=\"cm-galeria__badge\">Instalaci\u00f3n<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">UTP<\/div>\r\n            <div class=\"cm-galeria__item-title\">Universidad Tecnol\u00f3gica del Per\u00fa<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 \u2014 ancho -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/caja_metropilitana-scaled.jpg\" alt=\"Oficina piso completo\">\r\n        <span class=\"cm-galeria__badge\">Oficinas<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Oficinas<\/div>\r\n            <div class=\"cm-galeria__item-title\">Caja Metropilitana<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 5 \u2014 cuadrado -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/pared_colaborativo.png\" alt=\"Restaurante\">\r\n        <span class=\"cm-galeria__badge\">Casinos<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Comercial<\/div>\r\n            <div class=\"cm-galeria__item-title\">Casino<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 6 \u2014 tall -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/departamento_york.png\">\r\n        <span class=\"cm-galeria__badge\">Residencial<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Residencial<\/div>\r\n            <div class=\"cm-galeria__item-title\">Departamento completo \u00b7 Jes\u00fas Mar\u00eda<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 7 -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/instalacion-scaled.jpg\" alt=\"Cl\u00ednica\">\r\n        <span class=\"cm-galeria__badge\">Cl\u00ednicas<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Cl\u00ednica<\/div>\r\n            <div class=\"cm-galeria__item-title\">Centro Odontol\u00f3gico - Dental Family<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 8 -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/exterior.png\" alt=\"Planta industrial\">\r\n        <span class=\"cm-galeria__badge\">Industrial<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Industrial<\/div>\r\n            <div class=\"cm-galeria__item-title\">Planta de producci\u00f3n \u00b7 Ate<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 9 -->\r\n      <div class=\"cm-galeria__item\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/inmobiliaria_vargas-scaled-e1786642563500.jpg\" alt=\"Casa moderna\">\r\n        <span class=\"cm-galeria__badge\">Inmobiliarias<\/span>\r\n        <div class=\"cm-galeria__overlay\">\r\n          <div class=\"cm-galeria__overlay-content\">\r\n            <div class=\"cm-galeria__item-cat\">Residencial<\/div>\r\n            <div class=\"cm-galeria__item-title\">Inmobiliaria VARGAS<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/grid -->\r\n\r\n    <!-- CTA galer\u00eda -->\r\n    <div class=\"cm-galeria__cta cm-fade-up\">\r\n      <p class=\"cm-galeria__count\">Mostrando <span>9<\/span> de <span>+200<\/span> proyectos ejecutados<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Filtros de galer\u00eda (simple toggle visual)\r\n(function () {\r\n  const filters = document.querySelectorAll('.cm-galeria__filter');\r\n  filters.forEach(f => {\r\n    f.addEventListener('click', function () {\r\n      filters.forEach(b => b.classList.remove('is-active'));\r\n      this.classList.add('is-active');\r\n      \/\/ Aqu\u00ed puedes implementar filtrado real por categor\u00eda\r\n    });\r\n  });\r\n\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.08 });\r\n  document.querySelectorAll('.cm-galeria .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92e8c72 elementor-widget elementor-widget-html\" data-id=\"92e8c72\" 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 EDUCACI\u00d3N VISUAL\r\n     Comparativa: errores frecuentes vs instalaci\u00f3n correcta.\r\n     Vende el valor de la asesor\u00eda t\u00e9cnica.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-educacion {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n  overflow: hidden;\r\n}\r\n@media (max-width: 768px) { .cm-educacion { padding: var(--cm-section-padding-mobile); } }\r\n\r\n\/* Fondo diferenciado *\/\r\n.cm-educacion::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(255,255,255,0.018);\r\n  pointer-events: none;\r\n}\r\n.cm-educacion::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 700px;\r\n  height: 400px;\r\n  background: radial-gradient(ellipse, rgba(44,213,196,0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-educacion__header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n.cm-educacion__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 16px;\r\n  max-width: 640px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  line-height: 1.2;\r\n}\r\n.cm-educacion__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray);\r\n  max-width: 500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Grid comparativo *\/\r\n.cm-educacion__compare {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  gap: 32px;\r\n  align-items: start;\r\n  margin-bottom: 64px;\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-educacion__compare {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  .cm-educacion__vs { display: none; }\r\n}\r\n\r\n\/* VS divider *\/\r\n.cm-educacion__vs {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  padding-top: 24px;\r\n  gap: 0;\r\n}\r\n.cm-educacion__vs-label {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  color: var(--cm-gray);\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  padding: 8px 10px;\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 6px;\r\n}\r\n.cm-educacion__vs-line {\r\n  width: 1px;\r\n  height: 300px;\r\n  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.06), transparent);\r\n}\r\n\r\n\/* Columna problemas (rojo) *\/\r\n.cm-educacion__col {}\r\n.cm-educacion__col-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px 20px;\r\n  border-radius: 12px 12px 0 0;\r\n  margin-bottom: 0;\r\n}\r\n.cm-educacion__col-header--bad {\r\n  background: rgba(239,68,68,0.1);\r\n  border: 1px solid rgba(239,68,68,0.2);\r\n  border-bottom: none;\r\n}\r\n.cm-educacion__col-header--good {\r\n  background: rgba(44,213,196,0.08);\r\n  border: 1px solid rgba(44,213,196,0.2);\r\n  border-bottom: none;\r\n}\r\n.cm-educacion__col-icon {\r\n  width: 36px; height: 36px;\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.2rem;\r\n  flex-shrink: 0;\r\n}\r\n.cm-educacion__col-icon--bad { background: rgba(239,68,68,0.15); }\r\n.cm-educacion__col-icon--good { background: rgba(44,213,196,0.12); }\r\n.cm-educacion__col-title {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n}\r\n.cm-educacion__col-title--bad { color: #f87171; }\r\n.cm-educacion__col-title--good { color: var(--cm-primary); }\r\n\r\n\/* Items de cada columna *\/\r\n.cm-educacion__items {\r\n  border-radius: 0 0 12px 12px;\r\n  overflow: hidden;\r\n}\r\n.cm-educacion__items--bad {\r\n  border: 1px solid rgba(239,68,68,0.15);\r\n  border-top: none;\r\n}\r\n.cm-educacion__items--good {\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  border-top: none;\r\n}\r\n\r\n.cm-educacion__item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  padding: 18px 20px;\r\n  border-bottom: 1px solid rgba(255,255,255,0.04);\r\n  transition: background 0.2s;\r\n}\r\n.cm-educacion__item:last-child { border-bottom: none; }\r\n.cm-educacion__item:hover { background: rgba(255,255,255,0.02); }\r\n\r\n.cm-educacion__item-marker {\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n}\r\n.cm-educacion__item-marker--bad {\r\n  background: rgba(239,68,68,0.15);\r\n  color: #f87171;\r\n}\r\n.cm-educacion__item-marker--good {\r\n  background: rgba(44,213,196,0.12);\r\n  color: var(--cm-primary);\r\n}\r\n\r\n.cm-educacion__item-text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  line-height: 1.55;\r\n}\r\n.cm-educacion__item-text--bad { color: var(--cm-gray-light); }\r\n.cm-educacion__item-text--good { color: var(--cm-gray-light); }\r\n\r\n.cm-educacion__item-strong {\r\n  font-weight: 600;\r\n  display: block;\r\n  margin-bottom: 2px;\r\n}\r\n.cm-educacion__item-strong--bad { color: #fca5a5; }\r\n.cm-educacion__item-strong--good { color: #6ee7e2; }\r\n\r\n\/* Banner inferior \u2014 conclusi\u00f3n *\/\r\n.cm-educacion__conclusion {\r\n  background: rgba(44,213,196,0.06);\r\n  border: 1px solid rgba(44,213,196,0.2);\r\n  border-radius: var(--cm-radius);\r\n  padding: 36px 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n  flex-wrap: wrap;\r\n}\r\n.cm-educacion__conclusion-icon {\r\n  font-size: 2.5rem;\r\n  flex-shrink: 0;\r\n}\r\n.cm-educacion__conclusion-text {\r\n  flex: 1;\r\n  min-width: 260px;\r\n}\r\n.cm-educacion__conclusion-headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n.cm-educacion__conclusion-desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.92rem;\r\n  color: var(--cm-gray-light);\r\n  line-height: 1.6;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-educacion\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-educacion__header cm-fade-up\">\r\n\r\n      <h2 class=\"cm-educacion__headline\">Elegir mal el equipo genera estos problemas<\/h2>\r\n      <p class=\"cm-educacion__sub\">El equipo incorrecto no solo no enfr\u00eda \u2014 genera gastos innecesarios, ruidos y fallas prematuras.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Comparativa -->\r\n    <div class=\"cm-educacion__compare cm-fade-up\">\r\n\r\n      <!-- Columna PROBLEMAS -->\r\n      <div class=\"cm-educacion__col\">\r\n        <div class=\"cm-educacion__col-header cm-educacion__col-header--bad\">\r\n          <div class=\"cm-educacion__col-icon cm-educacion__col-icon--bad\">\u2717<\/div>\r\n          <div class=\"cm-educacion__col-title cm-educacion__col-title--bad\">Sin asesor\u00eda t\u00e9cnica<\/div>\r\n        <\/div>\r\n        <div class=\"cm-educacion__items cm-educacion__items--bad\">\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--bad\">\u2717<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--bad\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--bad\">Equipo subdimensionado<\/span>\r\n              No alcanza la temperatura deseada. Trabaja al 100% todo el tiempo, consume m\u00e1s y se da\u00f1a antes.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--bad\">\u2717<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--bad\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--bad\">Equipo sobredimensionado<\/span>\r\n              Ciclos cortos de encendido\/apagado que da\u00f1an el compresor y generan humedad excesiva.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--bad\">\u2717<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--bad\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--bad\">Instalaci\u00f3n deficiente<\/span>\r\n              P\u00e9rdidas de gas refrigerante, ruidos, vibraciones y riesgo el\u00e9ctrico por mano de obra no certificada.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--bad\">\u2717<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--bad\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--bad\">Sin garant\u00eda v\u00e1lida<\/span>\r\n              La mayor\u00eda de fabricantes anulan la garant\u00eda si la instalaci\u00f3n no la realiz\u00f3 un t\u00e9cnico certificado.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--bad\">\u2717<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--bad\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--bad\">Alto consumo el\u00e9ctrico<\/span>\r\n              Un equipo mal elegido puede costar hasta 40% m\u00e1s en electricidad cada mes.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- VS -->\r\n      <div class=\"cm-educacion__vs\">\r\n        <div class=\"cm-educacion__vs-line\"><\/div>\r\n        <div class=\"cm-educacion__vs-label\">VS<\/div>\r\n        <div class=\"cm-educacion__vs-line\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Columna SOLUCI\u00d3N -->\r\n      <div class=\"cm-educacion__col\">\r\n        <div class=\"cm-educacion__col-header cm-educacion__col-header--good\">\r\n          <div class=\"cm-educacion__col-icon cm-educacion__col-icon--good\">\u2713<\/div>\r\n          <div class=\"cm-educacion__col-title cm-educacion__col-title--good\">Con Matheus SAC<\/div>\r\n        <\/div>\r\n        <div class=\"cm-educacion__items cm-educacion__items--good\">\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--good\">\u2713<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--good\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--good\">C\u00e1lculo de carga t\u00e9rmica<\/span>\r\n              Seleccionamos la capacidad exacta seg\u00fan \u00e1rea, orientaci\u00f3n, altura y uso del espacio.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--good\">\u2713<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--good\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--good\">Instalaci\u00f3n certificada<\/span>\r\n              T\u00e9cnicos con experiencia en las marcas que suministramos. Instalaci\u00f3n limpia y ordenada.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--good\">\u2713<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--good\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--good\">Garant\u00eda vigente<\/span>\r\n              La instalaci\u00f3n la hacemos nosotros, por lo que la garant\u00eda del fabricante queda protegida.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--good\">\u2713<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--good\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--good\">Eficiencia optimizada<\/span>\r\n              El equipo correcto trabaja en su punto \u00f3ptimo, maximizando el ahorro energ\u00e9tico mensual.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-educacion__item\">\r\n            <div class=\"cm-educacion__item-marker cm-educacion__item-marker--good\">\u2713<\/div>\r\n            <div class=\"cm-educacion__item-text cm-educacion__item-text--good\">\r\n              <span class=\"cm-educacion__item-strong cm-educacion__item-strong--good\">Soporte post-venta<\/span>\r\n              Acompa\u00f1amiento t\u00e9cnico, mantenimiento preventivo y respuesta en 24 horas.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/compare -->\r\n\r\n    <!-- Conclusi\u00f3n -->\r\n    <div class=\"cm-educacion__conclusion cm-fade-up\">\r\n      <div class=\"cm-educacion__conclusion-icon\">\r\n        <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2cd5c4\" stroke-width=\"1.5\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0 1 12 2.944a11.955 11.955 0 0 1-8.618 3.04A12.02 12.02 0 0 0 3 9c0 5.591 3.824 10.29 9 11.622C17.176 19.29 21 14.591 21 9a12.02 12.02 0 0 0-.382-3.016z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"cm-educacion__conclusion-text\">\r\n        <div class=\"cm-educacion__conclusion-headline\">La asesor\u00eda t\u00e9cnica es gratis. El error, no.<\/div>\r\n        <p class=\"cm-educacion__conclusion-desc\">Antes de comprar cualquier equipo, conversemos. Te ayudamos a elegir la capacidad exacta, la marca adecuada y la mejor ubicaci\u00f3n de instalaci\u00f3n \u2014 sin costo de consulta.<\/p>\r\n      <\/div>\r\n      <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-primary\">Pedir asesor\u00eda gratuita<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.cm-educacion .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd55961 elementor-widget elementor-widget-html\" data-id=\"dd55961\" 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 DOBLE CAMINO\r\n     Dos rutas claras: asesor\u00eda vs. cotizaci\u00f3n directa.\r\n     Segmenta al visitante y dirige a la acci\u00f3n correcta.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-doble-camino {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n}\r\n@media (max-width: 768px) { .cm-doble-camino { padding: var(--cm-section-padding-mobile); } }\r\n\r\n.cm-doble-camino__header {\r\n  text-align: center;\r\n  margin-bottom: 48px;\r\n}\r\n.cm-doble-camino__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.6rem, 3.5vw, 2.4rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 12px;\r\n}\r\n.cm-doble-camino__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray);\r\n}\r\n\r\n\/* Grid de 2 tarjetas *\/\r\n.cm-doble-camino__grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n}\r\n@media (max-width: 700px) {\r\n  .cm-doble-camino__grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* Tarjeta base *\/\r\n.cm-dc-card {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  padding: 44px 40px 40px;\r\n  overflow: hidden;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n.cm-dc-card:hover {\r\n  transform: translateY(-6px);\r\n}\r\n\r\n\/* Tarjeta 1 \u2014 Asesor\u00eda (turquesa sutil) *\/\r\n.cm-dc-card--asesoria {\r\n  background: rgba(44,213,196,0.06);\r\n  border: 1px solid rgba(44,213,196,0.25);\r\n}\r\n.cm-dc-card--asesoria:hover {\r\n  box-shadow: 0 20px 60px rgba(44,213,196,0.12);\r\n  border-color: rgba(44,213,196,0.5);\r\n}\r\n\r\n\/* Tarjeta 2 \u2014 Cotizaci\u00f3n directa (blanco sutil) *\/\r\n.cm-dc-card--cotizacion {\r\n  background: rgba(17,17,17,0.8);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n}\r\n.cm-dc-card--cotizacion:hover {\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n  border-color: rgba(255,255,255,0.18);\r\n}\r\n\r\n\/* Decorativo de fondo *\/\r\n.cm-dc-card__bg-deco {\r\n  position: absolute;\r\n  top: -60px;\r\n  right: -60px;\r\n  width: 200px;\r\n  height: 200px;\r\n  border-radius: 50%;\r\n  opacity: 0.06;\r\n  pointer-events: none;\r\n}\r\n.cm-dc-card--asesoria .cm-dc-card__bg-deco { background: var(--cm-primary); }\r\n.cm-dc-card--cotizacion .cm-dc-card__bg-deco { background: #ffffff; }\r\n\r\n\/* Contenido *\/\r\n.cm-dc-card__icon-wrap {\r\n  width: 56px; height: 56px;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n}\r\n.cm-dc-card--asesoria .cm-dc-card__icon-wrap {\r\n  background: rgba(44,213,196,0.12);\r\n  border: 1px solid rgba(44,213,196,0.25);\r\n}\r\n.cm-dc-card--cotizacion .cm-dc-card__icon-wrap {\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n.cm-dc-card__icon-wrap svg {\r\n  width: 26px; height: 26px;\r\n  fill: none; stroke-width: 1.5;\r\n}\r\n.cm-dc-card--asesoria .cm-dc-card__icon-wrap svg { stroke: var(--cm-primary); }\r\n.cm-dc-card--cotizacion .cm-dc-card__icon-wrap svg { stroke: #fff; }\r\n\r\n.cm-dc-card__tag {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px;\r\n}\r\n.cm-dc-card--asesoria .cm-dc-card__tag { color: var(--cm-primary); }\r\n.cm-dc-card--cotizacion .cm-dc-card__tag { color: var(--cm-gray); }\r\n\r\n.cm-dc-card__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 1.55rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1.2;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.cm-dc-card__desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  color: var(--cm-gray-light);\r\n  line-height: 1.7;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.cm-dc-card__list {\r\n  list-style: none;\r\n  padding: 0; margin: 0 0 36px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n.cm-dc-card__list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.88rem;\r\n  color: var(--cm-gray-light);\r\n}\r\n.cm-dc-card__list li::before {\r\n  content: '';\r\n  flex-shrink: 0;\r\n  width: 16px; height: 16px;\r\n  border-radius: 50%;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: 9px;\r\n}\r\n.cm-dc-card--asesoria .cm-dc-card__list li::before {\r\n  background-color: rgba(44,213,196,0.12);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%232cd5c4' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\");\r\n}\r\n.cm-dc-card--cotizacion .cm-dc-card__list li::before {\r\n  background-color: rgba(255,255,255,0.08);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* Tiempo estimado *\/\r\n.cm-dc-card__time {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.8rem;\r\n  color: var(--cm-gray);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-dc-card__time svg { width: 14px; height: 14px; stroke: var(--cm-gray); fill: none; }\r\n\r\n@media (max-width: 480px) {\r\n  .cm-dc-card { padding: 32px 24px 28px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-doble-camino\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-doble-camino__header cm-fade-up\">\r\n      <h2 class=\"cm-doble-camino__headline\">\u00bfC\u00f3mo podemos ayudarte?<\/h2>\r\n      <p class=\"cm-doble-camino__sub\">Elige el camino que mejor se adapta a tu situaci\u00f3n<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-doble-camino__grid\">\r\n\r\n      <!-- CAMINO 1: Asesor\u00eda -->\r\n      <div class=\"cm-dc-card cm-dc-card--asesoria cm-fade-up\">\r\n        <div class=\"cm-dc-card__bg-deco\"><\/div>\r\n        <div class=\"cm-dc-card__icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cm-dc-card__tag\">Perfecto si a\u00fan no sabes qu\u00e9 necesitas<\/div>\r\n        <h3 class=\"cm-dc-card__headline\">Quiero que me asesoren<\/h3>\r\n        <p class=\"cm-dc-card__desc\">\r\n          Cu\u00e9ntanos el espacio que quieres climatizar y un t\u00e9cnico especializado te ayuda a elegir el equipo correcto, sin costo.\r\n        <\/p>\r\n        <ul class=\"cm-dc-card__list\">\r\n          <li>C\u00e1lculo de carga t\u00e9rmica gratuito<\/li>\r\n          <li>Recomendaci\u00f3n de marca y modelo<\/li>\r\n          <li>Cotizaci\u00f3n instalaci\u00f3n incluida<\/li>\r\n          <li>Sin compromiso de compra<\/li>\r\n        <\/ul>\r\n        <div class=\"cm-dc-card__time\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n          Respuesta en menos de 24 horas\r\n        <\/div>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-primary\">Solicitar asesor\u00eda gratuita<\/a>\r\n      <\/div>\r\n\r\n      <!-- CAMINO 2: Cotizaci\u00f3n directa -->\r\n      <div class=\"cm-dc-card cm-dc-card--cotizacion cm-fade-up\">\r\n        <div class=\"cm-dc-card__bg-deco\"><\/div>\r\n        <div class=\"cm-dc-card__icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><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\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cm-dc-card__tag\">Ya s\u00e9 el modelo que necesito<\/div>\r\n        <h3 class=\"cm-dc-card__headline\">Cotizar equipo espec\u00edfico<\/h3>\r\n        <p class=\"cm-dc-card__desc\">\r\n          Si ya tienes el modelo, marca o capacidad definida, ind\u00edcanosla y te enviamos precio, disponibilidad y plazo de entrega de inmediato.\r\n        <\/p>\r\n        <ul class=\"cm-dc-card__list\">\r\n          <li>Precio de suministro del equipo<\/li>\r\n          <li>Disponibilidad de stock inmediata<\/li>\r\n          <li>Costo de instalaci\u00f3n si la necesitas<\/li>\r\n          <li>Alternativas en caso de quiebre de stock<\/li>\r\n        <\/ul>\r\n        <div class=\"cm-dc-card__time\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n          Cotizaci\u00f3n express en 2\u20134 horas\r\n        <\/div>\r\n        <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-secondary\">Cotizar equipo espec\u00edfico<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.cm-doble-camino .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24c4b16 elementor-widget elementor-widget-html\" data-id=\"24c4b16\" 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 CTA VISUAL FUERTE\r\n     Secci\u00f3n final de conversi\u00f3n con fondo imagen, overlay\r\n     oscuro y headline impactante.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-cta-visual {\r\n  position: relative;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  min-height: 520px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* Fondo imagen real \u2014 REEMPLAZAR URL con foto de instalaci\u00f3n de calidad *\/\r\n.cm-cta-visual__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/fondo_oscuro-e1786811303327.png');\r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: brightness(0.35) saturate(0.8);\r\n  transition: transform 8s linear;\r\n}\r\n.cm-cta-visual:hover .cm-cta-visual__bg {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Gradiente overlay *\/\r\n.cm-cta-visual__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.1) 100%),\r\n    radial-gradient(ellipse at 30% 50%, rgba(44,213,196,0.1) 0%, transparent 60%);\r\n}\r\n\r\n\/* L\u00edneas decorativas *\/\r\n.cm-cta-visual__lines {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n.cm-cta-visual__lines::before,\r\n.cm-cta-visual__lines::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(to right, transparent, rgba(44,213,196,0.2), transparent);\r\n}\r\n.cm-cta-visual__lines::before { top: 30%; }\r\n.cm-cta-visual__lines::after  { top: 70%; }\r\n\r\n\/* Contenido *\/\r\n.cm-cta-visual__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 100px 24px;\r\n  width: 100%;\r\n}\r\n\r\n.cm-cta-visual__content {\r\n  max-width: 600px;\r\n}\r\n\r\n.cm-cta-visual__label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-cta-visual__label::before {\r\n  content: '';\r\n  width: 24px; height: 1px;\r\n  background: var(--cm-primary);\r\n}\r\n\r\n.cm-cta-visual__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(2rem, 5vw, 3.5rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1.1;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n.cm-cta-visual__headline span { color: var(--cm-primary); }\r\n\r\n.cm-cta-visual__desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  color: rgba(255,255,255,0.75);\r\n  line-height: 1.7;\r\n  margin-bottom: 40px;\r\n  max-width: 480px;\r\n}\r\n\r\n.cm-cta-visual__actions {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n}\r\n\r\n\/* Trust badges *\/\r\n.cm-cta-visual__trust {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.82rem;\r\n  color: rgba(255,255,255,0.5);\r\n}\r\n.cm-cta-visual__trust svg {\r\n  width: 14px; height: 14px;\r\n  stroke: var(--cm-primary); fill: none;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cm-cta-visual__inner { padding: 80px 20px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-cta-visual\">\r\n  <div class=\"cm-cta-visual__bg\"><\/div>\r\n  <div class=\"cm-cta-visual__overlay\"><\/div>\r\n  <!--<div class=\"cm-cta-visual__lines\"><\/div>-->\r\n\r\n  <div class=\"cm-cta-visual__inner cm-fade-up\">\r\n    <div class=\"cm-cta-visual__content\">\r\n\r\n\r\n      <h2 class=\"cm-cta-visual__headline\">\r\n        Elige el equipo<br>correcto<br><span>desde el inicio<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"cm-cta-visual__desc\">\r\n        Un diagn\u00f3stico t\u00e9cnico que te ahorra tiempo, dinero y dolores de cabeza.\r\n      <\/p>\r\n\r\n      <div class=\"cm-cta-visual__actions\">\r\n        <a href=\"\/contacto\/\" class=\"cm-btn cm-btn-primary\">Solicitar diagn\u00f3stico<\/a>\r\n        <div class=\"cm-cta-visual__trust\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0 1 12 2.944a11.955 11.955 0 0 1-8.618 3.04A12.02 12.02 0 0 0 3 9c0 5.591 3.824 10.29 9 11.622C17.176 19.29 21 14.591 21 9a12.02 12.02 0 0 0-.382-3.016z\"\/><\/svg>\r\n          De acuerdo a capacidad.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.15 });\r\n  document.querySelectorAll('.cm-cta-visual .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33e7a36 elementor-widget elementor-widget-html\" data-id=\"33e7a36\" 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 GU\u00cdA DE CAPACIDADES (BTU)\r\n     Cards visuales que relacionan BTU con tipo de espacio.\r\n     Ayuda al usuario a orientarse antes de cotizar.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-capacidades {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: var(--cm-section-padding);\r\n  overflow: hidden;\r\n}\r\n@media (max-width: 768px) { .cm-capacidades { padding: var(--cm-section-padding-mobile); } }\r\n\r\n.cm-capacidades::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(255,255,255,0.018);\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-capacidades__header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n.cm-capacidades__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 14px;\r\n}\r\n.cm-capacidades__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--cm-gray);\r\n  max-width: 500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Grid de cards BTU *\/\r\n.cm-capacidades__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 48px;\r\n}\r\n@media (max-width: 1000px) { .cm-capacidades__grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 500px)  { .cm-capacidades__grid { grid-template-columns: 1fr; } }\r\n\r\n\/* Card BTU *\/\r\n.cm-btu-card {\r\n  position: relative;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  border: 1px solid rgba(44,213,196,0.55);\r\n  border-radius: var(--cm-radius);\r\n  padding: 32px 24px 28px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n  cursor: default;\r\n  box-shadow:\r\n  0 0 0 1px rgba(0,0,0,0.35),\r\n  0 10px 30px rgba(0,0,0,0.45);\r\n  display: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.cm-btu-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(5, 10, 12, 0.78);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  border-radius: inherit;\r\n}\r\n\r\n.cm-btu-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cm-btu-card:hover {\r\n  border-color: rgba(44,213,196,0.9);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.3), 0 0 16px rgba(44,213,196,0.06);\r\n}\r\n\r\n\/* N\u00famero de fondo decorativo *\/\r\n.cm-btu-card__bg-num {\r\n  position: absolute;\r\n  top: -10px;\r\n  right: -10px;\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 5rem;\r\n  font-weight: 800;\r\n  color: rgba(44,213,196,0.04);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n}\r\n\r\n\/* \u00cdcono SVG de espacio *\/\r\n.cm-btu-card__icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  border-radius: 14px;\r\n  background: rgba(44,213,196,0.08);\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n  visibility: hidden;\r\n}\r\n.cm-btu-card__icon svg {\r\n  width: 28px; height: 28px;\r\n  stroke: var(--cm-primary);\r\n  fill: none;\r\n  stroke-width: 1.5;\r\n}\r\n\r\n\/* BTU grande *\/\r\n.cm-btu-card__btu {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 2rem;\r\n  font-weight: 800;\r\n  color: var(--cm-primary);\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n.cm-btu-card__btu-label {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.75rem;\r\n  color: var(--cm-gray);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n\/* Tipo de espacio *\/\r\n.cm-btu-card__space {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n}\r\n.cm-btu-card__area {\r\n  display: inline-block;\r\n  background: rgba(44,213,196,0.08);\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  border-radius: 6px;\r\n  padding: 4px 12px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.82rem;\r\n  color: var(--cm-primary);\r\n  margin-bottom: 14px;\r\n}\r\n.cm-btu-card__desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.84rem;\r\n  color: var(--cm-gray);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Ejemplos debajo del grid *\/\r\n.cm-capacidades__note {\r\n  background: rgba(44,213,196,0.04);\r\n  border: 1px solid rgba(44,213,196,0.1);\r\n  border-radius: 12px;\r\n  padding: 20px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n.cm-capacidades__note-icon svg {\r\n  width: 24px; height: 24px;\r\n  stroke: var(--cm-primary); fill: none;\r\n  stroke-width: 1.5;\r\n}\r\n.cm-capacidades__note-text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: var(--cm-gray-light);\r\n  line-height: 1.6;\r\n  flex: 1;\r\n}\r\n.cm-capacidades__note-text strong { color: var(--cm-primary); }\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-capacidades\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-capacidades__header cm-fade-up\">\r\n\r\n      <h2 class=\"cm-capacidades__headline\">\u00bfCu\u00e1ntos BTU necesitas?<\/h2>\r\n      <p class=\"cm-capacidades__sub\">Referencia r\u00e1pida para orientarte. Un t\u00e9cnico te dar\u00e1 el c\u00e1lculo exacto seg\u00fan tu espacio.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-capacidades__grid\">\r\n\r\n      <!-- 12.000 BTU -->\r\n      <div class=\"cm-btu-card cm-fade-up\" \r\n      style=\"background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/dormitorio-e1786770667144.png');\">\r\n        <div class=\"cm-btu-card__bg-num\">12<\/div>\r\n        <div class=\"cm-btu-card__icon\"><\/div>\r\n        <div class=\"cm-btu-card__btu\">12.000<\/div>\r\n        <div class=\"cm-btu-card__btu-label\">BTU\/h<\/div>\r\n        <div class=\"cm-btu-card__space\">Dormitorio<\/div>\r\n        <span class=\"cm-btu-card__area\">15 \u2013 20 m\u00b2<\/span>\r\n        <p class=\"cm-btu-card__desc\">Habitaciones individuales, dormitorios est\u00e1ndar y estudios peque\u00f1os.<\/p>\r\n      <\/div>\r\n\r\n      <!-- 18.000 BTU -->\r\n      <div class=\"cm-btu-card cm-fade-up\"\r\n      style=\"background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/sala-e1786770930605.png');\">\r\n        <div class=\"cm-btu-card__bg-num\">18<\/div>\r\n        <div class=\"cm-btu-card__icon\"><\/div>\r\n        <div class=\"cm-btu-card__btu\">18.000<\/div>\r\n        <div class=\"cm-btu-card__btu-label\">BTU\/h<\/div>\r\n        <div class=\"cm-btu-card__space\">Sala \/ Comedor<\/div>\r\n        <span class=\"cm-btu-card__area\">20 \u2013 30 m\u00b2<\/span>\r\n        <p class=\"cm-btu-card__desc\">Salas de estar, comedores y espacios de uso familiar de tama\u00f1o medio.<\/p>\r\n      <\/div>\r\n\r\n      <!-- 24.000 BTU -->\r\n      <div class=\"cm-btu-card cm-fade-up\"\r\n      style=\"background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/oficina-e1786771002595.png');\">\r\n        <div class=\"cm-btu-card__bg-num\">24<\/div>\r\n        <div class=\"cm-btu-card__icon\"><\/div>\r\n        <div class=\"cm-btu-card__btu\">24.000<\/div>\r\n        <div class=\"cm-btu-card__btu-label\">BTU\/h<\/div>\r\n        <div class=\"cm-btu-card__space\">Oficina mediana<\/div>\r\n        <span class=\"cm-btu-card__area\">30 \u2013 45 m\u00b2<\/span>\r\n        <p class=\"cm-btu-card__desc\">Oficinas individuales, salas de reuniones y espacios de trabajo de mediano tama\u00f1o.<\/p>\r\n      <\/div>\r\n\r\n      <!-- 36.000+ BTU -->\r\n      <div class=\"cm-btu-card cm-fade-up\"\r\n      style=\"background-image: url('https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/split_techo_york-e1786815322364.png');\">\r\n        <div class=\"cm-btu-card__bg-num\">36<\/div>\r\n        <div class=\"cm-btu-card__icon\"><\/div>\r\n        <div class=\"cm-btu-card__btu\">36.000+<\/div>\r\n        <div class=\"cm-btu-card__btu-label\">BTU\/h<\/div>\r\n        <div class=\"cm-btu-card__space\">Comercio \/ Local<\/div>\r\n        <span class=\"cm-btu-card__area\">50 m\u00b2 o m\u00e1s<\/span>\r\n        <p class=\"cm-btu-card__desc\">Locales comerciales, tiendas, restaurantes, cl\u00ednicas y grandes espacios abiertos.<\/p>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/grid -->\r\n\r\n    <!-- Nota aclaratoria -->\r\n    <div class=\"cm-capacidades__note cm-fade-up\">\r\n      <div class=\"cm-capacidades__note-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><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      <div class=\"cm-capacidades__note-text\">\r\n        <strong>Importante:<\/strong> Estos son valores de referencia. La capacidad exacta depende de factores como la orientaci\u00f3n del espacio, cantidad de personas, n\u00famero de equipos electr\u00f3nicos y altura del techo. Nuestros t\u00e9cnicos realizan el c\u00e1lculo preciso de tu espacio climatizado.\r\n      <\/div>\r\n      <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-ghost\">Calcular capacidad exacta<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.cm-capacidades .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0acb6a elementor-widget elementor-widget-html\" data-id=\"f0acb6a\" 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 T\u00c9CNICO FINAL\r\n     Secci\u00f3n minimalista para usuarios que ya saben\r\n     exactamente qu\u00e9 necesitan. R\u00e1pida y directa.\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-cta-tecnico {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 72px 24px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* L\u00ednea decorativa superior *\/\r\n.cm-cta-tecnico::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 200px;\r\n  height: 1px;\r\n  background: linear-gradient(to right, transparent, rgba(44,213,196,0.3), transparent);\r\n}\r\n\r\n.cm-cta-tecnico__inner {\r\n  max-width: 780px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  flex-wrap: wrap;\r\n  background: rgba(17,17,17,0.6);\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 20px;\r\n  padding: 40px 48px;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cm-cta-tecnico__inner {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 32px 24px;\r\n  }\r\n}\r\n\r\n.cm-cta-tecnico__text {}\r\n.cm-cta-tecnico__pre {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  color: var(--cm-gray);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  margin-bottom: 6px;\r\n}\r\n.cm-cta-tecnico__headline {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: clamp(1.3rem, 3vw, 1.9rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n  line-height: 1.2;\r\n}\r\n.cm-cta-tecnico__sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: var(--cm-gray);\r\n  line-height: 1.5;\r\n}\r\n\r\n.cm-cta-tecnico__actions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Versi\u00f3n WhatsApp del bot\u00f3n *\/\r\n.cm-btn-whatsapp {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  background: #25d366;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 10px;\r\n  padding: 13px 24px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.92rem;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: background 0.2s, transform 0.2s;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n.cm-btn-whatsapp:hover {\r\n  background: #1ebe5d;\r\n  transform: translateY(-2px);\r\n}\r\n.cm-btn-whatsapp svg {\r\n  width: 18px; height: 18px;\r\n  fill: currentColor;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-cta-tecnico\">\r\n  <div class=\"cm-cta-tecnico__inner cm-fade-up\">\r\n\r\n    <div class=\"cm-cta-tecnico__text\">\r\n      <div class=\"cm-cta-tecnico__pre\">Para t\u00e9cnicos y proyectistas<\/div>\r\n      <h3 class=\"cm-cta-tecnico__headline\">\u00bfYa sabes el modelo?<\/h3>\r\n      <p class=\"cm-cta-tecnico__sub\">Env\u00edanos la referencia exacta y te cotizamos<br>precio, stock y plazo en menos de 2 horas.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-cta-tecnico__actions\">\r\n      <!-- WhatsApp directo -->\r\n      <a href=\"https:\/\/wa.me\/51988843398?text=Hola%2C%20quiero%20cotizar%20un%20equipo%20de%20aire%20acondicionado%3A%20\" \r\n         class=\"cm-btn-whatsapp\"\r\n         target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\r\n        <\/svg>\r\n        Cotizar por WhatsApp\r\n      <\/a>\r\n      <!-- Formulario -->\r\n      <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-btn cm-btn-secondary\" style=\"text-align:center; justify-content:center;\">\r\n        Formulario de cotizaci\u00f3n\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('cm-visible'); });\r\n  }, { threshold: 0.2 });\r\n  document.querySelectorAll('.cm-cta-tecnico .cm-fade-up').forEach(el => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d5b52d e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"3d5b52d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3d5b52d\" data-e-type=\"e-flexbox\" data-id=\"3d5b52d\">\n    \t\t<div class=\"elementor-element elementor-element-e319bbf elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"e319bbf\" 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>Residencial Comercial Aire acondicionado eficiente para cada tipo de espacio Desde soluciones residenciales hasta sistemas comerciales, te ayudamos a elegir e implementar el equipo correcto seg\u00fan tu necesidad. Elegir mal no solo afecta el confort, tambi\u00e9n multiplica tu consumo el\u00e9ctrico. Quiero que me recomienden el equipo correcto Ver equipos y especificaciones Scroll Encontramos el equipoideal [&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-86","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/86","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=86"}],"version-history":[{"count":267,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":2736,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/86\/revisions\/2736"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}