{"id":90,"date":"2026-04-05T11:21:28","date_gmt":"2026-04-05T16:21:28","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=90"},"modified":"2026-09-02T10:20:32","modified_gmt":"2026-09-02T15:20:32","slug":"calefaccion","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/calefaccion\/","title":{"rendered":"Heating"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"90\" class=\"elementor elementor-90\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53cc46a e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"53cc46a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53cc46a\" data-e-type=\"e-flexbox\" data-id=\"53cc46a\">\n    \t\t<div class=\"elementor-element elementor-element-59e4618 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"59e4618\" 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\/90\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/90\" 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-5b6cd16 e-flex e-con-boxed e-con e-parent\" data-id=\"5b6cd16\" 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-ba04552 elementor-widget elementor-widget-html\" data-id=\"ba04552\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 00-B \u2014 PARTICLES.JS + GOOGLE FONTS\n     Loader global de fuentes y animaci\u00f3n de part\u00edculas.\n     Debe ser el PRIMER caj\u00f3n HTML en Elementor.\n     ============================================================ -->\n\n<!-- Google Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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\">\n\n<!-- Particles Canvas -->\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>\n\n<script>\n(function() {\n  const canvas = document.getElementById('cm-particles-canvas');\n  const ctx = canvas.getContext('2d');\n  let W, H, particles = [], mouse = { x: null, y: null };\n  const N = 80, MAX_DIST = 130, COLOR = '44, 213, 196';\n\n  function resize() {\n    W = canvas.width = window.innerWidth;\n    H = canvas.height = window.innerHeight;\n  }\n\n  function Particle() {\n    this.x = Math.random() * W;\n    this.y = Math.random() * H;\n    this.vx = (Math.random() - 0.5) * 0.4;\n    this.vy = (Math.random() - 0.5) * 0.4;\n    this.r = Math.random() * 1.5 + 0.5;\n  }\n\n  Particle.prototype.update = function() {\n    this.x += this.vx; this.y += this.vy;\n    if (this.x < 0 || this.x > W) this.vx *= -1;\n    if (this.y < 0 || this.y > H) this.vy *= -1;\n  };\n\n  function init() {\n    particles = [];\n    for (let i = 0; i < N; i++) particles.push(new Particle());\n  }\n\n  function draw() {\n    ctx.clearRect(0, 0, W, H);\n    particles.forEach(p => {\n      p.update();\n      ctx.beginPath();\n      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n      ctx.fillStyle = `rgba(${COLOR}, 0.7)`;\n      ctx.fill();\n    });\n    for (let i = 0; i < particles.length; i++) {\n      for (let j = i + 1; j < particles.length; j++) {\n        const dx = particles[i].x - particles[j].x;\n        const dy = particles[i].y - particles[j].y;\n        const dist = Math.sqrt(dx * dx + dy * dy);\n        if (dist < MAX_DIST) {\n          ctx.beginPath();\n          ctx.moveTo(particles[i].x, particles[i].y);\n          ctx.lineTo(particles[j].x, particles[j].y);\n          ctx.strokeStyle = `rgba(${COLOR}, ${(1 - dist \/ MAX_DIST) * 0.25})`;\n          ctx.lineWidth = 0.6;\n          ctx.stroke();\n        }\n      }\n    }\n    requestAnimationFrame(draw);\n  }\n\n  resize(); init(); draw();\n  window.addEventListener('resize', () => { resize(); init(); });\n})();\n<\/script>\n\n<!-- ==== FONDO: solo part\u00edculas ====\n     Los cajones intermedios pierden su fondo (color y foto) para que\n     se vea la animaci\u00f3n de part\u00edculas. El hero mantiene su imagen pero\n     se desvanece hacia abajo, as\u00ed no queda un corte visible. El CTA\n     final conserva su franja turquesa.\n     Para recuperar un fondo, quita su clase de la lista de abajo.\n     ============================================================ -->\n<style>\n  \/* --- Cajones intermedios: sin fondo --- *\/\n  .cm-cal-sol,\n  .cm-cal-criteria,\n  .cm-cal-support,\n  .cm-cal-process {\n    background: transparent !important;\n    background-image: none !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* --- Hero: imagen que se funde con las part\u00edculas --- *\/\n  .cm-cal-hero {\n    background: transparent !important;\n    position: relative;\n    z-index: 1;\n  }\n  \/* Solo la FOTO se desvanece. El velo oscuro se queda: su parte baja\n     ya coincide con el fondo de la p\u00e1gina, as\u00ed que no genera corte.\n     (Enmascarar tambi\u00e9n el velo aclaraba la foto justo antes del borde.) *\/\n  .cm-cal-hero__image {\n    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0,0,0,.45) 72%, transparent 92%);\n            mask-image: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0,0,0,.45) 72%, transparent 92%);\n  }\n\n  \/* --- CTA final: sin base s\u00f3lida, conserva solo el halo turquesa --- *\/\n  .cm-cal-cta {\n    background: radial-gradient(circle at 50% 45%, rgba(44,213,196,.16), transparent 42%) !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* --- Titulares a dos colores --- *\/\n  h1 .cm-accent-h,\n  h2 .cm-accent-h { color: #2cd5c4; }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfd634f elementor-widget elementor-widget-html\" data-id=\"dfd634f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 01 \u2014 HERO | CALEFACCI\u00d3N\n     IMAGEN: reemplaza solo el src por la imagen definitiva.\n     ============================================================ -->\n\n<style>\n  .cm-cal-hero,\n  .cm-cal-hero * {\n    box-sizing: border-box;\n  }\n\n  .cm-cal-hero {\n    position: relative;\n    display: grid;\n    min-height: min(88vh, 820px);\n    place-items: center;\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    padding: 130px 24px 90px;\n    text-align: center;\n    background: #090909;\n  }\n\n  .cm-cal-hero__image,\n  .cm-cal-hero__overlay {\n    position: absolute;\n    inset: 0;\n  }\n\n  .cm-cal-hero__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: .46;\n  }\n\n  .cm-cal-hero__overlay {\n    background:\n      linear-gradient(180deg, rgba(9,9,9,.45), rgba(9,9,9,.94)),\n      radial-gradient(circle at 50% 45%, rgba(157,157,157,.18), transparent 52%);\n  }\n\n  .cm-cal-hero__content {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 820px;\n  }\n\n  .cm-cal-hero__eyebrow {\n    margin: 0 0 20px;\n    color: #2cd5c4;\n    font: 700 12px 'DM Sans', sans-serif;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n  }\n\n  .cm-cal-hero h1 {\n    margin: 0 0 22px;\n    color: #fff;\n    font: 800 clamp(2.5rem, 5.2vw, 4.4rem) \/ 1.07 'Syne', sans-serif;\n    letter-spacing: -.045em;\n  }\n\n  .cm-cal-hero h1 span {\n    color: #2cd5c4;\n  }\n\n  .cm-cal-hero p {\n    max-width: 650px;\n    margin: 0 auto 34px;\n    color: #d6d6d6;\n    font: 400 clamp(1rem, 2vw, 1.16rem) \/ 1.7 'DM Sans', sans-serif;\n  }\n\n  .cm-cal-hero__actions {\n    display: flex;\n    justify-content: center;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n\n  .cm-cal-hero__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 26px;\n    border-radius: 999px;\n    text-decoration: none;\n    font: 700 14px 'DM Sans', sans-serif;\n    transition: transform .25s ease, background .25s ease;\n  }\n\n  .cm-cal-hero__button--primary {\n    background: #2cd5c4;\n    color: #04110f;\n  }\n\n  .cm-cal-hero__button--secondary {\n    border: 1px solid rgba(255, 255, 255, .38);\n    color: #fff;\n  }\n\n  .cm-cal-hero__button:hover {\n    transform: translateY(-2px);\n  }\n\n  @media (max-width: 560px) {\n    .cm-cal-hero {\n      min-height: auto;\n      padding: 110px 18px 72px;\n    }\n\n    .cm-cal-hero h1 {\n      font-size: clamp(1.9rem, 9vw, 2.5rem);\n      overflow-wrap: anywhere;\n    }\n\n    .cm-cal-hero__actions {\n      flex-direction: column;\n      width: 100%;\n    }\n\n    .cm-cal-hero__button {\n      width: 100%;\n      white-space: normal;\n      text-align: center;\n    }\n  }\n<\/style>\n\n<section class=\"cm-cal-hero\">\n  <img decoding=\"async\"\n    class=\"cm-cal-hero__image\"\n    src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/calefaccion-e1787328212959.png\"\n    alt=\"Sistema de calefacci\u00f3n\"\n  >\n  <div class=\"cm-cal-hero__overlay\"><\/div>\n\n  <div class=\"cm-cal-hero__content\">\n    <p class=\"cm-cal-hero__eyebrow\">Equipos HVAC \u00b7 Calefacci\u00f3n<\/p>\n    <h1>Confort t\u00e9rmico cuando <span>m\u00e1s lo necesitas<\/span><\/h1>\n    <p>\n      Encuentra una soluci\u00f3n de calefacci\u00f3n adecuada para tu espacio,\n      considerando el uso, la distribuci\u00f3n y las necesidades reales de tu proyecto.\n    <\/p>\n    <div class=\"cm-cal-hero__actions\">\n      <a class=\"cm-cal-hero__button cm-cal-hero__button--primary\" href=\"\/contacto-1\/?solucion=hvac#formulario\">\n        Solicitar recomendaci\u00f3n\n      <\/a>\n      <a class=\"cm-cal-hero__button cm-cal-hero__button--secondary\" href=\"#soluciones-calefaccion\">\n        Ver soluciones\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==== MEJORAS VISUALES: fondo + animaciones (a\u00f1adido) ==== -->\n<style>\n.cm-cal-hero img { animation: cmZoomIn 1.8s cubic-bezier(.16,1,.3,1) both; }\n@keyframes cmZoomIn { from { transform: scale(1.07); } to { transform: scale(1); } }\n\/* Aparici\u00f3n al hacer scroll *\/\n.cm-cal-hero .cm-rv {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1),\n              border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n.cm-cal-hero .cm-rv.cm-rv-in { opacity: 1; transform: translateY(0); }\n\n\/* Realce al pasar el rat\u00f3n sobre tarjetas y bloques *\/\n.cm-cal-hero article:hover,\n.cm-cal-hero [class*=\"__item\"]:hover,\n.cm-cal-hero [class*=\"__card\"]:hover,\n.cm-cal-hero [class*=\"__step\"]:hover {\n  border-color: #2cd5c466;\n  box-shadow: 0 16px 42px rgba(0,0,0,.5);\n  transform: translateY(-4px);\n}\n\n\/* Botones *\/\n.cm-cal-hero a[class*=\"button\"],\n.cm-cal-hero a[class*=\"btn\"] {\n  position: relative;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\n}\n.cm-cal-hero a[class*=\"button\"]:hover,\n.cm-cal-hero a[class*=\"btn\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px #2cd5c455;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-cal-hero .cm-rv { opacity: 1; transform: none; transition: none; }\n  .cm-cal-hero img { animation: none; }\n  .cm-cal-hero { background-attachment: scroll; }\n}\n<\/style>\n<script>\n(function () {\n  var s = document.querySelector('.cm-cal-hero');\n  if (!s) return;\n  var els = s.querySelectorAll('article, [class*=\"__item\"], [class*=\"__card\"], [class*=\"__step\"], [class*=\"__figure\"]');\n  if (!els.length) return;\n  for (var i = 0; i < els.length; i++) els[i].classList.add('cm-rv');\n  if (!('IntersectionObserver' in window)) {\n    for (var j = 0; j < els.length; j++) els[j].classList.add('cm-rv-in');\n    return;\n  }\n  var io = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      var el = e.target;\n      var idx = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('cm-rv-in'); }, (idx % 4) * 90);\n      io.unobserve(el);\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -40px 0px' });\n  for (var k = 0; k < els.length; k++) io.observe(els[k]);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8298726 e-flex e-con-boxed e-con e-parent\" data-id=\"8298726\" 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-7517f8c elementor-widget elementor-widget-html\" data-id=\"7517f8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 02 \u2014 SOLUCIONES | CALEFACCI\u00d3N\n     IM\u00c1GENES: reemplaza solo cada src.\n     ============================================================ -->\n\n<style>\n  .cm-cal-sol,\n  .cm-cal-sol * { box-sizing: border-box; }\n\n  .cm-cal-sol {\n    width: 100%;\n    padding: 92px 24px;\n    background: #0b0b0b;\n    color: #fff;\n  }\n\n  .cm-cal-sol__inner {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .cm-cal-sol__intro {\n    max-width: 690px;\n    margin-bottom: 42px;\n  }\n\n  .cm-cal-sol__kicker {\n    margin: 0 0 12px;\n    color: #2cd5c4;\n    font: 700 11px 'DM Sans', sans-serif;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .cm-cal-sol h2 {\n    margin: 0 0 14px;\n    font: 800 clamp(2rem, 4vw, 3.2rem) \/ 1.12 'Syne', sans-serif;\n    letter-spacing: -.04em;\n  }\n\n  .cm-cal-sol__intro p {\n    margin: 0;\n    color: #c4c4c4;\n    font: 400 1rem \/ 1.7 'DM Sans', sans-serif;\n  }\n\n  .cm-cal-sol__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .cm-cal-sol__card {\n    min-width: 0;\n    overflow: hidden;\n    border: 1px solid rgba(44,213,196,.16);\n    border-radius: 18px;\n    background: #121212;\n  }\n\n  .cm-cal-sol__card img {\n    display: block;\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n    filter: brightness(.7);\n  }\n\n  .cm-cal-sol__copy {\n    padding: 24px;\n  }\n\n  .cm-cal-sol__copy h3 {\n    margin: 0 0 10px;\n    font: 700 1.2rem 'Syne', sans-serif;\n  }\n\n  .cm-cal-sol__copy p {\n    margin: 0;\n    color: #c4c4c4;\n    font: 400 .95rem \/ 1.65 'DM Sans', sans-serif;\n  }\n\n  @media (max-width: 820px) {\n    .cm-cal-sol__grid { grid-template-columns: 1fr; }\n    .cm-cal-sol__card img { height: 210px; }\n  }\n\n  @media (max-width: 560px) {\n    .cm-cal-sol { padding: 66px 18px; }\n  }\n<\/style>\n\n<section class=\"cm-cal-sol\" id=\"soluciones-calefaccion\">\n  <div class=\"cm-cal-sol__inner\">\n    <div class=\"cm-cal-sol__intro\">\n      <p class=\"cm-cal-sol__kicker\">Soluciones disponibles<\/p>\n      <h2>Calefacci\u00f3n pensada para el uso de <span class=\"cm-accent-h\">cada ambiente<\/span><\/h2>\n      <p>\n        La elecci\u00f3n depende de c\u00f3mo se utiliza el espacio, su tama\u00f1o y el nivel\n        de confort que se busca mantener.\n      <\/p>\n    <\/div>\n\n    <div class=\"cm-cal-sol__grid\">\n      <article class=\"cm-cal-sol__card\">\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/09\/calefaccion_01.png\" alt=\"Ambiente residencial climatizado\">\n        <div class=\"cm-cal-sol__copy\">\n          <h3>Espacios residenciales<\/h3>\n          <p>Alternativas para dormitorios, salas y ambientes donde el confort diario es prioritario.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"cm-cal-sol__card\">\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/09\/calefaccion_02.png\" alt=\"Instalaci\u00f3n en un espacio comercial\">\n        <div class=\"cm-cal-sol__copy\">\n          <h3>Espacios comerciales<\/h3>\n          <p>Soluciones para atenci\u00f3n al p\u00fablico, oficinas y \u00e1reas de trabajo que requieren estabilidad t\u00e9rmica.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"cm-cal-sol__card\">\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/instalaicon.png\" alt=\"Equipo de calefacci\u00f3n industrial\">\n        <div class=\"cm-cal-sol__copy\">\n          <h3>Proyectos especiales<\/h3>\n          <p>Orientaci\u00f3n t\u00e9cnica para instalaciones que necesitan evaluar distribuci\u00f3n, consumo y operaci\u00f3n.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==== MEJORAS VISUALES: fondo + animaciones (a\u00f1adido) ==== -->\n<style>\n\/* Aparici\u00f3n al hacer scroll *\/\n.cm-cal-sol .cm-rv {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1),\n              border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n.cm-cal-sol .cm-rv.cm-rv-in { opacity: 1; transform: translateY(0); }\n\n\/* Realce al pasar el rat\u00f3n sobre tarjetas y bloques *\/\n.cm-cal-sol article:hover,\n.cm-cal-sol [class*=\"__item\"]:hover,\n.cm-cal-sol [class*=\"__card\"]:hover,\n.cm-cal-sol [class*=\"__step\"]:hover {\n  border-color: #2cd5c466;\n  box-shadow: 0 16px 42px rgba(0,0,0,.5);\n  transform: translateY(-4px);\n}\n\n\/* Botones *\/\n.cm-cal-sol a[class*=\"button\"],\n.cm-cal-sol a[class*=\"btn\"] {\n  position: relative;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\n}\n.cm-cal-sol a[class*=\"button\"]:hover,\n.cm-cal-sol a[class*=\"btn\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px #2cd5c455;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-cal-sol .cm-rv { opacity: 1; transform: none; transition: none; }\n  .cm-cal-sol img { animation: none; }\n  .cm-cal-sol { background-attachment: scroll; }\n}\n<\/style>\n<script>\n(function () {\n  var s = document.querySelector('.cm-cal-sol');\n  if (!s) return;\n  var els = s.querySelectorAll('article, [class*=\"__item\"], [class*=\"__card\"], [class*=\"__step\"], [class*=\"__figure\"]');\n  if (!els.length) return;\n  for (var i = 0; i < els.length; i++) els[i].classList.add('cm-rv');\n  if (!('IntersectionObserver' in window)) {\n    for (var j = 0; j < els.length; j++) els[j].classList.add('cm-rv-in');\n    return;\n  }\n  var io = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      var el = e.target;\n      var idx = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('cm-rv-in'); }, (idx % 4) * 90);\n      io.unobserve(el);\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -40px 0px' });\n  for (var k = 0; k < els.length; k++) io.observe(els[k]);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03a4a45 e-flex e-con-boxed e-con e-parent\" data-id=\"03a4a45\" 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-d52cc4a elementor-widget elementor-widget-html\" data-id=\"d52cc4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 03 \u2014 CRITERIOS DE ELECCI\u00d3N | CALEFACCI\u00d3N\n     ============================================================ -->\n\n<style>\n  .cm-cal-criteria,\n  .cm-cal-criteria * { box-sizing: border-box; }\n\n  .cm-cal-criteria {\n    padding: 92px 24px;\n    background: #0f0f0f;\n    color: #fff;\n  }\n\n  .cm-cal-criteria__inner {\n    display: grid;\n    grid-template-columns: .9fr 1.1fr;\n    gap: 58px;\n    max-width: 1120px;\n    margin: 0 auto;\n    align-items: start;\n  }\n\n  .cm-cal-criteria__tag {\n    margin: 0 0 14px;\n    color: #2cd5c4;\n    font: 700 11px 'DM Sans', sans-serif;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .cm-cal-criteria h2 {\n    margin: 0;\n    font: 800 clamp(2rem, 3.6vw, 3.1rem) \/ 1.12 'Syne', sans-serif;\n    letter-spacing: -.04em;\n  }\n\n  .cm-cal-criteria__lead {\n    margin: 22px 0 0;\n    color: #c8c8c8;\n    font: 400 1rem \/ 1.72 'DM Sans', sans-serif;\n  }\n\n  .cm-cal-criteria__list {\n    display: grid;\n    gap: 14px;\n  }\n\n  .cm-cal-criteria__item {\n    display: flex;\n    gap: 16px;\n    padding: 19px;\n    border: 1px solid rgba(255,255,255,.1);\n    border-radius: 14px;\n    background: rgba(255,255,255,.025);\n  }\n\n  .cm-cal-criteria__number {\n    display: grid;\n    flex: 0 0 34px;\n    height: 34px;\n    place-items: center;\n    border-radius: 50%;\n    background: rgba(44,213,196,.12);\n    color: #2cd5c4;\n    font: 700 .8rem 'DM Sans', sans-serif;\n  }\n\n  .cm-cal-criteria__item h3 {\n    margin: 1px 0 5px;\n    font: 700 1rem 'Syne', sans-serif;\n  }\n\n  .cm-cal-criteria__item p {\n    margin: 0;\n    color: #bebebe;\n    font: 400 .92rem \/ 1.55 'DM Sans', sans-serif;\n  }\n\n  @media (max-width: 800px) {\n    .cm-cal-criteria__inner { grid-template-columns: 1fr; gap: 34px; }\n  }\n\n  @media (max-width: 560px) {\n    .cm-cal-criteria { padding: 66px 18px; }\n  }\n<\/style>\n\n<section class=\"cm-cal-criteria\">\n  <div class=\"cm-cal-criteria__inner\">\n    <div>\n      <p class=\"cm-cal-criteria__tag\">Elecci\u00f3n con criterio<\/p>\n      <h2>Una buena decisi\u00f3n empieza <span class=\"cm-accent-h\">antes de comprar<\/span><\/h2>\n      <p class=\"cm-cal-criteria__lead\">\n        No todos los ambientes demandan la misma soluci\u00f3n. Evaluar estas variables\n        ayuda a evitar una elecci\u00f3n que no responda a las condiciones reales del proyecto.\n      <\/p>\n    <\/div>\n\n    <div class=\"cm-cal-criteria__list\">\n      <article class=\"cm-cal-criteria__item\">\n        <span class=\"cm-cal-criteria__number\">01<\/span>\n        <div>\n          <h3>Tipo de ambiente<\/h3>\n          <p>Consideramos si se trata de un \u00e1rea residencial, comercial o de operaci\u00f3n continua.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"cm-cal-criteria__item\">\n        <span class=\"cm-cal-criteria__number\">02<\/span>\n        <div>\n          <h3>Distribuci\u00f3n del espacio<\/h3>\n          <p>La altura, los accesos y la forma del ambiente influyen en c\u00f3mo se percibe el confort.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"cm-cal-criteria__item\">\n        <span class=\"cm-cal-criteria__number\">03<\/span>\n        <div>\n          <h3>Uso y frecuencia<\/h3>\n          <p>Definimos una alternativa coherente con el tiempo de uso y las exigencias de operaci\u00f3n.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==== MEJORAS VISUALES: fondo + animaciones (a\u00f1adido) ==== -->\n<style>\n\/* Aparici\u00f3n al hacer scroll *\/\n.cm-cal-criteria .cm-rv {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1),\n              border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n.cm-cal-criteria .cm-rv.cm-rv-in { opacity: 1; transform: translateY(0); }\n\n\/* Realce al pasar el rat\u00f3n sobre tarjetas y bloques *\/\n.cm-cal-criteria article:hover,\n.cm-cal-criteria [class*=\"__item\"]:hover,\n.cm-cal-criteria [class*=\"__card\"]:hover,\n.cm-cal-criteria [class*=\"__step\"]:hover {\n  border-color: #2cd5c466;\n  box-shadow: 0 16px 42px rgba(0,0,0,.5);\n  transform: translateY(-4px);\n}\n\n\/* Botones *\/\n.cm-cal-criteria a[class*=\"button\"],\n.cm-cal-criteria a[class*=\"btn\"] {\n  position: relative;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\n}\n.cm-cal-criteria a[class*=\"button\"]:hover,\n.cm-cal-criteria a[class*=\"btn\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px #2cd5c455;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-cal-criteria .cm-rv { opacity: 1; transform: none; transition: none; }\n  .cm-cal-criteria img { animation: none; }\n  .cm-cal-criteria { background-attachment: scroll; }\n}\n<\/style>\n<script>\n(function () {\n  var s = document.querySelector('.cm-cal-criteria');\n  if (!s) return;\n  var els = s.querySelectorAll('article, [class*=\"__item\"], [class*=\"__card\"], [class*=\"__step\"], [class*=\"__figure\"]');\n  if (!els.length) return;\n  for (var i = 0; i < els.length; i++) els[i].classList.add('cm-rv');\n  if (!('IntersectionObserver' in window)) {\n    for (var j = 0; j < els.length; j++) els[j].classList.add('cm-rv-in');\n    return;\n  }\n  var io = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      var el = e.target;\n      var idx = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('cm-rv-in'); }, (idx % 4) * 90);\n      io.unobserve(el);\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -40px 0px' });\n  for (var k = 0; k < els.length; k++) io.observe(els[k]);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38ef7bc e-flex e-con-boxed e-con e-parent\" data-id=\"38ef7bc\" 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-9448dd1 elementor-widget elementor-widget-html\" data-id=\"9448dd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 04 \u2014 RESPALDO | CALEFACCI\u00d3N\n     ============================================================ -->\n\n<style>\n  .cm-cal-support,\n  .cm-cal-support * { box-sizing: border-box; }\n\n  .cm-cal-support {\n    padding: 86px 24px;\n    background: #0b0b0b;\n    color: #fff;\n  }\n\n  .cm-cal-support__inner {\n    max-width: 1120px;\n    margin: 0 auto;\n  }\n\n  .cm-cal-support__heading {\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n    align-items: end;\n    margin-bottom: 38px;\n  }\n\n  .cm-cal-support__heading p {\n    max-width: 460px;\n    margin: 0;\n    color: #c2c2c2;\n    font: 400 1rem \/ 1.65 'DM Sans', sans-serif;\n  }\n\n  .cm-cal-support h2 {\n    max-width: 600px;\n    margin: 0;\n    font: 800 clamp(1.9rem, 3.5vw, 3rem) \/ 1.14 'Syne', sans-serif;\n    letter-spacing: -.04em;\n  }\n\n  .cm-cal-support__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .cm-cal-support__item {\n    min-width: 0;\n    padding: 24px 20px;\n    border-top: 2px solid #2cd5c4;\n    background: #131313;\n  }\n\n  .cm-cal-support__item h3 {\n    margin: 0 0 9px;\n    font: 700 1rem 'Syne', sans-serif;\n  }\n\n  .cm-cal-support__item p {\n    margin: 0;\n    color: #b4b4b4;\n    font: 400 .9rem \/ 1.6 'DM Sans', sans-serif;\n  }\n\n  @media (max-width: 860px) {\n    .cm-cal-support__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  }\n\n  @media (max-width: 560px) {\n    .cm-cal-support { padding: 64px 18px; }\n    .cm-cal-support__heading { display: block; }\n    .cm-cal-support__heading p { margin-top: 16px; }\n    .cm-cal-support__grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"cm-cal-support\">\n  <div class=\"cm-cal-support__inner\">\n    <div class=\"cm-cal-support__heading\">\n      <h2>No es solo el equipo: es <span class=\"cm-accent-h\">la soluci\u00f3n completa<\/span><\/h2>\n      <p>Te acompa\u00f1amos desde la recomendaci\u00f3n inicial hasta la puesta en funcionamiento.<\/p>\n    <\/div>\n\n    <div class=\"cm-cal-support__grid\">\n      <article class=\"cm-cal-support__item\">\n        <h3>Recomendaci\u00f3n t\u00e9cnica<\/h3>\n        <p>Orientaci\u00f3n para elegir una alternativa alineada al uso del ambiente.<\/p>\n      <\/article>\n      <article class=\"cm-cal-support__item\">\n        <h3>Suministro de equipos<\/h3>\n        <p>Coordinamos la disponibilidad de acuerdo con las necesidades del proyecto.<\/p>\n      <\/article>\n      <article class=\"cm-cal-support__item\">\n        <h3>Instalaci\u00f3n profesional<\/h3>\n        <p>Implementaci\u00f3n ordenada para que la soluci\u00f3n funcione como fue planificada.<\/p>\n      <\/article>\n      <article class=\"cm-cal-support__item\">\n        <h3>Soporte posterior<\/h3>\n        <p>Continuidad para mantener el sistema en buenas condiciones de operaci\u00f3n.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==== MEJORAS VISUALES: fondo + animaciones (a\u00f1adido) ==== -->\n<style>\n\/* Aparici\u00f3n al hacer scroll *\/\n.cm-cal-support .cm-rv {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1),\n              border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n.cm-cal-support .cm-rv.cm-rv-in { opacity: 1; transform: translateY(0); }\n\n\/* Realce al pasar el rat\u00f3n sobre tarjetas y bloques *\/\n.cm-cal-support article:hover,\n.cm-cal-support [class*=\"__item\"]:hover,\n.cm-cal-support [class*=\"__card\"]:hover,\n.cm-cal-support [class*=\"__step\"]:hover {\n  border-color: #2cd5c466;\n  box-shadow: 0 16px 42px rgba(0,0,0,.5);\n  transform: translateY(-4px);\n}\n\n\/* Botones *\/\n.cm-cal-support a[class*=\"button\"],\n.cm-cal-support a[class*=\"btn\"] {\n  position: relative;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\n}\n.cm-cal-support a[class*=\"button\"]:hover,\n.cm-cal-support a[class*=\"btn\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px #2cd5c455;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-cal-support .cm-rv { opacity: 1; transform: none; transition: none; }\n  .cm-cal-support img { animation: none; }\n  .cm-cal-support { background-attachment: scroll; }\n}\n<\/style>\n<script>\n(function () {\n  var s = document.querySelector('.cm-cal-support');\n  if (!s) return;\n  var els = s.querySelectorAll('article, [class*=\"__item\"], [class*=\"__card\"], [class*=\"__step\"], [class*=\"__figure\"]');\n  if (!els.length) return;\n  for (var i = 0; i < els.length; i++) els[i].classList.add('cm-rv');\n  if (!('IntersectionObserver' in window)) {\n    for (var j = 0; j < els.length; j++) els[j].classList.add('cm-rv-in');\n    return;\n  }\n  var io = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      var el = e.target;\n      var idx = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('cm-rv-in'); }, (idx % 4) * 90);\n      io.unobserve(el);\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -40px 0px' });\n  for (var k = 0; k < els.length; k++) io.observe(els[k]);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b0df8a e-flex e-con-boxed e-con e-parent\" data-id=\"7b0df8a\" 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-cbc4f6c elementor-widget elementor-widget-html\" data-id=\"cbc4f6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 05 \u2014 PROCESO | CALEFACCI\u00d3N\n     ============================================================ -->\n\n<style>\n  .cm-cal-process,\n  .cm-cal-process * { box-sizing: border-box; }\n\n  .cm-cal-process {\n    padding: 92px 24px;\n    background: #0f0f0f;\n    color: #fff;\n  }\n\n  .cm-cal-process__inner {\n    max-width: 1060px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .cm-cal-process__eyebrow {\n    margin: 0 0 12px;\n    color: #2cd5c4;\n    font: 700 11px 'DM Sans', sans-serif;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .cm-cal-process h2 {\n    margin: 0 auto 42px;\n    max-width: 680px;\n    font: 800 clamp(2rem, 3.7vw, 3.1rem) \/ 1.12 'Syne', sans-serif;\n    letter-spacing: -.04em;\n  }\n\n  .cm-cal-process__steps {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    text-align: left;\n  }\n\n  .cm-cal-process__step {\n    position: relative;\n    padding: 25px;\n    border: 1px solid rgba(255,255,255,.1);\n    border-radius: 16px;\n    background: #131313;\n  }\n\n  .cm-cal-process__step span {\n    display: block;\n    margin-bottom: 30px;\n    color: #2cd5c4;\n    font: 700 .78rem 'DM Sans', sans-serif;\n    letter-spacing: .14em;\n  }\n\n  .cm-cal-process__step h3 {\n    margin: 0 0 10px;\n    font: 700 1.15rem 'Syne', sans-serif;\n  }\n\n  .cm-cal-process__step p {\n    margin: 0;\n    color: #bebebe;\n    font: 400 .94rem \/ 1.6 'DM Sans', sans-serif;\n  }\n\n  @media (max-width: 760px) {\n    .cm-cal-process__steps { grid-template-columns: 1fr; }\n  }\n\n  @media (max-width: 560px) {\n    .cm-cal-process { padding: 66px 18px; }\n  }\n<\/style>\n\n<section class=\"cm-cal-process\">\n  <div class=\"cm-cal-process__inner\">\n    <p class=\"cm-cal-process__eyebrow\">C\u00f3mo avanzamos<\/p>\n    <h2>Un proceso claro para <span class=\"cm-accent-h\">elegir e implementar mejor<\/span><\/h2>\n    <div class=\"cm-cal-process__steps\">\n      <article class=\"cm-cal-process__step\">\n        <span>PASO 01<\/span>\n        <h3>Cu\u00e9ntanos tu necesidad<\/h3>\n        <p>Comparte el tipo de espacio y qu\u00e9 nivel de confort necesitas alcanzar.<\/p>\n      <\/article>\n      <article class=\"cm-cal-process__step\">\n        <span>PASO 02<\/span>\n        <h3>Evaluamos la alternativa<\/h3>\n        <p>Revisamos las condiciones del proyecto para recomendar una opci\u00f3n coherente.<\/p>\n      <\/article>\n      <article class=\"cm-cal-process__step\">\n        <span>PASO 03<\/span>\n        <h3>Coordinamos la soluci\u00f3n<\/h3>\n        <p>Definimos el suministro, la instalaci\u00f3n y el soporte que requiere el sistema.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==== MEJORAS VISUALES: fondo + animaciones (a\u00f1adido) ==== -->\n<style>\n\/* Aparici\u00f3n al hacer scroll *\/\n.cm-cal-process .cm-rv {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1),\n              border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n.cm-cal-process .cm-rv.cm-rv-in { opacity: 1; transform: translateY(0); }\n\n\/* Realce al pasar el rat\u00f3n sobre tarjetas y bloques *\/\n.cm-cal-process article:hover,\n.cm-cal-process [class*=\"__item\"]:hover,\n.cm-cal-process [class*=\"__card\"]:hover,\n.cm-cal-process [class*=\"__step\"]:hover {\n  border-color: #2cd5c466;\n  box-shadow: 0 16px 42px rgba(0,0,0,.5);\n  transform: translateY(-4px);\n}\n\n\/* Botones *\/\n.cm-cal-process a[class*=\"button\"],\n.cm-cal-process a[class*=\"btn\"] {\n  position: relative;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\n}\n.cm-cal-process a[class*=\"button\"]:hover,\n.cm-cal-process a[class*=\"btn\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px #2cd5c455;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-cal-process .cm-rv { opacity: 1; transform: none; transition: none; }\n  .cm-cal-process img { animation: none; }\n  .cm-cal-process { background-attachment: scroll; }\n}\n<\/style>\n<script>\n(function () {\n  var s = document.querySelector('.cm-cal-process');\n  if (!s) return;\n  var els = s.querySelectorAll('article, [class*=\"__item\"], [class*=\"__card\"], [class*=\"__step\"], [class*=\"__figure\"]');\n  if (!els.length) return;\n  for (var i = 0; i < els.length; i++) els[i].classList.add('cm-rv');\n  if (!('IntersectionObserver' in window)) {\n    for (var j = 0; j < els.length; j++) els[j].classList.add('cm-rv-in');\n    return;\n  }\n  var io = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      var el = e.target;\n      var idx = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('cm-rv-in'); }, (idx % 4) * 90);\n      io.unobserve(el);\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -40px 0px' });\n  for (var k = 0; k < els.length; k++) io.observe(els[k]);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-422b229 e-flex e-con-boxed e-con e-parent\" data-id=\"422b229\" 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-583ec3e elementor-widget elementor-widget-html\" data-id=\"583ec3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 06 \u2014 CTA FINAL | CALEFACCI\u00d3N\n     ============================================================ -->\n\n<style>\n  .cm-cal-cta,\n  .cm-cal-cta * { box-sizing: border-box; }\n\n  .cm-cal-cta {\n    padding: 100px 24px;\n    overflow: hidden;\n    text-align: center;\n    color: #fff;\n    background:\n      radial-gradient(circle at 50% 45%, rgba(44,213,196,.16), transparent 42%),\n      #0b0b0b;\n  }\n\n  .cm-cal-cta__inner {\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .cm-cal-cta h2 {\n    margin: 0 0 18px;\n    font: 800 clamp(2rem, 4.5vw, 3.6rem) \/ 1.1 'Syne', sans-serif;\n    letter-spacing: -.045em;\n  }\n\n  .cm-cal-cta h2 span { color: #2cd5c4; }\n\n  .cm-cal-cta p {\n    max-width: 570px;\n    margin: 0 auto 32px;\n    color: #c9c9c9;\n    font: 400 1.05rem \/ 1.7 'DM Sans', sans-serif;\n  }\n\n  .cm-cal-cta a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 17px 30px;\n    border-radius: 999px;\n    background: #2cd5c4;\n    color: #04110f;\n    text-decoration: none;\n    font: 700 14px 'DM Sans', sans-serif;\n    transition: transform .25s ease;\n  }\n\n  .cm-cal-cta a:hover { transform: translateY(-3px); }\n\n  @media (max-width: 560px) {\n    .cm-cal-cta { padding: 76px 18px; }\n    .cm-cal-cta a { width: 100%; }\n  }\n<\/style>\n\n<section class=\"cm-cal-cta\">\n  <div class=\"cm-cal-cta__inner\">\n    <h2>Encuentra una soluci\u00f3n de <span>calefacci\u00f3n<\/span> para tu espacio<\/h2>\n    <p>\n      Cu\u00e9ntanos las condiciones de tu proyecto y recibe una recomendaci\u00f3n t\u00e9cnica\n      para avanzar con mayor claridad.\n    <\/p>\n    <a href=\"\/contacto-1\/?solucion=hvac#formulario\">Solicitar recomendaci\u00f3n HVAC<\/a>\n  <\/div>\n<\/section>\n\n<!-- ==== MEJORAS VISUALES: fondo + animaciones (a\u00f1adido) ==== -->\n<style>\n\/* Aparici\u00f3n al hacer scroll *\/\n.cm-cal-cta .cm-rv {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1),\n              border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n.cm-cal-cta .cm-rv.cm-rv-in { opacity: 1; transform: translateY(0); }\n\n\/* Realce al pasar el rat\u00f3n sobre tarjetas y bloques *\/\n.cm-cal-cta article:hover,\n.cm-cal-cta [class*=\"__item\"]:hover,\n.cm-cal-cta [class*=\"__card\"]:hover,\n.cm-cal-cta [class*=\"__step\"]:hover {\n  border-color: #2cd5c466;\n  box-shadow: 0 16px 42px rgba(0,0,0,.5);\n  transform: translateY(-4px);\n}\n\n\/* Botones *\/\n.cm-cal-cta a[class*=\"button\"],\n.cm-cal-cta a[class*=\"btn\"] {\n  position: relative;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\n}\n.cm-cal-cta a[class*=\"button\"]:hover,\n.cm-cal-cta a[class*=\"btn\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px #2cd5c455;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-cal-cta .cm-rv { opacity: 1; transform: none; transition: none; }\n  .cm-cal-cta img { animation: none; }\n  .cm-cal-cta { background-attachment: scroll; }\n}\n<\/style>\n<script>\n(function () {\n  var s = document.querySelector('.cm-cal-cta');\n  if (!s) return;\n  var els = s.querySelectorAll('article, [class*=\"__item\"], [class*=\"__card\"], [class*=\"__step\"], [class*=\"__figure\"]');\n  if (!els.length) return;\n  for (var i = 0; i < els.length; i++) els[i].classList.add('cm-rv');\n  if (!('IntersectionObserver' in window)) {\n    for (var j = 0; j < els.length; j++) els[j].classList.add('cm-rv-in');\n    return;\n  }\n  var io = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      var el = e.target;\n      var idx = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('cm-rv-in'); }, (idx % 4) * 90);\n      io.unobserve(el);\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -40px 0px' });\n  for (var k = 0; k < els.length; k++) io.observe(els[k]);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ecd458 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"5ecd458\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5ecd458\" data-e-type=\"e-flexbox\" data-id=\"5ecd458\">\n    \t\t<div class=\"elementor-element elementor-element-eba9b2e elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"eba9b2e\" 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>Equipos HVAC \u00b7 Calefacci\u00f3n Confort t\u00e9rmico cuando m\u00e1s lo necesitas Encuentra una soluci\u00f3n de calefacci\u00f3n adecuada para tu espacio, considerando el uso, la distribuci\u00f3n y las necesidades reales de tu proyecto. Solicitar recomendaci\u00f3n Ver soluciones Soluciones disponibles Calefacci\u00f3n pensada para el uso de cada ambiente La elecci\u00f3n depende de c\u00f3mo se utiliza el espacio, su [&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-90","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/90","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=90"}],"version-history":[{"count":28,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":2738,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/90\/revisions\/2738"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}