{"id":26,"date":"2026-04-04T13:46:20","date_gmt":"2026-04-04T18:46:20","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=26"},"modified":"2026-09-02T09:46:35","modified_gmt":"2026-09-02T14:46:35","slug":"blog-empresarial","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/blog-empresarial\/","title":{"rendered":"Blog Empresarial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2407d8b e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"2407d8b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2407d8b\" data-e-type=\"e-flexbox\" data-id=\"2407d8b\">\n    \t\t<div class=\"elementor-element elementor-element-0be0b07 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"0be0b07\" 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 mh-nav__link--active\">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\/26\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/26\" 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-83828e7 e-flex e-con-boxed e-con e-parent\" data-id=\"83828e7\" 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-4f445cd elementor-widget elementor-widget-html\" data-id=\"4f445cd\" 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     Fondo animado global. Debe ser el PRIMER caj\u00f3n en la p\u00e1gina.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  @import url('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');\r\n\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --cm-primary: #2cd5c4;\r\n    --cm-primary-dark: #1fb8a9;\r\n    --cm-primary-glow: rgba(44, 213, 196, 0.3);\r\n    --cm-primary-subtle: rgba(44, 213, 196, 0.08);\r\n    --cm-black: #000000;\r\n    --cm-dark: #0a0a0a;\r\n    --cm-dark-card: #111111;\r\n    --cm-dark-card-hover: #181818;\r\n    --cm-dark-border: rgba(255,255,255,0.06);\r\n    --cm-white: #ffffff;\r\n    --cm-gray: #a0a0a0;\r\n    --cm-gray-light: #cccccc;\r\n    --cm-radius: 16px;\r\n    --cm-radius-sm: 10px;\r\n    --cm-max-width: 1200px;\r\n    --cm-section-padding: 100px 24px;\r\n    --cm-section-padding-mobile: 60px 16px;\r\n  }\r\n\r\n  body {\r\n    background-color: var(--cm-dark);\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: var(--cm-white);\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  #particles-js {\r\n    position: fixed;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"particles-js\"><\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n<script>\r\n  particlesJS('particles-js', {\r\n    particles: {\r\n      number: { value: 60, density: { enable: true, value_area: 900 } },\r\n      color: { value: '#2cd5c4' },\r\n      shape: { type: 'circle' },\r\n      opacity: { value: 0.18, random: true, anim: { enable: true, speed: 0.5, opacity_min: 0.05 } },\r\n      size: { value: 2, random: true },\r\n      line_linked: { enable: true, distance: 160, color: '#2cd5c4', opacity: 0.07, width: 1 },\r\n      move: { enable: true, speed: 0.6, direction: 'none', random: true, straight: false, out_mode: 'out' }\r\n    },\r\n    interactivity: {\r\n      detect_on: 'canvas',\r\n      events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: false }, resize: true },\r\n      modes: { grab: { distance: 140, line_linked: { opacity: 0.2 } } }\r\n    },\r\n    retina_detect: true\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-086c788 elementor-widget elementor-widget-html\" data-id=\"086c788\" 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 DEL CENTRO DE RECURSOS\n     Foto de fondo desvanecida, titular, buscador que filtra\n     la rejilla del caj\u00f3n 04,\n     contadores animados y orbes de fondo en movimiento.\n     ============================================================ -->\n\n<style>\n.cm-blog-hero,\n.cm-blog-hero * {\n  box-sizing: border-box;\n}\n\n.cm-blog-hero {\n  --cm-primary: #2cd5c4;\n  --cm-primary-dark: #1fb8a9;\n  --cm-dark: #0a0a0a;\n  --cm-gray: #a0a0a0;\n  --cm-gray-light: #cccccc;\n  --cm-max-width: 1200px;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  padding: 150px 24px 90px;\n  text-align: center;\n  z-index: 1;\n}\n\n\/* --- Foto de fondo, se desvanece hacia abajo --- *\/\n.cm-blog-hero__bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: .30;\n  filter: saturate(.75);\n  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.45) 74%, transparent 93%);\n          mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.45) 74%, transparent 93%);\n  pointer-events: none;\n}\n\n.cm-blog-hero__veil {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(180deg, rgba(10,10,10,.72) 0%, rgba(10,10,10,.55) 45%, rgba(10,10,10,.92) 100%),\n    radial-gradient(ellipse 70% 60% at 50% 42%, rgba(44,213,196,.10), transparent 70%);\n}\n\n\/* --- Orbes de fondo en movimiento --- *\/\n.cm-blog-hero__orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(90px);\n  opacity: 0.5;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.cm-blog-hero__orb--a {\n  width: 520px;\n  height: 520px;\n  top: -220px;\n  left: -140px;\n  background: radial-gradient(circle, rgba(44,213,196,0.30) 0%, transparent 70%);\n  animation: cmBlogOrbA 18s ease-in-out infinite;\n}\n\n.cm-blog-hero__orb--b {\n  width: 440px;\n  height: 440px;\n  bottom: -200px;\n  right: -120px;\n  background: radial-gradient(circle, rgba(44,213,196,0.18) 0%, transparent 70%);\n  animation: cmBlogOrbB 22s ease-in-out infinite;\n}\n\n@keyframes cmBlogOrbA {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  50%      { transform: translate(70px, 50px) scale(1.15); }\n}\n\n@keyframes cmBlogOrbB {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  50%      { transform: translate(-60px, -40px) scale(1.1); }\n}\n\n\/* --- Rejilla sutil de fondo --- *\/\n.cm-blog-hero__grid {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 64px 64px;\n  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 0%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.cm-blog-hero__inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  min-width: 0;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n\/* --- Etiqueta superior --- *\/\n.cm-blog-hero__label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--cm-primary);\n  margin-bottom: 26px;\n  padding: 8px 18px;\n  border: 1px solid rgba(44,213,196,0.25);\n  border-radius: 100px;\n  background: rgba(44,213,196,0.06);\n}\n\n.cm-blog-hero__label span {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--cm-primary);\n  animation: cmBlogPulse 2s ease-in-out infinite;\n}\n\n@keyframes cmBlogPulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.4; transform: scale(0.75); }\n}\n\n\/* --- Titular --- *\/\n.cm-blog-hero__headline {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(38px, 6vw, 68px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -0.025em;\n  color: #ffffff;\n  margin: 0 0 22px;\n}\n\n.cm-blog-hero__headline .cm-accent {\n  color: var(--cm-primary);\n  position: relative;\n  display: inline-block;\n}\n\n\n.cm-blog-hero__sub {\n  font-family: 'DM Sans', sans-serif;\n  font-size: clamp(16px, 2vw, 19px);\n  line-height: 1.65;\n  color: var(--cm-gray-light);\n  margin: 0 auto 40px;\n  max-width: 640px;\n}\n\n\/* --- Buscador --- *\/\n.cm-blog-hero__search {\n  position: relative;\n  max-width: 520px;\n  margin: 0 auto 44px;\n}\n\n.cm-blog-hero__search input {\n  width: 100%;\n  max-width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  color: #ffffff;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 100px;\n  padding: 17px 58px 17px 26px;\n  outline: none;\n  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n}\n\n.cm-blog-hero__search input::placeholder {\n  color: rgba(255,255,255,0.35);\n}\n\n.cm-blog-hero__search input:focus {\n  border-color: var(--cm-primary);\n  background: rgba(255,255,255,0.06);\n  box-shadow: 0 0 0 4px rgba(44,213,196,0.12);\n}\n\n.cm-blog-hero__search button {\n  position: absolute;\n  top: 50%;\n  right: 7px;\n  transform: translateY(-50%);\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background: var(--cm-primary);\n  color: #000000;\n  cursor: pointer;\n  transition: background 0.25s ease, transform 0.25s ease;\n}\n\n.cm-blog-hero__search button:hover {\n  background: var(--cm-primary-dark);\n  transform: translateY(-50%) scale(1.06);\n}\n\n\/* --- Contadores --- *\/\n.cm-blog-hero__stats {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.cm-blog-hero__stat {\n  min-width: 132px;\n  padding: 18px 22px;\n  border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 14px;\n  background: rgba(255,255,255,0.02);\n  transition: border-color 0.3s ease, transform 0.3s ease;\n}\n\n.cm-blog-hero__stat:hover {\n  border-color: rgba(44,213,196,0.35);\n  transform: translateY(-4px);\n}\n\n.cm-blog-hero__stat b {\n  display: block;\n  font-family: 'Syne', sans-serif;\n  font-size: 28px;\n  font-weight: 800;\n  color: var(--cm-primary);\n  line-height: 1;\n  margin-bottom: 6px;\n}\n\n.cm-blog-hero__stat span {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  color: var(--cm-gray);\n}\n\n\/* --- Entrada animada --- *\/\n.cm-blog-hero__anim {\n  opacity: 0;\n  transform: translateY(24px);\n  animation: cmBlogFadeUp 0.9s cubic-bezier(.16,1,.3,1) forwards;\n}\n\n.cm-blog-hero__anim:nth-child(1) { animation-delay: 0.05s; }\n.cm-blog-hero__anim:nth-child(2) { animation-delay: 0.15s; }\n.cm-blog-hero__anim:nth-child(3) { animation-delay: 0.25s; }\n.cm-blog-hero__anim:nth-child(4) { animation-delay: 0.35s; }\n.cm-blog-hero__anim:nth-child(5) { animation-delay: 0.45s; }\n\n@keyframes cmBlogFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 768px) {\n  .cm-blog-hero {\n    padding: 120px 20px 70px;\n  }\n  .cm-blog-hero__headline {\n    font-size: clamp(1.9rem, 8vw, 2.5rem);\n    letter-spacing: -0.03em;\n    text-wrap: balance;\n  }\n  .cm-blog-hero__stats {\n    gap: 10px;\n  }\n  .cm-blog-hero__stat {\n    flex: 1 1 calc(50% - 10px);\n    min-width: 0;\n    padding: 15px 12px;\n  }\n  .cm-blog-hero__stat b { font-size: 23px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-blog-hero__orb,\n  .cm-blog-hero__label span,\n  .cm-blog-hero__anim {\n    animation: none;\n  }\n  .cm-blog-hero__anim { opacity: 1; transform: none; }\n}\n<\/style>\n\n<section class=\"cm-blog-hero\">\n\n  <img decoding=\"async\" class=\"cm-blog-hero__bg\"\n       src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/ingenieria.png\"\n       alt=\"\"\n       aria-hidden=\"true\"\n       loading=\"eager\">\n  <div class=\"cm-blog-hero__veil\"><\/div>\n\n  <div class=\"cm-blog-hero__orb cm-blog-hero__orb--a\"><\/div>\n  <div class=\"cm-blog-hero__orb cm-blog-hero__orb--b\"><\/div>\n  <div class=\"cm-blog-hero__grid\"><\/div>\n\n  <div class=\"cm-blog-hero__inner\">\n\n    <div class=\"cm-blog-hero__label cm-blog-hero__anim\">\n      <span><\/span>\n      Centro de recursos\n    <\/div>\n\n    <h1 class=\"cm-blog-hero__headline cm-blog-hero__anim\">\n      Criterio t\u00e9cnico para<br>\n      decidir <span class=\"cm-accent\">sin pagar de m\u00e1s<\/span>\n    <\/h1>\n\n    <p class=\"cm-blog-hero__sub cm-blog-hero__anim\">\n      Nuestras \u00e1reas ordenadas en un solo sitio: equipos HVAC, productos y\n      servicios de tecnolog\u00eda. Encuentra la secci\u00f3n que resuelve tu caso.\n    <\/p>\n\n    <div class=\"cm-blog-hero__search cm-blog-hero__anim\">\n      <input\n        type=\"search\"\n        id=\"cm-blog-search-input\"\n        placeholder=\"Busca: IA, ciberseguridad, equipos HVAC\u2026\"\n        aria-label=\"Buscar art\u00edculos del blog\"\n      >\n      <button type=\"button\" id=\"cm-blog-search-btn\" aria-label=\"Buscar\">\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"cm-blog-hero__stats cm-blog-hero__anim\">\n      <div class=\"cm-blog-hero__stat\">\n        <b data-cm-count=\"5\">0<\/b>\n        <span>Secciones<\/span>\n      <\/div>\n      <div class=\"cm-blog-hero__stat\">\n        <b data-cm-count=\"3\">0<\/b>\n        <span>Categor\u00edas<\/span>\n      <\/div>\n      <div class=\"cm-blog-hero__stat\">\n        <b data-cm-count=\"2\">0<\/b>\n        <span>\u00c1reas<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \/* --- Contadores animados al entrar en pantalla --- *\/\n  var nums = document.querySelectorAll('.cm-blog-hero [data-cm-count]');\n  if (nums.length && 'IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (en) {\n        if (!en.isIntersecting) return;\n        var el = en.target;\n        var target = parseInt(el.getAttribute('data-cm-count'), 10) || 0;\n        var start = null;\n        function step(ts) {\n          if (!start) start = ts;\n          var p = Math.min((ts - start) \/ 1100, 1);\n          el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\n          if (p < 1) requestAnimationFrame(step);\n        }\n        requestAnimationFrame(step);\n        io.unobserve(el);\n      });\n    }, { threshold: 0.5 });\n    nums.forEach(function (n) { io.observe(n); });\n  }\n\n  \/* --- Buscador: avisa a la rejilla del caj\u00f3n 04 --- *\/\n  var input = document.getElementById('cm-blog-search-input');\n  var btn = document.getElementById('cm-blog-search-btn');\n\n  function launch() {\n    if (!input) return;\n    var q = input.value.trim();\n    window.dispatchEvent(new CustomEvent('cm-blog-search', { detail: q }));\n    var grid = document.getElementById('cm-blog-grid');\n    if (grid) grid.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  }\n\n  if (btn) btn.addEventListener('click', launch);\n  if (input) {\n    input.addEventListener('keydown', function (e) {\n      if (e.key === 'Enter') { e.preventDefault(); launch(); }\n    });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6681cfd elementor-widget elementor-widget-html\" data-id=\"6681cfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 02 \u2014 MARQUESINA DE TEMAS\n     Dos filas en bucle infinito y direcciones opuestas.\n     Se pausan al pasar el rat\u00f3n.\n     ============================================================ -->\n\n<style>\n.cm-blog-marquee,\n.cm-blog-marquee * {\n  box-sizing: border-box;\n}\n\n.cm-blog-marquee {\n  --cm-primary: #2cd5c4;\n  --cm-gray: #a0a0a0;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  padding: 30px 0 50px;\n  z-index: 1;\n}\n\n.cm-blog-marquee__row {\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);\n}\n\n.cm-blog-marquee__row + .cm-blog-marquee__row {\n  margin-top: 14px;\n}\n\n.cm-blog-marquee__track {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-shrink: 0;\n  padding-right: 14px;\n  will-change: transform;\n}\n\n\/* La pista se duplica en el HTML: recorrer el 50% da un bucle sin costura *\/\n.cm-blog-marquee__row--ltr .cm-blog-marquee__track {\n  animation: cmMarqueeLeft 38s linear infinite;\n}\n\n.cm-blog-marquee__row--rtl .cm-blog-marquee__track {\n  animation: cmMarqueeRight 44s linear infinite;\n}\n\n@keyframes cmMarqueeLeft {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n@keyframes cmMarqueeRight {\n  from { transform: translateX(-50%); }\n  to   { transform: translateX(0); }\n}\n\n.cm-blog-marquee__row:hover .cm-blog-marquee__track {\n  animation-play-state: paused;\n}\n\n\/* --- P\u00edldoras --- *\/\n.cm-blog-marquee__pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  flex-shrink: 0;\n  white-space: nowrap;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(255,255,255,0.72);\n  padding: 11px 22px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 100px;\n  background: rgba(255,255,255,0.02);\n  transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n  cursor: default;\n}\n\n.cm-blog-marquee__pill:hover {\n  color: #ffffff;\n  border-color: rgba(44,213,196,0.45);\n  background: rgba(44,213,196,0.07);\n}\n\n.cm-blog-marquee__pill i {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--cm-primary);\n  opacity: 0.65;\n  flex-shrink: 0;\n}\n\n.cm-blog-marquee__pill--strong {\n  color: var(--cm-primary);\n  border-color: rgba(44,213,196,0.3);\n  background: rgba(44,213,196,0.06);\n  font-weight: 600;\n}\n\n@media (max-width: 768px) {\n  .cm-blog-marquee {\n    padding: 20px 0 36px;\n  }\n  .cm-blog-marquee__pill {\n    font-size: 13px;\n    padding: 9px 17px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-blog-marquee__track { animation: none; }\n  .cm-blog-marquee__row { overflow-x: auto; }\n}\n<\/style>\n\n<section class=\"cm-blog-marquee\">\n\n  <!-- Fila 1: izquierda -->\n  <div class=\"cm-blog-marquee__row cm-blog-marquee__row--ltr\">\n    <div class=\"cm-blog-marquee__track\">\n      <!-- bloque original -->\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Gu\u00edas de compra<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>C\u00e1lculo de BTU<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Sistemas VRF<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Ahorro energ\u00e9tico<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Mantenimiento preventivo<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Ventilaci\u00f3n mec\u00e1nica<\/span>\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Normativa<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Cortinas de aire<\/span>\n      <!-- copia exacta para el bucle -->\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Gu\u00edas de compra<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>C\u00e1lculo de BTU<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Sistemas VRF<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Ahorro energ\u00e9tico<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Mantenimiento preventivo<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Ventilaci\u00f3n mec\u00e1nica<\/span>\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Normativa<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Cortinas de aire<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Fila 2: derecha -->\n  <div class=\"cm-blog-marquee__row cm-blog-marquee__row--rtl\">\n    <div class=\"cm-blog-marquee__track\">\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Inteligencia artificial<\/span>\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Ciberseguridad<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Automatizaci\u00f3n de procesos<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Phishing<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Transformaci\u00f3n digital<\/span>\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Casos reales<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Copias de seguridad<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Tableros de datos<\/span>\n      <!-- copia exacta para el bucle -->\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Inteligencia artificial<\/span>\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Ciberseguridad<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Automatizaci\u00f3n de procesos<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Phishing<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Transformaci\u00f3n digital<\/span>\n      <span class=\"cm-blog-marquee__pill cm-blog-marquee__pill--strong\"><i><\/i>Casos reales<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Copias de seguridad<\/span>\n      <span class=\"cm-blog-marquee__pill\"><i><\/i>Tableros de datos<\/span>\n    <\/div>\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a2dc26 elementor-widget elementor-widget-html\" data-id=\"1a2dc26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 03 \u2014 RECURSO DESTACADO\n     Entrada principal a Productos Tecnol\u00f3gicos. Enlace real\n     a \/productos-tecnologicos\/. Zoom en la imagen y entrada al scroll.\n     ============================================================ -->\n\n<style>\n.cm-blog-featured,\n.cm-blog-featured * {\n  box-sizing: border-box;\n}\n\n.cm-blog-featured {\n  --cm-primary: #2cd5c4;\n  --cm-primary-dark: #1fb8a9;\n  --cm-dark-card: #111111;\n  --cm-gray: #a0a0a0;\n  --cm-gray-light: #cccccc;\n  --cm-max-width: 1200px;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  padding: 40px 24px 80px;\n  z-index: 1;\n}\n\n.cm-blog-featured__inner {\n  width: 100%;\n  min-width: 0;\n  max-width: var(--cm-max-width);\n  margin: 0 auto;\n}\n\n\/* --- Encabezado de secci\u00f3n --- *\/\n.cm-blog-featured__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 26px;\n}\n\n.cm-blog-featured__eyebrow span {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--cm-primary);\n  white-space: nowrap;\n}\n\n.cm-blog-featured__eyebrow::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: linear-gradient(90deg, rgba(44,213,196,0.4), transparent);\n}\n\n\/* --- Tarjeta --- *\/\n.cm-blog-featured__card {\n  display: grid;\n  grid-template-columns: 1.05fr 1fr;\n  gap: 0;\n  border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 20px;\n  overflow: hidden;\n  background: var(--cm-dark-card);\n  text-decoration: none;\n  transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;\n}\n\n.cm-blog-featured__card:hover {\n  border-color: rgba(44,213,196,0.35);\n  box-shadow: 0 24px 70px rgba(0,0,0,0.55), 0 0 50px rgba(44,213,196,0.07);\n  transform: translateY(-4px);\n}\n\n\/* --- Media --- *\/\n.cm-blog-featured__media {\n  position: relative;\n  min-height: 380px;\n  overflow: hidden;\n}\n\n.cm-blog-featured__media img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: brightness(0.62) saturate(0.9);\n  transition: transform 0.9s cubic-bezier(.16,1,.3,1), filter 0.5s ease;\n}\n\n.cm-blog-featured__card:hover .cm-blog-featured__media img {\n  transform: scale(1.07);\n  filter: brightness(0.72) saturate(1);\n}\n\n.cm-blog-featured__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(100deg, transparent 45%, var(--cm-dark-card) 99%);\n}\n\n.cm-blog-featured__tag {\n  position: absolute;\n  top: 22px;\n  left: 22px;\n  z-index: 2;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #000000;\n  background: var(--cm-primary);\n  padding: 8px 16px;\n  border-radius: 100px;\n}\n\n\/* --- Cuerpo --- *\/\n.cm-blog-featured__body {\n  padding: 46px 44px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.cm-blog-featured__meta {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 12.5px;\n  color: var(--cm-gray);\n  margin-bottom: 18px;\n}\n\n.cm-blog-featured__meta i {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.25);\n}\n\n.cm-blog-featured__title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(24px, 2.9vw, 35px);\n  font-weight: 800;\n  line-height: 1.18;\n  letter-spacing: -0.02em;\n  color: #ffffff;\n  margin: 0 0 18px;\n}\n\n.cm-blog-featured__excerpt {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15.5px;\n  line-height: 1.7;\n  color: var(--cm-gray-light);\n  margin: 0 0 28px;\n}\n\n\/* --- Qu\u00e9 encuentras --- *\/\n.cm-blog-featured__points {\n  list-style: none;\n  margin: 0 0 32px;\n  padding: 0;\n  display: grid;\n  gap: 11px;\n}\n\n.cm-blog-featured__points li {\n  display: flex;\n  align-items: flex-start;\n  gap: 11px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: rgba(255,255,255,0.75);\n}\n\n.cm-blog-featured__points svg {\n  flex-shrink: 0;\n  margin-top: 2px;\n  color: var(--cm-primary);\n}\n\n\/* --- CTA --- *\/\n.cm-blog-featured__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  align-self: flex-start;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  color: #000000;\n  background: var(--cm-primary);\n  padding: 15px 30px;\n  border-radius: 100px;\n  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.cm-blog-featured__card:hover .cm-blog-featured__cta {\n  background: var(--cm-primary-dark);\n  box-shadow: 0 0 35px rgba(44,213,196,0.35);\n}\n\n.cm-blog-featured__cta svg {\n  transition: transform 0.25s ease;\n}\n\n.cm-blog-featured__card:hover .cm-blog-featured__cta svg {\n  transform: translateX(4px);\n}\n\n\/* --- Entrada al hacer scroll --- *\/\n.cm-blog-featured__reveal {\n  opacity: 0;\n  transform: translateY(34px);\n  transition: opacity 0.85s cubic-bezier(.16,1,.3,1), transform 0.85s cubic-bezier(.16,1,.3,1);\n}\n\n.cm-blog-featured__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 900px) {\n  .cm-blog-featured__card {\n    grid-template-columns: 1fr;\n  }\n  .cm-blog-featured__media {\n    min-height: 240px;\n  }\n  .cm-blog-featured__media::after {\n    background: linear-gradient(180deg, transparent 40%, var(--cm-dark-card) 99%);\n  }\n  .cm-blog-featured__body {\n    padding: 32px 24px 38px;\n  }\n}\n\n@media (max-width: 768px) {\n  .cm-blog-featured {\n    padding: 20px 20px 60px;\n  }\n  .cm-blog-featured__title {\n    font-size: clamp(1.35rem, 5.5vw, 1.7rem);\n    text-wrap: balance;\n  }\n  .cm-blog-featured__cta {\n    align-self: stretch;\n    justify-content: center;\n    text-align: center;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-blog-featured__reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"cm-blog-featured\">\n  <div class=\"cm-blog-featured__inner\">\n\n    <div class=\"cm-blog-featured__eyebrow cm-blog-featured__reveal\">\n      <span>Empieza por aqu\u00ed<\/span>\n    <\/div>\n\n    <a class=\"cm-blog-featured__card cm-blog-featured__reveal\" href=\"\/productos-tecnologicos\/\">\n\n      <div class=\"cm-blog-featured__media\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/asistente-personal.png\"\n          alt=\"Representaci\u00f3n tridimensional de las siglas IA\"\n          loading=\"lazy\"\n        >\n        <span class=\"cm-blog-featured__tag\">Lo m\u00e1s pedido<\/span>\n      <\/div>\n\n      <div class=\"cm-blog-featured__body\">\n\n        <div class=\"cm-blog-featured__meta\">\n          <span>Productos Tecnol\u00f3gicos<\/span>\n          <i><\/i>\n          <span>6 productos<\/span>\n        <\/div>\n\n        <h2 class=\"cm-blog-featured__title\">\n          Inteligencia artificial lista para usar en tu negocio\n        <\/h2>\n\n        <p class=\"cm-blog-featured__excerpt\">\n          Productos que se instalan, se configuran y empiezan a trabajar. Pensados para\n          quien est\u00e1 empezando a digitalizarse: sin equipo de tecnolog\u00eda propio y sin\n          una gran inversi\u00f3n inicial.\n        <\/p>\n\n        <ul class=\"cm-blog-featured__points\">\n          <li>\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            Agentes de voz para tu web y para WhatsApp\n          <\/li>\n          <li>\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            Agente contable conectado a SUNAT y recepcionista telef\u00f3nico\n          <\/li>\n          <li>\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            P\u00e1ginas web 3D y asistente personal\n          <\/li>\n        <\/ul>\n\n        <span class=\"cm-blog-featured__cta\">\n          Ver los productos\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\n          <\/svg>\n        <\/span>\n\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.cm-blog-featured__reveal');\n  if (!els.length) return;\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function (el) { el.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (en, i) {\n      if (!en.isIntersecting) return;\n      var el = en.target;\n      setTimeout(function () { el.classList.add('is-visible'); }, i * 110);\n      io.unobserve(el);\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n  els.forEach(function (el) { io.observe(el); });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b39c5e elementor-widget elementor-widget-html\" data-id=\"8b39c5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 04 \u2014 FILTROS + REJILLA DE SECCIONES\n     Enlaces reales a las p\u00e1ginas del sitio. Chips de categor\u00eda,\n     b\u00fasqueda conectada al hero y entrada escalonada al scroll.\n     Para a\u00f1adir una secci\u00f3n: copia un <a class=\"cm-blog-card\">.\n     ============================================================ -->\n\n<style>\n.cm-blog-grid,\n.cm-blog-grid * {\n  box-sizing: border-box;\n}\n\n.cm-blog-grid {\n  --cm-primary: #2cd5c4;\n  --cm-primary-dark: #1fb8a9;\n  --cm-dark-card: #111111;\n  --cm-gray: #a0a0a0;\n  --cm-gray-light: #cccccc;\n  --cm-max-width: 1200px;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  padding: 40px 24px 90px;\n  scroll-margin-top: 90px;\n  z-index: 1;\n}\n\n.cm-blog-grid__inner {\n  width: 100%;\n  min-width: 0;\n  max-width: var(--cm-max-width);\n  margin: 0 auto;\n}\n\n\/* --- Cabecera --- *\/\n.cm-blog-grid__head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n  margin-bottom: 30px;\n}\n\n.cm-blog-grid__title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(24px, 3vw, 34px);\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: #ffffff;\n  margin: 0;\n}\n\n.cm-blog-grid__count {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13.5px;\n  color: var(--cm-gray);\n}\n\n.cm-blog-grid__count b {\n  color: var(--cm-primary);\n  font-weight: 700;\n}\n\n\/* --- Chips de filtro --- *\/\n.cm-blog-grid__filters {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding-bottom: 26px;\n  margin-bottom: 34px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.cm-blog-grid__chip {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13.5px;\n  font-weight: 500;\n  color: rgba(255,255,255,0.62);\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 100px;\n  padding: 10px 20px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all 0.25s ease;\n}\n\n.cm-blog-grid__chip:hover {\n  color: #ffffff;\n  border-color: rgba(44,213,196,0.4);\n}\n\n.cm-blog-grid__chip.is-active {\n  color: #000000;\n  background: var(--cm-primary);\n  border-color: var(--cm-primary);\n  font-weight: 700;\n}\n\n\/* --- Rejilla --- *\/\n\/* Flex en vez de grid: con 5 tarjetas, la \u00faltima fila queda centrada\n   en lugar de pegada a la izquierda. *\/\n.cm-blog-grid__list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 24px;\n}\n\n\/* --- Tarjeta --- *\/\n.cm-blog-card {\n  display: flex;\n  flex-direction: column;\n  flex: 0 1 calc((100% - 48px) \/ 3);\n  max-width: calc((100% - 48px) \/ 3);\n  min-width: 0;\n  border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 16px;\n  overflow: hidden;\n  background: var(--cm-dark-card);\n  text-decoration: none;\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity 0.7s cubic-bezier(.16,1,.3,1),\n              transform 0.7s cubic-bezier(.16,1,.3,1),\n              border-color 0.3s ease,\n              box-shadow 0.3s ease;\n}\n\n.cm-blog-card.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.cm-blog-card:hover {\n  border-color: rgba(44,213,196,0.35);\n  box-shadow: 0 18px 50px rgba(0,0,0,0.5);\n}\n\n.cm-blog-card.is-hidden {\n  display: none;\n}\n\n.cm-blog-card__media {\n  position: relative;\n  height: 190px;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n\/* Degradado por categoria: se ve mientras carga la foto *\/\n.cm-blog-card__media {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #141414;\n}\n\n.cm-blog-card__media::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\n  background-size: 26px 26px;\n  opacity: 0.7;\n}\n\n.cm-blog-card__media img {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: brightness(0.62) saturate(0.9);\n  transition: transform 0.7s cubic-bezier(.16,1,.3,1), filter 0.4s ease;\n}\n\n.cm-blog-card:hover .cm-blog-card__media img {\n  transform: scale(1.08);\n  filter: brightness(0.78) saturate(1);\n}\n\n.cm-blog-card__media--climatizacion { background: linear-gradient(135deg, #0d3d3a 0%, #123f52 100%); }\n.cm-blog-card__media--equipos      { background: linear-gradient(135deg, #2a2a3d 0%, #1b2440 100%); }\n.cm-blog-card__media--servicios    { background: linear-gradient(135deg, #3d2f0d 0%, #4a3312 100%); }\n.cm-blog-card__media--tecnologia   { background: linear-gradient(135deg, #2c1240 0%, #3a1a4d 100%); }\n.cm-blog-card__media--empresa      { background: linear-gradient(135deg, #0d2f3d 0%, #123a4a 100%); }\n\n.cm-blog-card__cat {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #ffffff;\n  background: rgba(10,10,10,0.78);\n  border: 1px solid rgba(255,255,255,0.12);\n  backdrop-filter: blur(8px);\n  padding: 6px 13px;\n  border-radius: 100px;\n}\n\n.cm-blog-card__body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 22px 22px 24px;\n}\n\n.cm-blog-card__meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11.5px;\n  color: var(--cm-gray);\n  margin-bottom: 12px;\n}\n\n.cm-blog-card__meta i {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.25);\n}\n\n.cm-blog-card__title {\n  font-family: 'Syne', sans-serif;\n  font-size: 17.5px;\n  font-weight: 700;\n  line-height: 1.32;\n  color: #ffffff;\n  margin: 0 0 11px;\n  transition: color 0.25s ease;\n}\n\n.cm-blog-card:hover .cm-blog-card__title {\n  color: var(--cm-primary);\n}\n\n.cm-blog-card__excerpt {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13.5px;\n  line-height: 1.62;\n  color: var(--cm-gray-light);\n  margin: 0 0 20px;\n  flex: 1;\n}\n\n.cm-blog-card__more {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--cm-primary);\n  margin-top: auto;\n}\n\n.cm-blog-card__more svg {\n  transition: transform 0.25s ease;\n}\n\n.cm-blog-card:hover .cm-blog-card__more svg {\n  transform: translateX(4px);\n}\n\n\/* --- Sin resultados --- *\/\n.cm-blog-grid__empty {\n  display: none;\n  text-align: center;\n  padding: 60px 20px;\n  font-family: 'DM Sans', sans-serif;\n  color: var(--cm-gray);\n}\n\n.cm-blog-grid__empty.is-shown {\n  display: block;\n}\n\n.cm-blog-grid__empty b {\n  display: block;\n  font-family: 'Syne', sans-serif;\n  font-size: 19px;\n  color: #ffffff;\n  margin-bottom: 8px;\n}\n\n\/* --- Cargar m\u00e1s --- *\/\n.cm-blog-grid__more-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 40px;\n}\n\n.cm-blog-grid__more-btn {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.85);\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.18);\n  border-radius: 100px;\n  padding: 14px 32px;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.cm-blog-grid__more-btn:hover {\n  color: var(--cm-primary);\n  border-color: var(--cm-primary);\n  transform: translateY(-2px);\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 980px) {\n  .cm-blog-card {\n    flex-basis: calc((100% - 24px) \/ 2);\n    max-width: calc((100% - 24px) \/ 2);\n  }\n}\n\n@media (max-width: 640px) {\n  .cm-blog-grid {\n    padding: 20px 20px 70px;\n  }\n  .cm-blog-card {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .cm-blog-grid__filters {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n  .cm-blog-grid__filters::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-blog-card {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"cm-blog-grid\" id=\"cm-blog-grid\">\n  <div class=\"cm-blog-grid__inner\">\n\n    <div class=\"cm-blog-grid__head\">\n      <h2 class=\"cm-blog-grid__title\">Todas las secciones<\/h2>\n      <p class=\"cm-blog-grid__count\"><b id=\"cm-blog-visible\">5<\/b> secciones<\/p>\n    <\/div>\n\n    <div class=\"cm-blog-grid__filters\" id=\"cm-blog-filters\">\n      <button class=\"cm-blog-grid__chip is-active\" data-cat=\"all\">Todas<\/button>\n      <button class=\"cm-blog-grid__chip\" data-cat=\"tecnologia\">Tecnolog\u00eda<\/button>\n      <button class=\"cm-blog-grid__chip\" data-cat=\"equipos\">Equipos<\/button>\n      <button class=\"cm-blog-grid__chip\" data-cat=\"empresa\">Empresa<\/button>\n    <\/div>\n\n    <div class=\"cm-blog-grid__list\" id=\"cm-blog-list\">\n\n      <a class=\"cm-blog-card\" data-cat=\"equipos\" href=\"\/equipos-hvac\/\">\n        <div class=\"cm-blog-card__media cm-blog-card__media--equipos\">\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/york_1-e1786655641911.png\" alt=\"Bater\u00eda de equipos de aire acondicionado\" loading=\"lazy\">\n          <span class=\"cm-blog-card__cat\">Equipos<\/span>\n        <\/div>\n        <div class=\"cm-blog-card__body\">\n          <h3 class=\"cm-blog-card__title\">Equipos HVAC<\/h3>\n          <p class=\"cm-blog-card__excerpt\">El cat\u00e1logo completo: todas las familias de equipo que suministramos e instalamos.<\/p>\n          <span class=\"cm-blog-card__more\">Ver secci\u00f3n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"cm-blog-card\" data-cat=\"tecnologia\" href=\"\/productos-tecnologicos\/\">\n        <div class=\"cm-blog-card__media cm-blog-card__media--tecnologia\">\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Implementacion-tecnologica.png\" alt=\"Representaci\u00f3n tridimensional de las siglas IA\" loading=\"lazy\">\n          <span class=\"cm-blog-card__cat\">Tecnolog\u00eda<\/span>\n        <\/div>\n        <div class=\"cm-blog-card__body\">\n          <h3 class=\"cm-blog-card__title\">Productos Tecnol\u00f3gicos<\/h3>\n          <p class=\"cm-blog-card__excerpt\">Agentes de voz, WhatsApp, contable SUNAT y webs 3D. Productos de IA listos para implementar.<\/p>\n          <span class=\"cm-blog-card__more\">Ver secci\u00f3n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"cm-blog-card\" data-cat=\"tecnologia\" href=\"\/tecnologia\/\">\n        <div class=\"cm-blog-card__media cm-blog-card__media--tecnologia\">\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Consultoria-Cyber.png\" alt=\"Gr\u00e1ficos de anal\u00edtica en la pantalla de un port\u00e1til\" loading=\"lazy\">\n          <span class=\"cm-blog-card__cat\">Tecnolog\u00eda<\/span>\n        <\/div>\n        <div class=\"cm-blog-card__body\">\n          <h3 class=\"cm-blog-card__title\">Tecnolog\u00eda, IA y ciberseguridad<\/h3>\n          <p class=\"cm-blog-card__excerpt\">Automatizamos procesos y redise\u00f1amos tu operaci\u00f3n para que crezca sin sumar personal.<\/p>\n          <span class=\"cm-blog-card__more\">Ver secci\u00f3n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"cm-blog-card\" data-cat=\"tecnologia\" href=\"\/servicios-tecnologicos\/\">\n        <div class=\"cm-blog-card__media cm-blog-card__media--tecnologia\">\n          <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/implementacion-version-1.0.png\" alt=\"T\u00e9cnico instalando equipos de servidor\" loading=\"lazy\">\n          <span class=\"cm-blog-card__cat\">Tecnolog\u00eda<\/span>\n        <\/div>\n        <div class=\"cm-blog-card__body\">\n          <h3 class=\"cm-blog-card__title\">Servicios Tecnol\u00f3gicos<\/h3>\n          <p class=\"cm-blog-card__excerpt\">Diagn\u00f3stico, orquestaci\u00f3n, consultor\u00eda CAIO y ciberseguridad. Estrategia con implementaci\u00f3n real.<\/p>\n          <span class=\"cm-blog-card__more\">Ver secci\u00f3n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"cm-blog-card\" data-cat=\"empresa\" href=\"\/perfil-comercial\/\">\n        <div class=\"cm-blog-card__media cm-blog-card__media--empresa\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541746972996-4e0b0f43e02a?w=700&q=80&auto=format&fit=crop\" alt=\"Reuni\u00f3n de trabajo en una sala de oficina\" loading=\"lazy\">\n          <span class=\"cm-blog-card__cat\">Empresa<\/span>\n        <\/div>\n        <div class=\"cm-blog-card__body\">\n          <h3 class=\"cm-blog-card__title\">Perfil comercial<\/h3>\n          <p class=\"cm-blog-card__excerpt\">Qui\u00e9nes somos, c\u00f3mo trabajamos y con qu\u00e9 respaldo. Para conocernos antes de escribirnos.<\/p>\n          <span class=\"cm-blog-card__more\">Ver secci\u00f3n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"cm-blog-grid__empty\" id=\"cm-blog-empty\">\n      <b>Sin resultados<\/b>\n      No encontramos secciones con ese criterio. Prueba con otra categor\u00eda o cambia la b\u00fasqueda.\n    <\/div>\n\n    <div class=\"cm-blog-grid__more-wrap\">\n      <button class=\"cm-blog-grid__more-btn\" id=\"cm-blog-more\">Ver todas las secciones<\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var list = document.getElementById('cm-blog-list');\n  if (!list) return;\n\n  var cards = Array.prototype.slice.call(list.querySelectorAll('.cm-blog-card'));\n  var chips = Array.prototype.slice.call(document.querySelectorAll('#cm-blog-filters .cm-blog-grid__chip'));\n  var empty = document.getElementById('cm-blog-empty');\n  var counter = document.getElementById('cm-blog-visible');\n  var moreBtn = document.getElementById('cm-blog-more');\n\n  var PAGE = 9;               \/* cu\u00e1ntas tarjetas se ven al inicio *\/\n  var shown = PAGE;\n  var cat = 'all';\n  var query = '';\n\n  function matches(card) {\n    var okCat = (cat === 'all') || (card.getAttribute('data-cat') === cat);\n    if (!okCat) return false;\n    if (!query) return true;\n    return card.textContent.toLowerCase().indexOf(query) !== -1;\n  }\n\n  function render() {\n    var visible = 0;\n    cards.forEach(function (card) {\n      if (!matches(card)) {\n        card.classList.add('is-hidden');\n        return;\n      }\n      visible++;\n      \/* con filtro o b\u00fasqueda activos se muestran todos los que coinciden *\/\n      var limited = (cat === 'all' && !query);\n      if (limited && visible > shown) {\n        card.classList.add('is-hidden');\n      } else {\n        card.classList.remove('is-hidden');\n      }\n    });\n\n    var painted = cards.filter(function (c) { return !c.classList.contains('is-hidden'); });\n    if (counter) counter.textContent = visible;\n    if (empty) empty.classList.toggle('is-shown', visible === 0);\n\n    if (moreBtn) {\n      var hayMas = (cat === 'all' && !query && visible > shown);\n      moreBtn.parentNode.style.display = hayMas ? 'flex' : 'none';\n    }\n\n    reveal(painted);\n  }\n\n  \/* --- Entrada escalonada --- *\/\n  var io = ('IntersectionObserver' in window)\n    ? new IntersectionObserver(function (entries) {\n        entries.forEach(function (en) {\n          if (!en.isIntersecting) return;\n          var el = en.target;\n          var i = parseInt(el.getAttribute('data-delay') || '0', 10);\n          setTimeout(function () { el.classList.add('is-visible'); }, i * 80);\n          io.unobserve(el);\n        });\n      }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' })\n    : null;\n\n  function reveal(painted) {\n    painted.forEach(function (el, i) {\n      if (el.classList.contains('is-visible')) return;\n      el.setAttribute('data-delay', String(i % 9));\n      if (io) { io.observe(el); } else { el.classList.add('is-visible'); }\n    });\n  }\n\n  \/* --- Filtros --- *\/\n  chips.forEach(function (chip) {\n    chip.addEventListener('click', function () {\n      chips.forEach(function (c) { c.classList.remove('is-active'); });\n      chip.classList.add('is-active');\n      cat = chip.getAttribute('data-cat') || 'all';\n      shown = PAGE;\n      render();\n    });\n  });\n\n  \/* --- Cargar m\u00e1s --- *\/\n  if (moreBtn) {\n    moreBtn.addEventListener('click', function () {\n      shown += PAGE;\n      render();\n    });\n  }\n\n  \/* --- B\u00fasqueda enviada desde el hero (caj\u00f3n 01) --- *\/\n  window.addEventListener('cm-blog-search', function (e) {\n    query = String(e.detail || '').toLowerCase().trim();\n    if (query) {\n      chips.forEach(function (c) { c.classList.remove('is-active'); });\n      var todos = chips[0];\n      if (todos) todos.classList.add('is-active');\n      cat = 'all';\n    }\n    shown = PAGE;\n    render();\n  });\n\n  render();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93b7eb9 elementor-widget elementor-widget-html\" data-id=\"93b7eb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 05 \u2014 CARRUSEL \"POR D\u00d3NDE EMPEZAR\"\n     Enlaces reales a las secciones del sitio.\n     Desplazamiento autom\u00e1tico en bucle infinito, se pausa al\n     pasar el rat\u00f3n y permite arrastrar con el dedo o el rat\u00f3n.\n     ============================================================ -->\n\n<style>\n.cm-blog-top,\n.cm-blog-top * {\n  box-sizing: border-box;\n}\n\n.cm-blog-top {\n  --cm-primary: #2cd5c4;\n  --cm-dark-card: #111111;\n  --cm-gray: #a0a0a0;\n  --cm-gray-light: #cccccc;\n  --cm-max-width: 1200px;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  padding: 70px 0 90px;\n  z-index: 1;\n}\n\n.cm-blog-top__head {\n  width: 100%;\n  max-width: var(--cm-max-width);\n  margin: 0 auto 34px;\n  padding: 0 24px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.cm-blog-top__title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(23px, 3vw, 33px);\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: #ffffff;\n  margin: 0;\n}\n\n.cm-blog-top__title span {\n  color: var(--cm-primary);\n}\n\n.cm-blog-top__hint {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 12.5px;\n  color: var(--cm-gray);\n}\n\n.cm-blog-top__hint svg {\n  color: var(--cm-primary);\n}\n\n\/* --- Pista --- *\/\n.cm-blog-top__viewport {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  cursor: grab;\n  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n}\n\n.cm-blog-top__viewport.is-dragging {\n  cursor: grabbing;\n}\n\n.cm-blog-top__track {\n  display: flex;\n  align-items: stretch;\n  gap: 20px;\n  width: max-content;\n  padding: 6px 24px;\n  animation: cmTopScroll 46s linear infinite;\n  will-change: transform;\n}\n\n@keyframes cmTopScroll {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n.cm-blog-top__viewport:hover .cm-blog-top__track,\n.cm-blog-top__viewport.is-dragging .cm-blog-top__track {\n  animation-play-state: paused;\n}\n\n\/* --- Tarjeta --- *\/\n.cm-blog-top__card {\n  text-decoration: none;\n  position: relative;\n  flex: 0 0 320px;\n  width: 320px;\n  min-height: 216px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 24px 22px 22px;\n  border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 16px;\n  background: var(--cm-dark-card);\n  overflow: hidden;\n  transition: border-color 0.3s ease, transform 0.3s ease;\n}\n\n.cm-blog-top__card:hover {\n  border-color: rgba(44,213,196,0.4);\n  transform: translateY(-5px);\n}\n\n\/* Foto de fondo + velo para que el texto se lea *\/\n.cm-blog-top__img {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: brightness(0.44) saturate(0.85);\n  transition: transform 0.8s cubic-bezier(.16,1,.3,1), filter 0.4s ease;\n}\n\n.cm-blog-top__card:hover .cm-blog-top__img {\n  transform: scale(1.08);\n  filter: brightness(0.58) saturate(1);\n}\n\n.cm-blog-top__card::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(180deg, rgba(10,10,10,0.10) 0%, rgba(10,10,10,0.55) 45%, rgba(10,10,10,0.93) 100%);\n  pointer-events: none;\n}\n\n.cm-blog-top__cat {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  align-self: flex-start;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n  color: var(--cm-primary);\n  margin-bottom: auto;\n}\n\n.cm-blog-top__name {\n  position: relative;\n  z-index: 1;\n  font-family: 'Syne', sans-serif;\n  font-size: 16.5px;\n  font-weight: 700;\n  line-height: 1.34;\n  color: #ffffff;\n  margin: 18px 0 10px;\n}\n\n.cm-blog-top__meta {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11.5px;\n  color: var(--cm-gray);\n}\n\n.cm-blog-top__meta i {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.25);\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 768px) {\n  .cm-blog-top {\n    padding: 50px 0 70px;\n  }\n  .cm-blog-top__head {\n    padding: 0 20px;\n  }\n  .cm-blog-top__card {\n  text-decoration: none;\n    flex-basis: 268px;\n    width: 268px;\n    min-height: 200px;\n  }\n  .cm-blog-top__hint {\n    display: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-blog-top__track {\n    animation: none;\n  }\n  .cm-blog-top__viewport {\n    overflow-x: auto;\n  }\n}\n<\/style>\n\n<section class=\"cm-blog-top\">\n\n  <div class=\"cm-blog-top__head\">\n    <h2 class=\"cm-blog-top__title\">Por d\u00f3nde <span>empezar<\/span><\/h2>\n    <span class=\"cm-blog-top__hint\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n      Pasa el rat\u00f3n para pausar \u00b7 arrastra para mover\n    <\/span>\n  <\/div>\n\n  <div class=\"cm-blog-top__viewport\" id=\"cm-blog-top-viewport\">\n    <div class=\"cm-blog-top__track\" id=\"cm-blog-top-track\">\n\n      <!-- bloque original -->\n      <a class=\"cm-blog-top__card\" href=\"\/aire-acondicionado\/\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1776860150250-757406c52438?w=640&q=80&auto=format&fit=crop\" alt=\"Unidades de aire acondicionado en la fachada de un edificio\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Climatizaci\u00f3n<\/span>\n        <h3 class=\"cm-blog-top__name\">Aire acondicionado<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/sistemas-vrf-proyectos-grandes\/\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1774290331891-5d759056c68d?w=640&q=80&auto=format&fit=crop\" alt=\"Fila de unidades exteriores de climatizacion en una azotea\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Climatizaci\u00f3n<\/span>\n        <h3 class=\"cm-blog-top__name\">Sistemas VRF y proyectos grandes<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/mantenimientos\/\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1671040690726-b78261eff126?w=640&q=80&auto=format&fit=crop\" alt=\"Panel de herramientas ordenadas en un taller\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Servicios<\/span>\n        <h3 class=\"cm-blog-top__name\">Mantenimiento profesional<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/instalaciones\/\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1642749776312-aa42ce20c9f5?w=640&q=80&auto=format&fit=crop\" alt=\"Tecnicos trabajando en conductos de climatizacion\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Servicios<\/span>\n        <h3 class=\"cm-blog-top__name\">Suministro e instalaci\u00f3n<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/tecnologia\/\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?w=640&q=80&auto=format&fit=crop\" alt=\"Representacion tridimensional de las siglas IA\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Tecnolog\u00eda<\/span>\n        <h3 class=\"cm-blog-top__name\">Tecnolog\u00eda, IA y ciberseguridad<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/ventilacion-mecanica\/\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1784039534969-26e424548f3e?w=640&q=80&auto=format&fit=crop\" alt=\"Cocina comercial vacia con campana extractora\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Climatizaci\u00f3n<\/span>\n        <h3 class=\"cm-blog-top__name\">Ventilaci\u00f3n mec\u00e1nica<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <!-- copia exacta para el bucle sin costura -->\n      <a class=\"cm-blog-top__card\" href=\"\/aire-acondicionado\/\" aria-hidden=\"true\" tabindex=\"-1\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1776860150250-757406c52438?w=640&q=80&auto=format&fit=crop\" alt=\"Unidades de aire acondicionado en la fachada de un edificio\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Climatizaci\u00f3n<\/span>\n        <h3 class=\"cm-blog-top__name\">Aire acondicionado<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/sistemas-vrf-proyectos-grandes\/\" aria-hidden=\"true\" tabindex=\"-1\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1774290331891-5d759056c68d?w=640&q=80&auto=format&fit=crop\" alt=\"Fila de unidades exteriores de climatizacion en una azotea\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Climatizaci\u00f3n<\/span>\n        <h3 class=\"cm-blog-top__name\">Sistemas VRF y proyectos grandes<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/mantenimientos\/\" aria-hidden=\"true\" tabindex=\"-1\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1671040690726-b78261eff126?w=640&q=80&auto=format&fit=crop\" alt=\"Panel de herramientas ordenadas en un taller\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Servicios<\/span>\n        <h3 class=\"cm-blog-top__name\">Mantenimiento profesional<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/instalaciones\/\" aria-hidden=\"true\" tabindex=\"-1\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1642749776312-aa42ce20c9f5?w=640&q=80&auto=format&fit=crop\" alt=\"Tecnicos trabajando en conductos de climatizacion\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Servicios<\/span>\n        <h3 class=\"cm-blog-top__name\">Suministro e instalaci\u00f3n<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/tecnologia\/\" aria-hidden=\"true\" tabindex=\"-1\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?w=640&q=80&auto=format&fit=crop\" alt=\"Representacion tridimensional de las siglas IA\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Tecnolog\u00eda<\/span>\n        <h3 class=\"cm-blog-top__name\">Tecnolog\u00eda, IA y ciberseguridad<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n      <a class=\"cm-blog-top__card\" href=\"\/ventilacion-mecanica\/\" aria-hidden=\"true\" tabindex=\"-1\">\n        <img decoding=\"async\" class=\"cm-blog-top__img\" src=\"https:\/\/images.unsplash.com\/photo-1784039534969-26e424548f3e?w=640&q=80&auto=format&fit=crop\" alt=\"Cocina comercial vacia con campana extractora\" loading=\"lazy\">\n        <span class=\"cm-blog-top__cat\">Climatizaci\u00f3n<\/span>\n        <h3 class=\"cm-blog-top__name\">Ventilaci\u00f3n mec\u00e1nica<\/h3>\n        <div class=\"cm-blog-top__meta\"><span>Ver secci\u00f3n<\/span><\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  var vp = document.getElementById('cm-blog-top-viewport');\n  var track = document.getElementById('cm-blog-top-track');\n  if (!vp || !track) return;\n\n  \/* Arrastre manual: pausa la animaci\u00f3n, mueve la pista y luego la reanuda *\/\n  var dragging = false, startX = 0, offset = 0, current = 0;\n\n  function pos(e) {\n    return e.touches && e.touches.length ? e.touches[0].clientX : e.clientX;\n  }\n\n  function down(e) {\n    dragging = true;\n    startX = pos(e);\n    vp.classList.add('is-dragging');\n  }\n\n  function move(e) {\n    if (!dragging) return;\n    offset = pos(e) - startX;\n    track.style.transform = 'translateX(' + (current + offset) + 'px)';\n  }\n\n  function up() {\n    if (!dragging) return;\n    dragging = false;\n    current += offset;\n    offset = 0;\n    vp.classList.remove('is-dragging');\n    \/* Al soltar, se devuelve el control a la animaci\u00f3n en bucle *\/\n    setTimeout(function () {\n      if (dragging) return;\n      track.style.transform = '';\n      current = 0;\n    }, 2200);\n  }\n\n  vp.addEventListener('mousedown', down);\n  vp.addEventListener('mousemove', move);\n  window.addEventListener('mouseup', up);\n  vp.addEventListener('mouseleave', up);\n  vp.addEventListener('touchstart', down, { passive: true });\n  vp.addEventListener('touchmove', move, { passive: true });\n  vp.addEventListener('touchend', up);\n\n  \/* Evita que arrastrar seleccione texto *\/\n  vp.addEventListener('dragstart', function (e) { e.preventDefault(); });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d278b elementor-widget elementor-widget-html\" data-id=\"e1d278b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 07 \u2014 CTA FINAL\n     Cierre de p\u00e1gina: pasa del que lee al que consulta.\n     Dos caminos, HVAC y tecnolog\u00eda, con l\u00edneas animadas de fondo.\n     ============================================================ -->\n\n<style>\n.cm-blog-cta,\n.cm-blog-cta * {\n  box-sizing: border-box;\n}\n\n.cm-blog-cta {\n  --cm-primary: #2cd5c4;\n  --cm-primary-dark: #1fb8a9;\n  --cm-dark-card: #111111;\n  --cm-gray: #a0a0a0;\n  --cm-gray-light: #cccccc;\n  --cm-max-width: 1200px;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  padding: 20px 24px 110px;\n  z-index: 1;\n}\n\n\/* L\u00edneas diagonales animadas *\/\n.cm-blog-cta__lines {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  background-image: repeating-linear-gradient(\n    115deg,\n    transparent 0px,\n    transparent 58px,\n    rgba(44,213,196,0.05) 58px,\n    rgba(44,213,196,0.05) 59px\n  );\n  mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 0%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 0%, transparent 100%);\n  animation: cmCtaLines 24s linear infinite;\n}\n\n@keyframes cmCtaLines {\n  from { background-position: 0 0; }\n  to   { background-position: 460px 0; }\n}\n\n.cm-blog-cta__inner {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  min-width: 0;\n  max-width: var(--cm-max-width);\n  margin: 0 auto;\n  text-align: center;\n}\n\n.cm-blog-cta__label {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--cm-primary);\n  margin-bottom: 22px;\n}\n\n.cm-blog-cta__label::before,\n.cm-blog-cta__label::after {\n  content: '';\n  width: 26px;\n  height: 1px;\n  background: var(--cm-primary);\n  opacity: 0.55;\n}\n\n.cm-blog-cta__title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(27px, 4.2vw, 46px);\n  font-weight: 800;\n  line-height: 1.14;\n  letter-spacing: -0.025em;\n  color: #ffffff;\n  margin: 0 0 18px;\n}\n\n.cm-blog-cta__title span {\n  color: var(--cm-primary);\n}\n\n.cm-blog-cta__sub {\n  font-family: 'DM Sans', sans-serif;\n  font-size: clamp(15px, 1.9vw, 17.5px);\n  line-height: 1.66;\n  color: var(--cm-gray-light);\n  margin: 0 auto 46px;\n  max-width: 600px;\n}\n\n\/* --- Dos caminos --- *\/\n.cm-blog-cta__paths {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  max-width: 840px;\n  margin: 0 auto;\n}\n\n.cm-blog-cta__path {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  padding: 30px 28px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 18px;\n  background: var(--cm-dark-card);\n  text-decoration: none;\n  overflow: hidden;\n  transition: border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.cm-blog-cta__path::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at 50% 0%, rgba(44,213,196,0.10) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.35s ease;\n  pointer-events: none;\n}\n\n.cm-blog-cta__path:hover {\n  border-color: rgba(44,213,196,0.42);\n  transform: translateY(-6px);\n  box-shadow: 0 20px 55px rgba(0,0,0,0.5);\n}\n\n.cm-blog-cta__path:hover::after {\n  opacity: 1;\n}\n\n.cm-blog-cta__path-icon {\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n  border-radius: 12px;\n  background: rgba(44,213,196,0.09);\n  border: 1px solid rgba(44,213,196,0.22);\n  color: var(--cm-primary);\n  flex-shrink: 0;\n}\n\n.cm-blog-cta__path-title {\n  font-family: 'Syne', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #ffffff;\n  margin: 0 0 8px;\n}\n\n.cm-blog-cta__path-text {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13.5px;\n  line-height: 1.6;\n  color: var(--cm-gray-light);\n  margin: 0 0 20px;\n  flex: 1;\n}\n\n.cm-blog-cta__path-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cm-primary);\n  margin-top: auto;\n}\n\n.cm-blog-cta__path-link svg {\n  transition: transform 0.25s ease;\n}\n\n.cm-blog-cta__path:hover .cm-blog-cta__path-link svg {\n  transform: translateX(5px);\n}\n\n\/* --- Nota de cierre --- *\/\n.cm-blog-cta__note {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-top: 34px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n  color: var(--cm-gray);\n}\n\n.cm-blog-cta__note svg {\n  color: var(--cm-primary);\n  flex-shrink: 0;\n}\n\n\/* --- Entrada --- *\/\n.cm-blog-cta__reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.85s cubic-bezier(.16,1,.3,1), transform 0.85s cubic-bezier(.16,1,.3,1);\n}\n\n.cm-blog-cta__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 768px) {\n  .cm-blog-cta {\n    padding: 10px 20px 80px;\n  }\n  .cm-blog-cta__paths {\n    grid-template-columns: 1fr;\n  }\n  .cm-blog-cta__title {\n    text-wrap: balance;\n  }\n  .cm-blog-cta__note {\n    text-align: left;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-blog-cta__lines { animation: none; }\n  .cm-blog-cta__reveal { opacity: 1; transform: none; transition: none; }\n}\n<\/style>\n\n<section class=\"cm-blog-cta\">\n  <div class=\"cm-blog-cta__lines\"><\/div>\n\n  <div class=\"cm-blog-cta__inner\">\n\n    <div class=\"cm-blog-cta__label cm-blog-cta__reveal\">\u00bfY ahora qu\u00e9?<\/div>\n\n    <h2 class=\"cm-blog-cta__title cm-blog-cta__reveal\">\n      Ya sabes qu\u00e9 hacemos.<br>\n      Ahora <span>cu\u00e9ntanos tu caso<\/span>.\n    <\/h2>\n\n    <p class=\"cm-blog-cta__sub cm-blog-cta__reveal\">\n      Si alguna de estas secciones se parece a lo que necesitas, escr\u00edbenos.\n      Revisamos tu situaci\u00f3n concreta y te decimos qu\u00e9 har\u00edamos nosotros,\n      aunque la respuesta sea que no necesitas contratarnos.\n    <\/p>\n\n    <div class=\"cm-blog-cta__paths cm-blog-cta__reveal\">\n\n      <a href=\"\/contacto-1\/?solucion=hvac#formulario\" class=\"cm-blog-cta__path\">\n        <div class=\"cm-blog-cta__path-icon\">\n          <svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cm-blog-cta__path-title\">Tengo un tema de climatizaci\u00f3n<\/h3>\n        <p class=\"cm-blog-cta__path-text\">\n          Un local que no enfr\u00eda bien, un presupuesto que no entiendes o\n          una instalaci\u00f3n nueva por planificar.\n        <\/p>\n        <span class=\"cm-blog-cta__path-link\">\n          Quiero una evaluaci\u00f3n\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <a href=\"\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-blog-cta__path\">\n        <div class=\"cm-blog-cta__path-icon\">\n          <svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cm-blog-cta__path-title\">Tengo un tema de tecnolog\u00eda<\/h3>\n        <p class=\"cm-blog-cta__path-text\">\n          Automatizar procesos, ordenar tus datos o cerrar los agujeros\n          de seguridad que ya sospechas que tienes.\n        <\/p>\n        <span class=\"cm-blog-cta__path-link\">\n          Quiero un diagn\u00f3stico\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"cm-blog-cta__note cm-blog-cta__reveal\">\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/>\n      <\/svg>\n      Respondemos en menos de 24 horas h\u00e1biles. Sin compromiso.\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.cm-blog-cta__reveal');\n  if (!els.length) return;\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function (el) { el.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (en) {\n      if (!en.isIntersecting) return;\n      var el = en.target;\n      var i = Array.prototype.indexOf.call(els, el);\n      setTimeout(function () { el.classList.add('is-visible'); }, i * 100);\n      io.unobserve(el);\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n  els.forEach(function (el) { io.observe(el); });\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-27e3847 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"27e3847\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"27e3847\" data-e-type=\"e-flexbox\" data-id=\"27e3847\">\n    \t\t<div class=\"elementor-element elementor-element-52807e5 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"52807e5\" 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>Centro de recursos Criterio t\u00e9cnico para decidir sin pagar de m\u00e1s Nuestras \u00e1reas ordenadas en un solo sitio: equipos HVAC, productos y servicios de tecnolog\u00eda. Encuentra la secci\u00f3n que resuelve tu caso. 0 Secciones 0 Categor\u00edas 0 \u00c1reas Gu\u00edas de compra C\u00e1lculo de BTU Sistemas VRF Ahorro energ\u00e9tico Mantenimiento preventivo Ventilaci\u00f3n mec\u00e1nica Normativa Cortinas de [&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-26","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":59,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":2722,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/26\/revisions\/2722"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}