{"id":24,"date":"2026-04-04T13:45:49","date_gmt":"2026-04-04T18:45:49","guid":{"rendered":"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/?page_id=24"},"modified":"2026-09-02T09:47:31","modified_gmt":"2026-09-02T14:47:31","slug":"perfil-comercial","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/perfil-comercial\/","title":{"rendered":"Company Profile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87d0da e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"c87d0da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c87d0da\" data-e-type=\"e-flexbox\" data-id=\"c87d0da\">\n    \t\t<div class=\"elementor-element elementor-element-e5c1457 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"e5c1457\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    \/* ===== RESET (especificidad 1-0-0) ===== *\/\n    #mh-header *, #mh-header *::before, #mh-header *::after {\n        box-sizing: border-box; margin: 0; padding: 0;\n    }\n\n    \/* ===== CONTENEDOR PRINCIPAL ===== *\/\n    #mh-header {\n        --mh-teal:      #2cd5c4;\n        --mh-black:     #000000;\n        --mh-white:     #ffffff;\n        --mh-gray:      #0a0a0a;\n        --mh-border:    rgba(44,213,196,0.18);\n        --mh-teal-dim:  rgba(44,213,196,0.1);\n        --mh-font-disp: \"Bebas Neue\", sans-serif;\n        --mh-font-ui:   \"Syne\", sans-serif;\n        --mh-font-body: \"DM Sans\", sans-serif;\n        position: sticky;\n        top: 0;\n        z-index: 9000;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        background: rgba(0,0,0,0.82);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        border-bottom: 1px solid var(--mh-border);\n        transition: background 0.35s ease, box-shadow 0.35s ease;\n    }\n    #mh-header.mh--scrolled {\n        background: rgba(0,0,0,0.97);\n        box-shadow: 0 4px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header::before {\n        content: \"\";\n        display: block;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, var(--mh-teal) 40%, var(--mh-teal) 60%, transparent 100%);\n        opacity: 0.7;\n    }\n\n    \/* ===== INNER =====\n       Espacio usable: 1200px - 48px padding = 1152px\n       Logo (~130px) + nav (~680px) + CTA (~190px) + gaps = ~1050px \u2713 *\/\n    #mh-header .mh-header__inner {\n    max-width: 1500px;\n        margin: 0 auto;\n        padding: 0 12px 0 10px;\n        height: 72px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    gap: 8px;\n    }\n\n    \/* ===== LOGO ===== *\/\n    #mh-header .mh-header__logo {\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        flex-shrink: 0;\n        transition: opacity 0.25s;\n    }\n    #mh-header .mh-header__logo:hover { opacity: 0.85; }\n    #mh-header .mh-header__logo img {\n        \/* height: 42px \u2014 proporcional al header de 72px (58% del alto)\n           Cambia este valor para escalar el logo. *\/\n        height: 100px;\n        width: auto;\n        display: block;\n        object-fit: contain;\n    }\n\n    \/* ===== NAV =====\n       7 \u00edtems: gap 8px + padding 8px 10px + font 11px + spacing 0.10em\n       Calculado para caber en ~680px de ancho. *\/\n    #mh-header .mh-nav {\n        display: flex;\n        align-items: center;\n        list-style: none;\n        gap: 6px;\n        flex: 1;\n        justify-content: center;\n    }\n    #mh-header .mh-nav__item { position: relative; }\n    #mh-header .mh-nav__link {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.10em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.55);\n        text-decoration: none;\n        padding: 8px 10px;\n        border-radius: 2px;\n        transition: color 0.25s, background 0.25s;\n        position: relative;\n        white-space: nowrap;\n    }\n\t#mh-header .mh-nav__toggle {\n\t\tborder:0;\n\t\tbackground:transparent;\n\t\tcursor:pointer;\n\t}\n    #mh-header .mh-nav__link::after {\n        content: \"\";\n        position: absolute;\n        bottom: 4px;\n        left: 10px;\n        right: 10px;\n        height: 1px;\n        background: var(--mh-teal);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__link:hover,\n    #mh-header .mh-nav__link--active { color: var(--mh-white); background: var(--mh-teal-dim); }\n    #mh-header .mh-nav__link:hover::after,\n    #mh-header .mh-nav__link--active::after { transform: scaleX(1); }\n    #mh-header .mh-nav__link--active { color: var(--mh-teal) !important; }\n\n    \/* ===== FLECHA Y DROPDOWN SUBMEN\u00da ===== *\/\n    #mh-header .mh-arrow {\n        display: inline-block;\n        vertical-align: middle;\n        flex-shrink: 0;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-nav__link .mh-arrow,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-nav__link .mh-arrow {\n        transform: rotate(180deg);\n    }\n    #mh-header .mh-subnav {\n        display: block;\n        visibility: hidden;\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n        top: calc(100% + 2px);\n        left: 0;\n        min-width: 210px;\n        list-style: none;\n        background: rgba(5,5,5,0.98);\n        border: 1px solid rgba(44,213,196,0.2);\n        border-top: 2px solid var(--mh-teal);\n        border-radius: 2px;\n        padding: 8px 0;\n        transform: translateY(8px);\n        transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;\n        z-index: 200;\n        box-shadow: 0 12px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav {\n        visibility: visible;\n        opacity: 1;\n        pointer-events: auto;\n        transform: translateY(0);\n    }\n    #mh-header .mh-subnav--nested {\n        top:-10px;\n        left:calc(100% + 2px);\n        right:auto;\n        min-width:220px;\n        border-top:1px solid rgba(44,213,196,0.2);\n        border-right:2px solid var(--mh-teal);\n        transform:translateX(8px);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav--nested,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav--nested {\n        transform:translateX(0);\n    }\n    #mh-header .mh-subnav__link .mh-arrow {\n        transform:rotate(90deg);\n    }\n    #mh-header .mh-subnav__link {\n        display: block;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 11px 20px;\n        transition: color 0.2s, background 0.2s;\n        border-left: 2px solid transparent;\n    }\n    #mh-header .mh-subnav__link:hover {\n        color: var(--mh-teal);\n        background: rgba(44,213,196,0.07);\n        border-left-color: var(--mh-teal);\n    }\n\t#mh-header .mh-subnav__link--active {\n    color:var(--mh-teal);\n    background:rgba(44,213,196,0.07);\n    border-left-color:var(--mh-teal);\n}\n\n    \/* ===== DERECHA ===== *\/\n    #mh-header .mh-header__right {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-header__phone {\n        font-family: var(--mh-font-body);\n        font-size: 12px;\n        color: rgba(255,255,255,0.45);\n        text-decoration: none;\n        letter-spacing: 0.05em;\n        transition: color 0.2s;\n    }\n    #mh-header .mh-header__phone:hover { color: var(--mh-teal); }\n\n    \/* ===== SELECTOR DE IDIOMA ===== *\/\n    #mh-header .mh-lang {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        flex-shrink: 0;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 2px;\n    }\n    #mh-header .mh-lang__link {\n        font-family: var(--mh-font-ui);\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 5px 7px;\n        border-radius: 2px;\n        line-height: 1;\n        transition: color 0.2s, background 0.2s;\n    }\n    #mh-header .mh-lang__link:hover { color: var(--mh-white); }\n    #mh-header .mh-lang__link--active {\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    }\n\n    \/* ===== BOT\u00d3N CTA ===== *\/\n    #mh-header .mh-header__cta {\n        display: inline-flex;\n        align-items: center;\n    gap: 6px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        text-decoration: none;\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    padding: 10px 16px;\n        border-radius: 4px;\n        transition: box-shadow 0.25s, transform 0.25s;\n        position: relative;\n        overflow: hidden;\n        white-space: nowrap;\n    }\n    #mh-header .mh-header__cta::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(255,255,255,0.15);\n        transform: translateX(-101%);\n        transition: transform 0.3s;\n    }\n    #mh-header .mh-header__cta:hover {\n        box-shadow: 0 0 28px rgba(44,213,196,0.5), 0 6px 20px rgba(0,0,0,0.35);\n        transform: translateY(-1px);\n        color: var(--mh-black);\n    }\n    #mh-header .mh-header__cta:hover::before { transform: translateX(0); }\n    #mh-header .mh-header__cta svg { flex-shrink: 0; }\n\n    \/* ===== HAMBURGER ===== *\/\n    #mh-header .mh-hamburger {\n        display: none;\n        flex-direction: column;\n        justify-content: center;\n        gap: 5px;\n        width: 36px;\n        height: 36px;\n        background: none;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 7px 8px;\n        cursor: pointer;\n        transition: border-color 0.25s;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-hamburger:hover { border-color: var(--mh-teal); }\n    #mh-header .mh-hamburger span {\n        display: block; height: 1.5px;\n        background: rgba(255,255,255,0.7);\n        border-radius: 2px; transition: all 0.3s;\n    }\n    #mh-header .mh-hamburger.mh--open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n    body.mh-menu-open {\n        overflow:hidden;\n        overscroll-behavior:none;\n    }\n\n    \/* ===== TABLET \/ LAPTOP PEQUE\u00d1O (901px \u2013 1350px) =====\n    Comprime nav y CTA para que no se desborde en pantallas medianas *\/\n    @media (max-width: 1350px) {\n    #mh-header .mh-header__inner { padding: 0 14px; gap: 8px; }\n        #mh-header .mh-nav { gap: 2px; }\n        #mh-header .mh-nav__link { font-size: 10px; padding: 7px 8px; letter-spacing: 0.08em; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; letter-spacing: 0.10em; }\n        #mh-header .mh-header__logo img { height: 38px; }\n    }\n\n    \/* ===== M\u00d3VIL Y LAPTOP COMPACTA (\u22641350px): hamburger + acorde\u00f3n ===== *\/\n    @media (max-width: 1350px) {\n        #mh-header .mh-nav {\n            display: none;\n            position: absolute;\n            top: 100%; left: 0; right: 0;\n            flex-direction: column;\n            align-items: stretch;\n            gap: 0;\n            background: rgba(5,5,5,0.98);\n            border-bottom: 1px solid var(--mh-border);\n            padding: 12px 0 20px;\n            justify-content: flex-start;\n        }\n        #mh-header .mh-nav.mh--open { display: flex; }\n        #mh-header .mh-nav__link { padding: 13px 28px; font-size: 12px; letter-spacing: 0.14em; border-radius: 0; }\n        #mh-header .mh-nav__link::after { display: none; }\n        #mh-header .mh-subnav {\n            visibility: visible;\n            opacity: 1;\n            pointer-events: auto;\n            position: static;\n            transform: none;\n            border: none;\n            border-top: none;\n            border-left: 2px solid rgba(44,213,196,0.25);\n            border-radius: 0;\n            padding: 4px 0;\n            margin: 0 0 0 28px;\n            box-shadow: none;\n            background: transparent;\n            display: none;\n        }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-subnav { display: block; }\n        #mh-header .mh-subnav--nested { display:none !important; }\n        #mh-header .mh-subnav__link { padding: 9px 20px; font-size: 10px; }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-nav__link .mh-arrow { transform: rotate(180deg); }\n        #mh-header .mh-hamburger { display: flex; }\n        #mh-header .mh-header__phone { display: none; }\n        #mh-header .mh-header__right { gap: 10px; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px 5px; }\n    }\n\n    \/* ===== M\u00d3VIL PEQUE\u00d1O (\u2264480px) ===== *\/\n    @media (max-width: 480px) {\n        #mh-header .mh-header__inner { padding: 0 16px; height: 64px; }\n        #mh-header .mh-header__logo img { height: 34px; }\n        #mh-header .mh-header__cta span.mh-cta-label { display: none; }\n        #mh-header .mh-header__cta { padding: 10px 12px; }\n        #mh-header .mh-lang { padding: 1px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px; letter-spacing: 0.04em; }\n    }\n    <\/style><header id=\"mh-header\" role=\"banner\"><div class=\"mh-header__inner\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-header__logo\" aria-label=\"Corp MATHEUS\"><img decoding=\"async\" src=\"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-scaled.png\" alt=\"Corp MATHEUS\" \/><\/a><nav class=\"mh-nav\" id=\"mh-nav\" role=\"navigation\" aria-label=\"Men\u00fa principal\"><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-nav__link\">Inicio<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Tecnolog\u00eda \/ IA &#038; Cyber<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/productos-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Productos Tecn\u00f3logicos<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicios-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios Tecnol\u00f3gicos<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Climatizaci\u00f3n\/HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/equipos-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Equipos HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/aire-acondicionado\/\" class=\"mh-subnav__link\" role=\"menuitem\">Aire Acondicionado<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/calefaccion\/\" class=\"mh-subnav__link\" role=\"menuitem\">Calefacci\u00f3n<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/ventilacion-mecanica\/\" class=\"mh-subnav__link\" role=\"menuitem\">Ventilaci\u00f3n Mec\u00e1nica<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/cortinas-de-aire\/\" class=\"mh-subnav__link\" role=\"menuitem\">Cortinas de Aire<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/accesorios-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Accesorios HVAC<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/materiales-generales\/\" class=\"mh-subnav__link\" role=\"menuitem\">Materiales Generales<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicio\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/instalaciones\/\" class=\"mh-subnav__link\" role=\"menuitem\">Suministro \/ Instalaci\u00f3n<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/mantenimientos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Mantenimiento Profesional<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/sistemas-vrf-proyectos-grandes\/\" class=\"mh-subnav__link\" role=\"menuitem\">Sistemas VRF \/ Proyectos Grandes<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/contacto-1\/\" class=\"mh-nav__link\">Contacto<\/a><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/blog-empresarial\/\" class=\"mh-nav__link\">Blog<\/a><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/perfil-comercial\/\" class=\"mh-nav__link mh-nav__link--active\">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\/24\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/24\" 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-30bc213 e-flex e-con-boxed e-con e-parent\" data-id=\"30bc213\" 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-6784916 elementor-widget elementor-widget-html\" data-id=\"6784916\" 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     Debe ser el PRIMER caj\u00f3n HTML en cualquier p\u00e1gina que use part\u00edculas.\r\n     Solo se usa una vez por p\u00e1gina.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  #particles-js {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n  body {\r\n    background-color: #0a0a0a;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  * { box-sizing: border-box; }\r\n<\/style>\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Particles container -->\r\n<div id=\"particles-js\"><\/div>\r\n\r\n<!-- Particles.js library -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n<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.6, opacity_min: 0.05, sync: false } },\r\n      size: { value: 2, random: true, anim: { enable: true, speed: 1.5, size_min: 0.3, sync: false } },\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', bounce: false }\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-d293baa elementor-widget elementor-widget-html\" data-id=\"d293baa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 01 \u2014 HERO\r\n     VERSI\u00d3N FINAL \u2014 ELEMENTOR SAFE\r\n     T\u00cdTULO:\r\n     \"Soluciones integrales en tecnolog\u00eda y climatizaci\u00f3n para empresas\"\r\n     ============================================================ -->\r\n\r\n<style>\r\n  \/* ============================================================\r\n     RESET Y CONTENCI\u00d3N\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-perfil,\r\n  .cm-hero-perfil *,\r\n  .cm-hero-perfil *::before,\r\n  .cm-hero-perfil *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cm-hero-perfil {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 100px 40px;\r\n    min-height: 90vh;\r\n    display: flex;\r\n    align-items: center;\r\n    background: transparent;\r\n    overflow: hidden;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     DECORACI\u00d3N\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-bottom-line {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(44, 213, 196, 0.2),\r\n      transparent\r\n    );\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .cm-hero-glow-bg {\r\n    position: absolute;\r\n    top: -10%;\r\n    right: 5%;\r\n    width: 500px;\r\n    height: 500px;\r\n    max-width: 50vw;\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      rgba(44, 213, 196, 0.07) 0%,\r\n      transparent 65%\r\n    );\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     CONTENEDOR\r\n     ============================================================ *\/\r\n\r\n  .cm-hp-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     GRID PRINCIPAL\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-perfil-inner {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 62%) minmax(0, 34%);\r\n    gap: 4%;\r\n    align-items: center;\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .cm-hero-perfil-copy,\r\n  .cm-hero-perfil-visual {\r\n    min-width: 0;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     TITULAR\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-perfil-headline {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(30px, 3.5vw, 56px);\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    color: #ffffff;\r\n    margin: 0 0 24px;\r\n    letter-spacing: -0.025em;\r\n\r\n    word-break: normal;\r\n    overflow-wrap: normal;\r\n    hyphens: none;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  \/* TODO EL BLOQUE DESTACADO EN TURQUESA *\/\r\n  .cm-hero-perfil-headline em {\r\n    font-style: normal;\r\n    color: #2cd5c4;\r\n\r\n    \/*\r\n     * Evita que \"tecnolog\u00eda\" y \"climatizaci\u00f3n\"\r\n     * se corten por separado.\r\n     *\/\r\n    white-space: normal;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     SUBT\u00cdTULO\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-perfil-sub {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 17px;\r\n    line-height: 1.72;\r\n    color: #a0a0a0;\r\n    margin: 0 0 40px;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     BOTONES\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-perfil-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .cm-hp-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n\r\n    background: #2cd5c4;\r\n    color: #000000;\r\n\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n\r\n    padding: 15px 28px;\r\n    border-radius: 10px;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n      background 0.3s,\r\n      transform 0.3s,\r\n      box-shadow 0.3s;\r\n\r\n    border: none;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .cm-hp-btn-primary:hover {\r\n    background: #1fb8a9;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 32px rgba(44, 213, 196, 0.3);\r\n  }\r\n\r\n  .cm-hp-btn-primary svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    stroke: currentColor;\r\n    fill: none;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n\r\n  .cm-hp-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n\r\n    background: transparent;\r\n    color: #ffffff;\r\n\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n\r\n    padding: 15px 28px;\r\n    border-radius: 10px;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n      border-color 0.3s,\r\n      color 0.3s,\r\n      transform 0.3s;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .cm-hp-btn-secondary:hover {\r\n    border-color: #2cd5c4;\r\n    color: #2cd5c4;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .cm-hp-btn-secondary svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    stroke: currentColor;\r\n    fill: none;\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    flex-shrink: 0;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     COLUMNA DERECHA\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-perfil-visual {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n\r\n    min-width: 0;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     STATS\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-stats {\r\n    display: flex;\r\n\r\n    background: rgba(17, 17, 17, 0.7);\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    border-radius: 14px;\r\n\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .cm-hero-stat-item {\r\n    flex: 1 1 0;\r\n    min-width: 0;\r\n\r\n    padding: 18px 10px;\r\n\r\n    border-right: 1px solid rgba(255, 255, 255, 0.06);\r\n\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-hero-stat-item:last-child {\r\n    border-right: none;\r\n  }\r\n\r\n  .cm-hero-stat-num {\r\n    font-family: 'Syne', sans-serif;\r\n\r\n    font-size: clamp(18px, 2.2vw, 26px);\r\n    font-weight: 800;\r\n\r\n    color: #2cd5c4;\r\n\r\n    line-height: 1;\r\n\r\n    display: block;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .cm-hero-stat-label {\r\n    font-family: 'DM Sans', sans-serif;\r\n\r\n    font-size: 10px;\r\n    color: #555;\r\n\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n\r\n    display: block;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     CARDS\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-visual-card {\r\n    background: rgba(17, 17, 17, 0.65);\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    border-radius: 14px;\r\n\r\n    padding: 20px;\r\n\r\n    transition:\r\n      border-color 0.3s,\r\n      transform 0.3s,\r\n      background 0.3s;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cm-hero-visual-card-topline {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: linear-gradient(\r\n      90deg,\r\n      #2cd5c4,\r\n      transparent\r\n    );\r\n\r\n    opacity: 0;\r\n    transition: opacity 0.3s;\r\n  }\r\n\r\n  .cm-hero-visual-card:hover .cm-hero-visual-card-topline {\r\n    opacity: 1;\r\n  }\r\n\r\n  .cm-hero-visual-card:hover {\r\n    border-color: rgba(44, 213, 196, 0.22);\r\n    transform: translateY(-3px);\r\n    background: rgba(20, 20, 20, 0.9);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     FILA DE CARD\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-visual-card-row {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    min-width: 0;\r\n    width: 100%;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     ICONOS\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-visual-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n\r\n    border-radius: 9px;\r\n\r\n    background: rgba(44, 213, 196, 0.1);\r\n    border: 1px solid rgba(44, 213, 196, 0.2);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .cm-hero-visual-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    stroke: #2cd5c4;\r\n    fill: none;\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .cm-hero-visual-icon.purple {\r\n    background: rgba(168, 85, 247, 0.1);\r\n    border-color: rgba(168, 85, 247, 0.2);\r\n  }\r\n\r\n  .cm-hero-visual-icon.purple svg {\r\n    stroke: #a855f7;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     INFORMACI\u00d3N DE CARD\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-visual-info {\r\n    flex: 1 1 auto;\r\n    min-width: 0;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .cm-hero-visual-info h4 {\r\n    font-family: 'Syne', sans-serif;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    color: #ffffff;\r\n\r\n    margin: 0 0 3px;\r\n\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .cm-hero-visual-info p {\r\n    font-family: 'DM Sans', sans-serif;\r\n\r\n    font-size: 12px;\r\n    color: #666;\r\n\r\n    margin: 0;\r\n\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     BADGES\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-visual-badge {\r\n    flex-shrink: 0;\r\n\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    color: #2cd5c4;\r\n\r\n    background: rgba(44, 213, 196, 0.08);\r\n    border: 1px solid rgba(44, 213, 196, 0.15);\r\n\r\n    padding: 3px 9px;\r\n    border-radius: 20px;\r\n\r\n    letter-spacing: 0.04em;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .cm-hero-visual-badge.purple {\r\n    color: #a855f7;\r\n\r\n    background: rgba(168, 85, 247, 0.08);\r\n\r\n    border-color: rgba(168, 85, 247, 0.15);\r\n\r\n    transition:\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .cm-hero-visual-card:hover .cm-hero-visual-badge.purple {\r\n    transform: scale(1.08);\r\n\r\n    box-shadow:\r\n      0 0 8px rgba(168, 85, 247, 0.8),\r\n      0 0 18px rgba(168, 85, 247, 0.5);\r\n\r\n    animation: cmNuevoGlow 1.2s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes cmNuevoGlow {\r\n    from {\r\n      box-shadow:\r\n        0 0 6px rgba(168, 85, 247, 0.6),\r\n        0 0 12px rgba(168, 85, 247, 0.3);\r\n    }\r\n\r\n    to {\r\n      box-shadow:\r\n        0 0 12px rgba(168, 85, 247, 1),\r\n        0 0 26px rgba(168, 85, 247, 0.7);\r\n    }\r\n  }\r\n\r\n  .cm-hero-visual-card:hover .cm-hero-visual-badge:not(.purple) {\r\n    transform: scale(1.08);\r\n\r\n    box-shadow:\r\n      0 0 8px rgba(44, 213, 196, 0.8),\r\n      0 0 18px rgba(44, 213, 196, 0.5);\r\n\r\n    animation: cmActivoGlow 1.2s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes cmActivoGlow {\r\n    from {\r\n      box-shadow:\r\n        0 0 6px rgba(44, 213, 196, 0.6),\r\n        0 0 12px rgba(44, 213, 196, 0.3);\r\n    }\r\n\r\n    to {\r\n      box-shadow:\r\n        0 0 12px rgba(44, 213, 196, 1),\r\n        0 0 26px rgba(44, 213, 196, 0.7);\r\n    }\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     FADE UP\r\n     ============================================================ *\/\r\n\r\n  .cm-fade-up {\r\n    opacity: 0;\r\n\r\n    transform: translateY(28px);\r\n\r\n    transition:\r\n      opacity 0.65s ease,\r\n      transform 0.65s ease;\r\n  }\r\n\r\n  .cm-fade-up.cm-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .cm-delay-1 {\r\n    transition-delay: 0.1s;\r\n  }\r\n\r\n  .cm-delay-2 {\r\n    transition-delay: 0.22s;\r\n  }\r\n\r\n  .cm-delay-3 {\r\n    transition-delay: 0.34s;\r\n  }\r\n\r\n  .cm-delay-4 {\r\n    transition-delay: 0.46s;\r\n  }\r\n\r\n  .cm-delay-5 {\r\n    transition-delay: 0.58s;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     SCROLL\r\n     ============================================================ *\/\r\n\r\n  .cm-hero-scroll {\r\n    position: absolute;\r\n\r\n    bottom: 32px;\r\n    left: 50%;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    opacity: 0.35;\r\n\r\n    animation: cmScrollBounce 2.2s ease-in-out infinite;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-hero-scroll span {\r\n    font-family: 'DM Sans', sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: #fff;\r\n  }\r\n\r\n  .cm-hero-scroll-line {\r\n    width: 1px;\r\n    height: 36px;\r\n\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(255,255,255,0.7),\r\n      transparent\r\n    );\r\n  }\r\n\r\n  @keyframes cmScrollBounce {\r\n\r\n    0%,\r\n    100% {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateX(-50%) translateY(7px);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     TABLET\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 1100px) {\r\n\r\n    .cm-hero-perfil {\r\n      padding: 80px 32px;\r\n    }\r\n\r\n    .cm-hero-perfil-inner {\r\n      grid-template-columns: minmax(0, 52%) minmax(0, 44%);\r\n    }\r\n\r\n    .cm-hero-perfil-headline {\r\n      font-size: clamp(30px, 4vw, 50px);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     TABLET PEQUE\u00d1A \/ M\u00d3VIL\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 860px) {\r\n\r\n    .cm-hero-perfil-inner {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 40px;\r\n    }\r\n\r\n    .cm-hero-perfil {\r\n      min-height: auto;\r\n      padding: 72px 20px 56px;\r\n    }\r\n\r\n    .cm-hero-perfil-headline {\r\n      font-size: clamp(32px, 7vw, 46px);\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .cm-hero-scroll {\r\n      display: none;\r\n    }\r\n\r\n    .cm-hero-glow-bg {\r\n      display: none;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     M\u00d3VIL\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 480px) {\r\n\r\n    .cm-hero-perfil {\r\n      padding: 60px 16px 48px;\r\n    }\r\n\r\n    .cm-hero-perfil-headline {\r\n      font-size: 30px;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.015em;\r\n    }\r\n\r\n    .cm-hero-perfil-sub {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .cm-hero-perfil-actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .cm-hp-btn-primary,\r\n    .cm-hp-btn-secondary {\r\n      width: 100%;\r\n    }\r\n\r\n    .cm-hero-visual-card {\r\n      padding: 17px 15px;\r\n    }\r\n\r\n    .cm-hero-visual-card-row {\r\n      gap: 10px;\r\n    }\r\n\r\n    .cm-hero-visual-info h4 {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .cm-hero-visual-info p {\r\n      font-size: 10px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     M\u00d3VIL MUY PEQUE\u00d1O\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 360px) {\r\n\r\n    .cm-hero-perfil-headline {\r\n      font-size: 27px;\r\n    }\r\n\r\n    .cm-hero-visual-badge {\r\n      display: none;\r\n    }\r\n\r\n  }\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-hero-perfil\">\r\n\r\n  <!-- ==========================================================\r\n       DECORACI\u00d3N\r\n       ========================================================== -->\r\n\r\n  <div class=\"cm-hero-glow-bg\"><\/div>\r\n\r\n  <div class=\"cm-hero-bottom-line\"><\/div>\r\n\r\n\r\n  <!-- ==========================================================\r\n       CONTENEDOR PRINCIPAL\r\n       ========================================================== -->\r\n\r\n  <div class=\"cm-hp-container\">\r\n\r\n    <div class=\"cm-hero-perfil-inner\">\r\n\r\n\r\n      <!-- ======================================================\r\n           COLUMNA IZQUIERDA\r\n           ====================================================== -->\r\n\r\n      <div class=\"cm-hero-perfil-copy\">\r\n\r\n\r\n        <!-- ====================================================\r\n             TITULAR PRINCIPAL\r\n             ==================================================== -->\r\n\r\n        <h1 class=\"cm-hero-perfil-headline cm-fade-up cm-delay-1\">\r\n\r\n          Soluciones integrales en\r\n          <em>tecnolog\u00eda y climatizaci\u00f3n<\/em>\r\n          para empresas\r\n\r\n        <\/h1>\r\n\r\n\r\n        <!-- ====================================================\r\n             SUBT\u00cdTULO\r\n             ==================================================== -->\r\n\r\n        <p class=\"cm-hero-perfil-sub cm-fade-up cm-delay-2\">\r\n\r\n          Dise\u00f1amos, implementamos y mantenemos sistemas que optimizan operaciones y reducen costos.\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- ====================================================\r\n             BOTONES\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-perfil-actions cm-fade-up cm-delay-3\">\r\n\r\n\r\n          <!-- BOT\u00d3N PRINCIPAL -->\r\n\r\n          <a\r\n            href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=hvac#formulario\"\r\n            class=\"cm-hp-btn-primary\"\r\n          >\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n              <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.93 19.79 19.79 0 01.22 1.36a2 2 0 012-2.18h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 6.91a16 16 0 006 6l.38-.38a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\"\/>\r\n\r\n            <\/svg>\r\n\r\n            Solicitar Diagn\u00f3stico\r\n\r\n          <\/a>\r\n\r\n\r\n          <!-- BOT\u00d3N SECUNDARIO -->\r\n\r\n          <a\r\n            href=\"#servicios\"\r\n            class=\"cm-hp-btn-secondary\"\r\n          >\r\n\r\n            Ver Servicios\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n              <line\r\n                x1=\"5\"\r\n                y1=\"12\"\r\n                x2=\"19\"\r\n                y2=\"12\"\r\n              \/>\r\n\r\n              <polyline\r\n                points=\"12 5 19 12 12 19\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           COLUMNA DERECHA\r\n           ====================================================== -->\r\n\r\n      <div class=\"cm-hero-perfil-visual\">\r\n\r\n\r\n        <!-- ====================================================\r\n             STATS\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-stats cm-fade-up cm-delay-2\">\r\n\r\n          <div class=\"cm-hero-stat-item\">\r\n\r\n            <span class=\"cm-hero-stat-num\">\r\n              +10\r\n            <\/span>\r\n\r\n            <span class=\"cm-hero-stat-label\">\r\n              A\u00f1os\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-hero-stat-item\">\r\n\r\n            <span class=\"cm-hero-stat-num\">\r\n              +200\r\n            <\/span>\r\n\r\n            <span class=\"cm-hero-stat-label\">\r\n              Proyectos\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-hero-stat-item\">\r\n\r\n            <span class=\"cm-hero-stat-num\">\r\n              100%\r\n            <\/span>\r\n\r\n            <span class=\"cm-hero-stat-label\">\r\n              Garant\u00eda\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             CARD TECNOLOG\u00cdA\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-visual-card cm-fade-up cm-delay-4\">\r\n\r\n          <div\r\n            class=\"cm-hero-visual-card-topline\"\r\n            style=\"background:linear-gradient(90deg,#a855f7,transparent);\"\r\n          ><\/div>\r\n\r\n\r\n          <div class=\"cm-hero-visual-card-row\">\r\n\r\n\r\n            <div class=\"cm-hero-visual-icon purple\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n\r\n                <rect\r\n                  x=\"2\"\r\n                  y=\"3\"\r\n                  width=\"20\"\r\n                  height=\"14\"\r\n                  rx=\"2\"\r\n                  ry=\"2\"\r\n                \/>\r\n\r\n                <line\r\n                  x1=\"8\"\r\n                  y1=\"21\"\r\n                  x2=\"16\"\r\n                  y2=\"21\"\r\n                \/>\r\n\r\n                <line\r\n                  x1=\"12\"\r\n                  y1=\"17\"\r\n                  x2=\"12\"\r\n                  y2=\"21\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-hero-visual-info\">\r\n\r\n              <h4>\r\n                Tecnolog\u00eda, IA y Ciberseguridad\r\n              <\/h4>\r\n\r\n              <p>\r\n                Diagn\u00f3stico \u00b7 Implementaci\u00f3n\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"cm-hero-visual-badge purple\">\r\n              Nuevo\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             CARD HVAC\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-visual-card cm-fade-up cm-delay-3\">\r\n\r\n          <div class=\"cm-hero-visual-card-topline\"><\/div>\r\n\r\n\r\n          <div class=\"cm-hero-visual-card-row\">\r\n\r\n\r\n            <div class=\"cm-hero-visual-icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M9.59 4.59A2 2 0 1111 8H2m10.59 11.41A2 2 0 1014 16H2m15.73-8.27A2.5 2.5 0 1119.5 12H2\"\/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-hero-visual-info\">\r\n\r\n              <h4>\r\n                HVAC \u2014 Climatizaci\u00f3n\r\n              <\/h4>\r\n\r\n              <p>\r\n                Suministro \u00b7 Instalaci\u00f3n \u00b7 Mantenimiento\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"cm-hero-visual-badge\">\r\n              Activo\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             CARD RESPALDO\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-visual-card cm-fade-up cm-delay-5\">\r\n\r\n          <div class=\"cm-hero-visual-card-topline\"><\/div>\r\n\r\n\r\n          <div class=\"cm-hero-visual-card-row\">\r\n\r\n\r\n            <div class=\"cm-hero-visual-icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-hero-visual-info\">\r\n\r\n              <h4>\r\n                Empresa Peruana con Respaldo\r\n              <\/h4>\r\n\r\n              <p>\r\n                RUC registrado \u00b7 Garant\u00eda en cada proyecto\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             PROTECCI\u00d3N DE DATOS\r\n             ==================================================== -->\r\n\r\n        <div class=\"cm-hero-visual-card cm-fade-up cm-delay-5\">\r\n\r\n          <div class=\"cm-hero-visual-card-topline\"><\/div>\r\n\r\n\r\n          <div class=\"cm-hero-visual-card-row\">\r\n\r\n\r\n            <div class=\"cm-hero-visual-icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n\r\n                <rect\r\n                  x=\"5\"\r\n                  y=\"10\"\r\n                  width=\"14\"\r\n                  height=\"11\"\r\n                  rx=\"2\"\r\n                \/>\r\n\r\n                <path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/>\r\n\r\n                <line\r\n                  x1=\"12\"\r\n                  y1=\"14\"\r\n                  x2=\"12\"\r\n                  y2=\"17\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-hero-visual-info\">\r\n\r\n              <h4>\r\n                Protecci\u00f3n de datos\r\n              <\/h4>\r\n\r\n              <p>\r\n                Conforme la ley N\u00b0 29733 - N\u00b0 30096\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ==========================================================\r\n       SCROLL INDICATOR\r\n       ========================================================== -->\r\n\r\n  <div class=\"cm-hero-scroll\">\r\n\r\n    <span>\r\n      Scroll\r\n    <\/span>\r\n\r\n    <div class=\"cm-hero-scroll-line\"><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n  \/* ============================================================\r\n     ANIMACI\u00d3N DE APARICI\u00d3N\r\n     ============================================================ *\/\r\n\r\n  var elements = document.querySelectorAll('.cm-fade-up');\r\n\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n\r\n    elements.forEach(function(el) {\r\n\r\n      el.classList.add('cm-visible');\r\n\r\n    });\r\n\r\n    return;\r\n  }\r\n\r\n\r\n  var obs = new IntersectionObserver(\r\n\r\n    function(entries) {\r\n\r\n      entries.forEach(function(e) {\r\n\r\n        if (e.isIntersecting) {\r\n\r\n          e.target.classList.add('cm-visible');\r\n\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n\r\n    {\r\n      threshold: 0.08\r\n    }\r\n\r\n  );\r\n\r\n\r\n  elements.forEach(function(el) {\r\n\r\n    obs.observe(el);\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b6971d elementor-widget elementor-widget-html\" data-id=\"3b6971d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 03 \u2014 SERVICIOS\r\n     FIX: observer propio, sin overflow:hidden, min-width:0\r\n     ============================================================ -->\r\n<style>\r\n  .cm-serv *, .cm-serv *::before, .cm-serv *::after { box-sizing: border-box; }\r\n\r\n  .cm-serv {\r\n    position: relative; z-index: 1;\r\n    width: 100%; padding: 100px 40px;\r\n    background: transparent;\r\n  }\r\n\r\n  .cm-serv-topline {\r\n    position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(44,213,196,0.18), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-serv .cm-container { max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n  .cm-serv-header { text-align: center; margin-bottom: 64px; }\r\n\r\n  .cm-serv-label {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600;\r\n    letter-spacing: 0.2em; text-transform: uppercase; color: #2cd5c4; margin-bottom: 18px;\r\n  }\r\n  .cm-serv-label::before, .cm-serv-label::after { content: ''; display: block; width: 22px; height: 1px; background: #2cd5c4; }\r\n\r\n  .cm-serv-headline {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(26px, 3.8vw, 48px);\r\n    font-weight: 800; color: #fff;\r\n    letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 14px;\r\n  }\r\n  .cm-serv-headline span { color: #2cd5c4; }\r\n\r\n  .cm-serv-sub {\r\n    font-family: 'DM Sans', sans-serif; font-size: 16px;\r\n    color: #666; max-width: 540px; margin: 0 auto; line-height: 1.65;\r\n  }\r\n\r\n  \/* \u2500\u2500 COLUMNAS \u2500\u2500 *\/\r\n  .cm-serv-cols {\r\n    display: grid; grid-template-columns: 1fr 1fr;\r\n    gap: 28px;\r\n  }\r\n  .cm-serv-cols > * { min-width: 0; }\r\n\r\n  \/* \u2500\u2500 BLOQUE VERTICAL \u2500\u2500 *\/\r\n  .cm-vblock {\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    background: rgba(17,17,17,0.45);\r\n    overflow: hidden; \/* OK aqu\u00ed porque es hijo, no el wrapper de page *\/\r\n  }\r\n\r\n  .cm-vblock-head {\r\n    padding: 28px 32px; display: flex; align-items: flex-start; gap: 18px;\r\n    border-bottom: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n  .cm-vblock-head.teal { background: linear-gradient(135deg, rgba(44,213,196,0.06) 0%, transparent 60%); }\r\n\r\n  .cm-vblock-icon {\r\n    width: 50px; height: 50px; min-width: 50px;\r\n    border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n  }\r\n  .cm-vblock-icon.teal { background: rgba(44,213,196,0.12); border: 1px solid rgba(44,213,196,0.22); }\r\n  .cm-vblock-icon svg { width: 24px; height: 24px; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n  .cm-vblock-icon.teal svg { stroke: #2cd5c4; }\r\n\r\n  .cm-vblock-head-info { min-width: 0; }\r\n  .cm-vblock-type { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 5px; }\r\n  .cm-vblock-type.teal { color: #2cd5c4; }\r\n  .cm-vblock-title { font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 800; color: #fff; margin: 0 0 5px; }\r\n  .cm-vblock-desc { font-family: 'DM Sans', sans-serif; font-size: 13px; color: #666; margin: 0; line-height: 1.5; }\r\n\r\n  \/* \u2500\u2500 LISTA DE SERVICIOS \u2500\u2500 *\/\r\n  .cm-vblock-list { padding: 8px 0; }\r\n\r\n  .cm-sitem {\r\n    display: flex; align-items: flex-start; gap: 16px;\r\n    padding: 18px 32px; border-bottom: 1px solid rgba(255,255,255,0.04);\r\n    transition: background 0.25s;\r\n  }\r\n  .cm-sitem:last-child { border-bottom: none; }\r\n  .cm-sitem:hover { background: rgba(255,255,255,0.02); }\r\n\r\n  .cm-sitem-num {\r\n    font-family: 'Syne', sans-serif; font-size: 11px; font-weight: 700;\r\n    padding-top: 2px; flex-shrink: 0; width: 18px;\r\n  }\r\n  .teal .cm-sitem-num { color: rgba(44,213,196,0.4); }\r\n\r\n  .cm-sitem-icon {\r\n    width: 34px; height: 34px; min-width: 34px;\r\n    border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n  }\r\n  .teal .cm-sitem-icon { background: rgba(44,213,196,0.08); }\r\n  .cm-sitem-icon svg { width: 15px; height: 15px; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n  .teal .cm-sitem-icon svg { stroke: #2cd5c4; }\r\n\r\n  .cm-sitem-body { min-width: 0; }\r\n  .cm-sitem-title { font-family: 'Syne', sans-serif; font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 4px; }\r\n  .cm-sitem-text { font-family: 'DM Sans', sans-serif; font-size: 13px; color: #666; margin: 0; line-height: 1.55; }\r\n\r\n  \/* \u2500\u2500 FOOTER DE BLOQUE \u2500\u2500 *\/\r\n  .cm-vblock-footer {\r\n    padding: 18px 32px; border-top: 1px solid rgba(255,255,255,0.04);\r\n  }\r\n  .cm-vblock-link {\r\n    font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600;\r\n    text-decoration: none; display: inline-flex; align-items: center; gap: 6px;\r\n    letter-spacing: 0.04em; transition: gap 0.25s;\r\n  }\r\n  .teal .cm-vblock-link { color: #2cd5c4; }\r\n  .cm-vblock-link:hover { gap: 10px; }\r\n  .cm-vblock-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\r\n\r\n  \/* \u2500\u2500 BLOQUE HEAD CLICKABLE \u2500\u2500 *\/\r\n  a.cm-vblock-head-link {\r\n    text-decoration: none; color: inherit; display: block; cursor: pointer;\r\n    transition: background 0.3s;\r\n  }\r\n  a.cm-vblock-head-link:hover .cm-vblock-head { background: rgba(44,213,196,0.10); }\r\n\r\n  \/* \u2500\u2500 FADE-UP aut\u00f3nomo \u2500\u2500 *\/\r\n  .cm-serv .s-fade { opacity: 0; transform: translateY(26px); transition: opacity 0.65s ease, transform 0.65s ease; }\r\n  .cm-serv .s-fade.s-visible { opacity: 1; transform: translateY(0); }\r\n  .cm-serv .s-d1 { transition-delay: 0.1s; }\r\n  .cm-serv .s-d2 { transition-delay: 0.22s; }\r\n  .cm-serv .s-d3 { transition-delay: 0.34s; }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-serv-cols { grid-template-columns: 1fr; }\r\n    .cm-serv { padding: 72px 20px; }\r\n    .cm-serv-header { margin-bottom: 44px; }\r\n  }\r\n  @media (max-width: 480px) { .cm-serv { padding: 56px 16px; } }\r\n<\/style>\r\n\r\n<section class=\"cm-serv\" id=\"servicios\">\r\n  <div class=\"cm-serv-topline\"><\/div>\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-serv-header\">\r\n      <div class=\"cm-serv-label s-fade\">Nuestros Servicios<\/div>\r\n      <h2 class=\"cm-serv-headline s-fade s-d1\">Dos verticales, una misma <span>excelencia<\/span><\/h2>\r\n      <p class=\"cm-serv-sub s-fade s-d2\">Especialistas en climatizaci\u00f3n y transformaci\u00f3n digital. Dos \u00e1reas con una misma promesa: resultados medibles y soporte real.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-serv-cols s-fade s-d3\">\r\n\r\n      <!-- HVAC -->\r\n      <div class=\"cm-vblock teal\">\r\n        <a href=\"https:\/\/www.corporativomatheus.com\/instalaciones\/\" class=\"cm-vblock-head-link\">\r\n        <div class=\"cm-vblock-head teal\">\r\n          <div class=\"cm-vblock-icon teal\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9.59 4.59A2 2 0 1111 8H2m10.59 11.41A2 2 0 1014 16H2m15.73-8.27A2.5 2.5 0 1119.5 12H2\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-vblock-head-info\">\r\n            <div class=\"cm-vblock-type teal\">Vertical Principal<\/div>\r\n            <div class=\"cm-vblock-title\">HVAC &amp; Climatizaci\u00f3n<\/div>\r\n            <p class=\"cm-vblock-desc\">Ventilaci\u00f3n, aire acondicionado y calefacci\u00f3n para cualquier escala<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <\/a>\r\n        <div class=\"cm-vblock-list\">\r\n          <div class=\"cm-sitem\">\r\n            <span class=\"cm-sitem-num\">01<\/span>\r\n            <div class=\"cm-sitem-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"16 3 21 3 21 8\"\/><line x1=\"4\" y1=\"20\" x2=\"21\" y2=\"3\"\/><polyline points=\"21 16 21 21 16 21\"\/><line x1=\"15\" y1=\"15\" x2=\"21\" y2=\"21\"\/><\/svg><\/div>\r\n            <div class=\"cm-sitem-body\">\r\n              <h4 class=\"cm-sitem-title\">Suministro de Equipos<\/h4>\r\n              <p class=\"cm-sitem-text\">Provisi\u00f3n de equipos HVAC certificados de marcas l\u00edderes. Selecci\u00f3n t\u00e9cnica personalizada seg\u00fan requerimiento.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-sitem\">\r\n            <span class=\"cm-sitem-num\">02<\/span>\r\n            <div class=\"cm-sitem-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\r\n            <div class=\"cm-sitem-body\">\r\n              <h4 class=\"cm-sitem-title\">Instalaci\u00f3n Profesional<\/h4>\r\n              <p class=\"cm-sitem-text\">Instalaci\u00f3n t\u00e9cnica por ingenieros certificados. Puesta en marcha, pruebas y comisionamiento de sistemas.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-sitem\">\r\n            <span class=\"cm-sitem-num\">03<\/span>\r\n            <div class=\"cm-sitem-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n            <div class=\"cm-sitem-body\">\r\n              <h4 class=\"cm-sitem-title\">Mantenimiento Preventivo<\/h4>\r\n              <p class=\"cm-sitem-text\">Planes de mantenimiento peri\u00f3dico para extender la vida \u00fatil de equipos y evitar fallas costosas.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cm-vblock-footer teal\">\r\n          <a href=\"\/instalaciones\/\" class=\"cm-vblock-link\">Ver todos los servicios HVAC <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TECNOLOG\u00cdA -->\r\n      <div class=\"cm-vblock teal\">\r\n        <a href=\"https:\/\/www.corporativomatheus.com\/tecnologia\/\" class=\"cm-vblock-head-link\">\r\n        <div class=\"cm-vblock-head teal\">\r\n          <div class=\"cm-vblock-icon teal\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"cm-vblock-head-info\">\r\n            <div class=\"cm-vblock-type teal\">Innovaci\u00f3n<\/div>\r\n            <div class=\"cm-vblock-title\">Tecnolog\u00eda, IA & Cyber<\/div>\r\n            <p class=\"cm-vblock-desc\">Automatizaci\u00f3n e inteligencia artificial para transformar tu empresa<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <\/a>\r\n        <div class=\"cm-vblock-list\">\r\n          <div class=\"cm-sitem\">\r\n            <span class=\"cm-sitem-num\">01<\/span>\r\n            <div class=\"cm-sitem-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\r\n            <div class=\"cm-sitem-body\">\r\n              <h4 class=\"cm-sitem-title\">Diagn\u00f3stico Digital<\/h4>\r\n              <p class=\"cm-sitem-text\">An\u00e1lisis profundo de procesos, infraestructura y oportunidades de automatizaci\u00f3n en tu organizaci\u00f3n.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-sitem\">\r\n            <span class=\"cm-sitem-num\">02<\/span>\r\n            <div class=\"cm-sitem-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\r\n            <div class=\"cm-sitem-body\">\r\n              <h4 class=\"cm-sitem-title\">Automatizaci\u00f3n de Procesos<\/h4>\r\n              <p class=\"cm-sitem-text\">Dise\u00f1o e implementaci\u00f3n de flujos automatizados que reducen tiempos, errores y costos operativos.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-sitem\">\r\n            <span class=\"cm-sitem-num\">03<\/span>\r\n            <div class=\"cm-sitem-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93l-1.41 1.41M17.66 17.66l1.41 1.41M4.93 4.93l1.41 1.41M6.34 17.66l-1.41 1.41M2 12h2m16 0h2M12 2v2m0 16v2\"\/><\/svg><\/div>\r\n            <div class=\"cm-sitem-body\">\r\n              <h4 class=\"cm-sitem-title\">Implementaci\u00f3n de IA<\/h4>\r\n              <p class=\"cm-sitem-text\">Integraci\u00f3n de soluciones de inteligencia artificial adaptadas a los flujos reales de tu empresa.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cm-vblock-footer teal\">\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/tecnologia\/\" class=\"cm-vblock-link\">Ver soluciones tecnol\u00f3gicas <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('s-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.08 });\r\n  document.querySelectorAll('.cm-serv .s-fade').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bea607 elementor-widget elementor-widget-html\" data-id=\"7bea607\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 05 \u2014 PROYECTOS\r\n     FIX: observer propio, sin overflow:hidden en wrapper,\r\n          grid con columnas expl\u00edcitas en px para evitar desborde\r\n     ============================================================ -->\r\n<style>\r\n  .cm-proy *, .cm-proy *::before, .cm-proy *::after { box-sizing: border-box; }\r\n\r\n  .cm-proy {\r\n    position: relative; z-index: 1;\r\n    width: 100%; padding: 100px 40px;\r\n    background: transparent;\r\n  }\r\n\r\n  .cm-proy-topline {\r\n    position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(44,213,196,0.18), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-proy .cm-container { max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n  .cm-proy-header {\r\n    display: flex; align-items: flex-end; justify-content: space-between;\r\n    margin-bottom: 48px; gap: 28px; flex-wrap: wrap;\r\n  }\r\n\r\n  .cm-proy-label {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600;\r\n    letter-spacing: 0.2em; text-transform: uppercase; color: #2cd5c4; margin-bottom: 14px;\r\n  }\r\n  .cm-proy-label::before { content: ''; display: block; width: 22px; height: 1px; background: #2cd5c4; flex-shrink: 0; }\r\n\r\n  .cm-proy-headline {\r\n    font-family: 'Syne', sans-serif; font-size: clamp(24px, 3.2vw, 42px);\r\n    font-weight: 800; color: #fff; line-height: 1.1; letter-spacing: -0.02em; margin: 0;\r\n    overflow-wrap: break-word;\r\n  }\r\n  .cm-proy-headline em { font-style: normal; color: #2cd5c4; }\r\n\r\n  .cm-proy-cta-link {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600;\r\n    color: #666; text-decoration: none; letter-spacing: 0.04em;\r\n    border: 1px solid rgba(255,255,255,0.1); padding: 10px 20px;\r\n    border-radius: 30px; transition: border-color 0.3s, color 0.3s; white-space: nowrap;\r\n    flex-shrink: 0;\r\n  }\r\n  .cm-proy-cta-link:hover { border-color: rgba(44,213,196,0.3); color: #2cd5c4; }\r\n  .cm-proy-cta-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; flex-shrink: 0; }\r\n  .cm-proy-cta-link:hover svg { transform: translateX(3px); }\r\n\r\n  \/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n  \/* Usamos grid simple 2 columnas para robustez en Elementor *\/\r\n  .cm-proy-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n  }\r\n  .cm-proy-grid > * { min-width: 0; }\r\n\r\n  \/* Tarjeta base *\/\r\n  .cm-pcard {\r\n    position: relative; border-radius: 14px;\r\n    overflow: hidden; \/* OK \u2014 es un elemento hijo *\/\r\n    background: rgba(17,17,17,0.6);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Variantes de tama\u00f1o *\/\r\n  .cm-pcard-full { grid-column: span 2; aspect-ratio: 16\/7; }\r\n  .cm-pcard-half { grid-column: span 1; aspect-ratio: 4\/3; }\r\n  .cm-pcard-wide { grid-column: span 2; aspect-ratio: 21\/8; }\r\n\r\n  .cm-pcard img {\r\n    width: 100%; height: 100%; object-fit: cover; display: block;\r\n    filter: brightness(0.72) saturate(0.88);\r\n    transition: transform 0.55s ease, filter 0.4s ease;\r\n  }\r\n  .cm-pcard:hover img { transform: scale(1.05); filter: brightness(0.48) saturate(0.8); }\r\n\r\n  .cm-pcard-overlay {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, transparent 52%);\r\n    transition: background 0.4s;\r\n  }\r\n  .cm-pcard:hover .cm-pcard-overlay { background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.28) 100%); }\r\n\r\n  .cm-pcard-content {\r\n    position: absolute; bottom: 0; left: 0; right: 0;\r\n    padding: 20px 24px; z-index: 1;\r\n  }\r\n\r\n  .cm-pcard-tag {\r\n    display: inline-block; font-family: 'DM Sans', sans-serif;\r\n    font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;\r\n    color: #2cd5c4; background: rgba(44,213,196,0.15);\r\n    border: 1px solid rgba(44,213,196,0.22); padding: 3px 10px; border-radius: 20px; margin-bottom: 7px;\r\n  }\r\n  .cm-pcard-tag.purple { color: #a855f7; background: rgba(168,85,247,0.15); border-color: rgba(168,85,247,0.22); }\r\n\r\n  .cm-pcard-name {\r\n    font-family: 'Syne', sans-serif; font-size: 15px; font-weight: 700;\r\n    color: #fff; margin: 0 0 3px; line-height: 1.3;\r\n  }\r\n  .cm-pcard-full .cm-pcard-name { font-size: 18px; }\r\n\r\n  .cm-pcard-detail { font-family: 'DM Sans', sans-serif; font-size: 12px; color: rgba(255,255,255,0.45); margin: 0; }\r\n\r\n  .cm-proy-note {\r\n    margin-top: 28px; text-align: center;\r\n    font-family: 'DM Sans', sans-serif; font-size: 13px; color: #444; font-style: italic;\r\n  }\r\n  .cm-proy-note span { color: #2cd5c4; font-style: normal; font-weight: 600; }\r\n\r\n  \/* \u2500\u2500 FADE-UP aut\u00f3nomo \u2500\u2500 *\/\r\n  .cm-proy .s-fade { opacity: 0; transform: translateY(26px); transition: opacity 0.65s ease, transform 0.65s ease; }\r\n  .cm-proy .s-fade.s-visible { opacity: 1; transform: translateY(0); }\r\n  .cm-proy .s-d1 { transition-delay: 0.1s; }\r\n  .cm-proy .s-d2 { transition-delay: 0.22s; }\r\n  .cm-proy .s-d3 { transition-delay: 0.34s; }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-pcard-full, .cm-pcard-wide { grid-column: span 2; }\r\n    .cm-pcard-half { grid-column: span 1; }\r\n    .cm-proy { padding: 72px 20px; }\r\n    .cm-proy-header { flex-direction: column; align-items: flex-start; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .cm-proy-grid { grid-template-columns: 1fr; }\r\n    .cm-pcard-full, .cm-pcard-half, .cm-pcard-wide { grid-column: span 1; aspect-ratio: 4\/3; }\r\n    .cm-proy { padding: 56px 16px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-proy\" id=\"proyectos\">\r\n  <div class=\"cm-proy-topline\"><\/div>\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-proy-header\">\r\n      <div>\r\n        <div class=\"cm-proy-label s-fade\">Portfolio<\/div>\r\n        <h2 class=\"cm-proy-headline s-fade s-d1\">Proyectos que<br>hablan por s\u00ed <em>solos<\/em><\/h2>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PERSONALIZAR: Reemplaza las im\u00e1genes con URLs reales de tu WordPress -->\r\n    <div class=\"cm-proy-grid s-fade s-d2\">\r\n\r\n      <div class=\"cm-pcard cm-pcard-full\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=1200&q=80\" alt=\"Instalaci\u00f3n HVAC corporativa\" loading=\"lazy\">\r\n        <div class=\"cm-pcard-overlay\"><\/div>\r\n        <div class=\"cm-pcard-content\">\r\n          <span class=\"cm-pcard-tag\">HVAC<\/span>\r\n          <h4 class=\"cm-pcard-name\">Sistema de climatizaci\u00f3n \u2014 Edificio Corporativo<\/h4>\r\n          <p class=\"cm-pcard-detail\">Lima \u00b7 Instalaci\u00f3n completa \u00b7 2024<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cm-pcard cm-pcard-half\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&q=80\" alt=\"Mantenimiento de equipos\" loading=\"lazy\">\r\n        <div class=\"cm-pcard-overlay\"><\/div>\r\n        <div class=\"cm-pcard-content\">\r\n          <span class=\"cm-pcard-tag\">CIBERSEGURIDAD<\/span>\r\n          <h4 class=\"cm-pcard-name\">Seguridad y Protecci\u00f3n de Sistemas<\/h4>\r\n          <p class=\"cm-pcard-detail\">Monitoreo \u00b7 Prevenci\u00f3n \u00b7 Respuesta<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cm-pcard cm-pcard-half\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/tecnologia_automatizacion.png\" alt=\"Automatizaci\u00f3n industrial\" loading=\"lazy\">\r\n        <div class=\"cm-pcard-overlay\"><\/div>\r\n        <div class=\"cm-pcard-content\">\r\n          <span class=\"cm-pcard-tag purple\">Tecnolog\u00eda<\/span>\r\n          <h4 class=\"cm-pcard-name\">Automatizaci\u00f3n de Procesos<\/h4>\r\n          <p class=\"cm-pcard-detail\">Lima \u00b7 IA integrada \u00b7 2025<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cm-pcard cm-pcard-wide\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?w=1200&q=80\" alt=\"Proyecto residencial\" loading=\"lazy\">\r\n        <div class=\"cm-pcard-overlay\"><\/div>\r\n        <div class=\"cm-pcard-content\">\r\n          <span class=\"cm-pcard-tag\">Residencial<\/span>\r\n          <h4 class=\"cm-pcard-name\">Climatizaci\u00f3n Integral \u2014 Condominio Residencial de Alta Gama<\/h4>\r\n          <p class=\"cm-pcard-detail\">Lima \u00b7 48 unidades \u00b7 2025<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"cm-proy-note s-fade s-d3\">\r\n      Estos son solo algunos ejemplos. <span>Contamos con m\u00e1s de 200 proyectos<\/span> ejecutados en todo el Per\u00fa.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('s-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.06 });\r\n  document.querySelectorAll('.cm-proy .s-fade').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-exp-msby1rk0 elementor-widget elementor-widget-html\" data-id=\"exp-msby1rk0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CAJ\u00d3N 04 \u2014 EXPERIENCIA\n     FIX: observer propio, sin overflow:hidden, min-width:0\n     ============================================================ -->\n<style>\n  .cm-exp *, .cm-exp *::before, .cm-exp *::after { box-sizing: border-box; }\n\n  .cm-exp {\n    position: relative; z-index: 1;\n    width: 100%; padding: 100px 40px;\n    background: transparent;\n  }\n\n  .cm-exp-topline {\n    position: absolute; top: 0; left: 0; right: 0; height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(44,213,196,0.18), transparent);\n    pointer-events: none;\n  }\n\n  .cm-exp-glow {\n    position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%);\n    width: 700px; height: 350px;\n    background: radial-gradient(ellipse at center, rgba(44,213,196,0.04) 0%, transparent 65%);\n    pointer-events: none; z-index: 0;\n  }\n\n  .cm-exp .cm-container { max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  .cm-exp-header {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 56px; align-items: end; margin-bottom: 64px;\n  }\n  .cm-exp-header > * { min-width: 0; }\n\n  .cm-exp-label {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600;\n    letter-spacing: 0.2em; text-transform: uppercase; color: #2cd5c4; margin-bottom: 18px;\n  }\n  .cm-exp-label::before { content: ''; display: block; width: 22px; height: 1px; background: #2cd5c4; flex-shrink: 0; }\n\n  .cm-exp-headline {\n    font-family: 'Syne', sans-serif; font-size: clamp(26px, 3.2vw, 44px);\n    font-weight: 800; color: #fff; line-height: 1.1; letter-spacing: -0.02em; margin: 0;\n    overflow-wrap: break-word;\n  }\n  .cm-exp-headline em { font-style: normal; color: #2cd5c4; }\n\n  .cm-exp-intro {\n    font-family: 'DM Sans', sans-serif; font-size: 15px;\n    line-height: 1.75; color: #666;\n  }\n\n  \/* \u2500\u2500 N\u00daMEROS \u2500\u2500 *\/\n  .cm-exp-numbers {\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    gap: 2px; background: rgba(255,255,255,0.04);\n    border-radius: 16px; overflow: hidden;\n    border: 1px solid rgba(255,255,255,0.06);\n    margin-bottom: 28px;\n  }\n  .cm-exp-numbers > * { min-width: 0; }\n\n  .cm-exp-num-item {\n    background: rgba(11,11,11,0.96);\n    padding: 36px 20px; text-align: center;\n    transition: background 0.3s;\n    position: relative;\n  }\n\n  .cm-exp-num-bar {\n    position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, #2cd5c4, transparent);\n    transform: scaleX(0); transform-origin: left;\n    transition: transform 0.45s ease;\n  }\n  .cm-exp-num-item:hover { background: rgba(18,18,18,0.96); }\n  .cm-exp-num-item:hover .cm-exp-num-bar { transform: scaleX(1); }\n\n  .cm-exp-num-value {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(32px, 3.5vw, 52px);\n    font-weight: 800; color: #2cd5c4; line-height: 1; display: block; margin-bottom: 8px;\n    letter-spacing: -0.02em;\n  }\n  .cm-exp-num-title { font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 700; color: #fff; display: block; margin-bottom: 5px; }\n  .cm-exp-num-desc { font-family: 'DM Sans', sans-serif; font-size: 12px; color: #555; line-height: 1.5; display: block; }\n\n  \/* \u2500\u2500 CLIENTES \u2500\u2500 *\/\n  .cm-exp-clientes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\n  .cm-exp-clientes > * { min-width: 0; }\n\n  .cm-exp-cliente {\n    background: rgba(17,17,17,0.5); border: 1px solid rgba(255,255,255,0.06);\n    border-radius: 10px; padding: 22px 24px;\n    transition: border-color 0.3s, background 0.3s, transform 0.3s;\n    position: relative; overflow: hidden;\n  }\n  .cm-exp-cliente-bar {\n    position: absolute; left: 0; top: 0; bottom: 0; width: 3px;\n    background: #2cd5c4; opacity: 0; transition: opacity 0.3s;\n  }\n  .cm-exp-cliente:hover { border-color: rgba(44,213,196,0.2); background: rgba(44,213,196,0.03); transform: translateY(-3px); }\n  .cm-exp-cliente:hover .cm-exp-cliente-bar { opacity: 1; }\n\n  .cm-exp-cliente svg { width: 26px; height: 26px; stroke: #2cd5c4; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; opacity: 0.55; margin-bottom: 12px; display: block; }\n  .cm-exp-cliente h4 { font-family: 'Syne', sans-serif; font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 5px; }\n  .cm-exp-cliente p { font-family: 'DM Sans', sans-serif; font-size: 12px; color: #666; margin: 0; line-height: 1.55; }\n\n  \/* \u2500\u2500 FADE-UP aut\u00f3nomo \u2500\u2500 *\/\n  .cm-exp .s-fade { opacity: 0; transform: translateY(26px); transition: opacity 0.65s ease, transform 0.65s ease; }\n  .cm-exp .s-fade.s-visible { opacity: 1; transform: translateY(0); }\n  .cm-exp .s-d1 { transition-delay: 0.1s; }\n  .cm-exp .s-d2 { transition-delay: 0.22s; }\n  .cm-exp .s-d3 { transition-delay: 0.34s; }\n  .cm-exp .s-d4 { transition-delay: 0.46s; }\n\n  @media (max-width: 1024px) { .cm-exp-numbers { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 900px) {\n    .cm-exp-header { grid-template-columns: 1fr; gap: 20px; }\n    .cm-exp-clientes { grid-template-columns: 1fr 1fr; }\n    .cm-exp { padding: 72px 20px; }\n    .cm-exp-header { margin-bottom: 44px; }\n  }\n  @media (max-width: 600px) {\n    .cm-exp-numbers { grid-template-columns: 1fr 1fr; }\n    .cm-exp-clientes { grid-template-columns: 1fr; }\n    .cm-exp { padding: 56px 16px; }\n  }\n<\/style>\n\n<section class=\"cm-exp\" id=\"experiencia\">\n  <div class=\"cm-exp-topline\"><\/div>\n  <div class=\"cm-exp-glow\"><\/div>\n  <div class=\"cm-container\">\n\n    <div class=\"cm-exp-header\">\n      <div>\n        <div class=\"cm-exp-label s-fade\">Trayectoria<\/div>\n        <h2 class=\"cm-exp-headline s-fade s-d1\">M\u00e1s de una d\u00e9cada<br>construyendo <em>resultados<\/em><\/h2>\n      <\/div>\n      <p class=\"cm-exp-intro s-fade s-d2\">\n        Cada proyecto que ejecutamos es un compromiso con la calidad, la puntualidad y el resultado final. Estos n\u00fameros respaldan nuestra experiencia.\n      <\/p>\n    <\/div>\n\n    <div class=\"cm-exp-numbers s-fade s-d2\">\n      <div class=\"cm-exp-num-item\">\n        <div class=\"cm-exp-num-bar\"><\/div>\n        <span class=\"cm-exp-num-value\">+10<\/span>\n        <span class=\"cm-exp-num-title\">A\u00f1os<\/span>\n        <span class=\"cm-exp-num-desc\">de experiencia en el mercado peruano<\/span>\n      <\/div>\n      <div class=\"cm-exp-num-item\">\n        <div class=\"cm-exp-num-bar\"><\/div>\n        <span class=\"cm-exp-num-value\">+200<\/span>\n        <span class=\"cm-exp-num-title\">Proyectos<\/span>\n        <span class=\"cm-exp-num-desc\">ejecutados en HVAC y tecnolog\u00eda<\/span>\n      <\/div>\n      <div class=\"cm-exp-num-item\">\n        <div class=\"cm-exp-num-bar\"><\/div>\n        <span class=\"cm-exp-num-value\">+50<\/span>\n        <span class=\"cm-exp-num-title\">Clientes<\/span>\n        <span class=\"cm-exp-num-desc\">activos con contratos de mantenimiento<\/span>\n      <\/div>\n      <div class=\"cm-exp-num-item\">\n        <div class=\"cm-exp-num-bar\"><\/div>\n        <span class=\"cm-exp-num-value\">100%<\/span>\n        <span class=\"cm-exp-num-title\">Garant\u00eda<\/span>\n        <span class=\"cm-exp-num-desc\">en todos los proyectos instalados<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"cm-exp-clientes s-fade s-d3\">\n      <div class=\"cm-exp-cliente\">\n        <div class=\"cm-exp-cliente-bar\"><\/div>\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n        <h4>Hogares y Residencias<\/h4>\n        <p>Casas y departamentos con sistemas de climatizaci\u00f3n personalizados para el confort del hogar.<\/p>\n      <\/div>\n      <div class=\"cm-exp-cliente\">\n        <div class=\"cm-exp-cliente-bar\"><\/div>\n        <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16\"\/><\/svg>\n        <h4>Empresas y Oficinas<\/h4>\n        <p>Entornos corporativos que requieren climatizaci\u00f3n eficiente y sistemas tecnol\u00f3gicos integrados.<\/p>\n      <\/div>\n      <div class=\"cm-exp-cliente\">\n        <div class=\"cm-exp-cliente-bar\"><\/div>\n        <svg viewBox=\"0 0 24 24\"><path d=\"M2 20h20M4 20V10l8-6 8 6v10M9 20v-5h6v5\"\/><\/svg>\n        <h4>Industria y Comercio<\/h4>\n        <p>Plantas industriales, centros comerciales y almacenes con alta demanda de sistemas HVAC.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('s-visible'); obs.unobserve(e.target); }\n    });\n  }, { threshold: 0.08 });\n  document.querySelectorAll('.cm-exp .s-fade').forEach(function(el) { obs.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70960eb elementor-widget elementor-widget-html\" data-id=\"70960eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 06 \u2014 RESPALDO\r\n     FIX: observer propio, sin overflow:hidden, min-width:0\r\n     ============================================================ -->\r\n<style>\r\n  .cm-resp *, .cm-resp *::before, .cm-resp *::after { box-sizing: border-box; }\r\n\r\n  .cm-resp {\r\n    position: relative; z-index: 1;\r\n    width: 100%; padding: 100px 40px;\r\n    background: transparent;\r\n  }\r\n\r\n  .cm-resp-topline {\r\n    position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(44,213,196,0.18), transparent);\r\n    pointer-events: none;\r\n  }\r\n  .cm-resp-bg-glow {\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n      radial-gradient(circle at 15% 20%, rgba(44,213,196,0.03) 0%, transparent 40%),\r\n      radial-gradient(circle at 85% 80%, rgba(44,213,196,0.03) 0%, transparent 40%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  .cm-resp .cm-container { max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n  .cm-resp-header { text-align: center; margin-bottom: 64px; }\r\n\r\n  .cm-resp-label {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600;\r\n    letter-spacing: 0.2em; text-transform: uppercase; color: #2cd5c4; margin-bottom: 18px;\r\n  }\r\n  .cm-resp-label::before, .cm-resp-label::after { content: ''; display: block; width: 22px; height: 1px; background: #2cd5c4; }\r\n\r\n  .cm-resp-headline {\r\n    font-family: 'Syne', sans-serif; font-size: clamp(26px, 3.8vw, 48px);\r\n    font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 14px;\r\n    overflow-wrap: break-word;\r\n  }\r\n  .cm-resp-headline em { font-style: normal; color: #2cd5c4; }\r\n\r\n  .cm-resp-sub {\r\n    font-family: 'DM Sans', sans-serif; font-size: 16px;\r\n    color: #666; max-width: 540px; margin: 0 auto; line-height: 1.65;\r\n  }\r\n\r\n  \/* \u2500\u2500 CARDS \u2500\u2500 *\/\r\n  .cm-resp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 36px; }\r\n  .cm-resp-grid > * { min-width: 0; }\r\n\r\n  .cm-resp-card {\r\n    background: rgba(17,17,17,0.5); border: 1px solid rgba(255,255,255,0.06);\r\n    border-radius: 16px; padding: 32px 28px;\r\n    transition: border-color 0.4s, background 0.4s, transform 0.4s;\r\n    position: relative;\r\n  }\r\n\r\n  .cm-resp-card-topbar {\r\n    position: absolute; top: 0; left: 0; right: 0; height: 2px;\r\n    background: linear-gradient(90deg, #2cd5c4, transparent);\r\n    border-radius: 16px 16px 0 0;\r\n    transform: scaleX(0); transform-origin: left; transition: transform 0.5s;\r\n  }\r\n  .cm-resp-card:hover { border-color: rgba(44,213,196,0.16); background: rgba(44,213,196,0.03); transform: translateY(-5px); box-shadow: 0 18px 44px rgba(0,0,0,0.28); }\r\n  .cm-resp-card:hover .cm-resp-card-topbar { transform: scaleX(1); }\r\n\r\n  .cm-resp-icon {\r\n    width: 54px; height: 54px; border-radius: 13px;\r\n    background: rgba(44,213,196,0.08); border: 1px solid rgba(44,213,196,0.15);\r\n    display: flex; align-items: center; justify-content: center; margin-bottom: 22px;\r\n    transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;\r\n  }\r\n  .cm-resp-card:hover .cm-resp-icon { background: rgba(44,213,196,0.13); border-color: rgba(44,213,196,0.28); box-shadow: 0 0 18px rgba(44,213,196,0.1); }\r\n  .cm-resp-icon svg { width: 26px; height: 26px; stroke: #2cd5c4; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  .cm-resp-card-title { font-family: 'Syne', sans-serif; font-size: 18px; font-weight: 800; color: #fff; margin: 0 0 10px; }\r\n  .cm-resp-card-text { font-family: 'DM Sans', sans-serif; font-size: 14px; color: #666; margin: 0 0 18px; line-height: 1.7; }\r\n\r\n  .cm-resp-bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px; }\r\n  .cm-resp-bullets li {\r\n    display: flex; align-items: flex-start; gap: 8px;\r\n    font-family: 'DM Sans', sans-serif; font-size: 13px; color: #888; line-height: 1.5;\r\n  }\r\n  .cm-resp-bullets li::before {\r\n    content: ''; width: 5px; height: 5px; border-radius: 50%;\r\n    background: #2cd5c4; flex-shrink: 0; margin-top: 7px; opacity: 0.55;\r\n  }\r\n\r\n  \/* \u2500\u2500 STRIP FINAL \u2500\u2500 *\/\r\n  .cm-resp-strip {\r\n    background: rgba(44,213,196,0.05); border: 1px solid rgba(44,213,196,0.12);\r\n    border-radius: 16px; padding: 28px 36px;\r\n    display: flex; align-items: center; justify-content: space-between; gap: 28px;\r\n  }\r\n  .cm-resp-strip > * { min-width: 0; }\r\n\r\n  .cm-resp-strip-left { display: flex; align-items: center; gap: 18px; min-width: 0; }\r\n  .cm-resp-strip-left > * { min-width: 0; }\r\n\r\n  .cm-resp-strip-icon {\r\n    width: 48px; height: 48px; min-width: 48px; border-radius: 11px;\r\n    background: rgba(44,213,196,0.1); border: 1px solid rgba(44,213,196,0.2);\r\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n  }\r\n  .cm-resp-strip-icon svg { width: 22px; height: 22px; stroke: #2cd5c4; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  .cm-resp-strip-text h4 { font-family: 'Syne', sans-serif; font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 3px; }\r\n  .cm-resp-strip-text p { font-family: 'DM Sans', sans-serif; font-size: 13px; color: #666; margin: 0; }\r\n\r\n  .cm-resp-strip-btn {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: #2cd5c4; color: #000;\r\n    font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700;\r\n    letter-spacing: 0.06em; text-transform: uppercase;\r\n    padding: 14px 26px; border-radius: 10px; text-decoration: none;\r\n    transition: background 0.3s, transform 0.3s, box-shadow 0.3s; white-space: nowrap; flex-shrink: 0;\r\n  }\r\n  .cm-resp-strip-btn:hover { background: #1fb8a9; transform: translateY(-2px); box-shadow: 0 10px 26px rgba(44,213,196,0.3); }\r\n  .cm-resp-strip-btn svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\r\n\r\n  \/* \u2500\u2500 FADE-UP aut\u00f3nomo \u2500\u2500 *\/\r\n  .cm-resp .s-fade { opacity: 0; transform: translateY(26px); transition: opacity 0.65s ease, transform 0.65s ease; }\r\n  .cm-resp .s-fade.s-visible { opacity: 1; transform: translateY(0); }\r\n  .cm-resp .s-d1 { transition-delay: 0.1s; }\r\n  .cm-resp .s-d2 { transition-delay: 0.22s; }\r\n  .cm-resp .s-d3 { transition-delay: 0.34s; }\r\n  .cm-resp .s-d4 { transition-delay: 0.46s; }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-resp-grid { grid-template-columns: 1fr; }\r\n    .cm-resp-strip { flex-direction: column; text-align: center; }\r\n    .cm-resp-strip-left { flex-direction: column; text-align: center; }\r\n    .cm-resp { padding: 72px 20px; }\r\n    .cm-resp-header { margin-bottom: 44px; }\r\n  }\r\n  @media (max-width: 480px) { .cm-resp { padding: 56px 16px; } }\r\n<\/style>\r\n\r\n<section class=\"cm-resp\" id=\"respaldo\">\r\n  <div class=\"cm-resp-topline\"><\/div>\r\n  <div class=\"cm-resp-bg-glow\"><\/div>\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-resp-header\">\r\n      <div class=\"cm-resp-label s-fade\">Por qu\u00e9 elegirnos<\/div>\r\n      <h2 class=\"cm-resp-headline s-fade s-d1\">Trabajamos con <em>garant\u00edas reales<\/em>,<br>no con promesas vac\u00edas<\/h2>\r\n      <p class=\"cm-resp-sub s-fade s-d2\">Cada proyecto viene respaldado por procesos claros, equipos certificados y un equipo que se mantiene presente despu\u00e9s de la entrega.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-resp-grid s-fade s-d2\">\r\n\r\n      <div class=\"cm-resp-card\">\r\n        <div class=\"cm-resp-card-topbar\"><\/div>\r\n        <div class=\"cm-resp-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n        <h3 class=\"cm-resp-card-title\">Garant\u00eda en Cada Proyecto<\/h3>\r\n        <p class=\"cm-resp-card-text\">Todos nuestros trabajos de instalaci\u00f3n y mantenimiento incluyen garant\u00eda escrita sobre materiales y mano de obra.<\/p>\r\n        <ul class=\"cm-resp-bullets\">\r\n          <li>Garant\u00eda de instalaci\u00f3n incluida<\/li>\r\n          <li>Respaldo en equipos suministrados<\/li>\r\n          <li>Documentaci\u00f3n t\u00e9cnica entregada<\/li>\r\n          <li>Certificado de comisionamiento<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"cm-resp-card\">\r\n        <div class=\"cm-resp-card-topbar\"><\/div>\r\n        <div class=\"cm-resp-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div>\r\n        <h3 class=\"cm-resp-card-title\">Procesos Claros y Auditables<\/h3>\r\n        <p class=\"cm-resp-card-text\">Trabajamos con metodolog\u00eda estructurada: desde el diagn\u00f3stico hasta la entrega final, cada etapa es trazable.<\/p>\r\n        <ul class=\"cm-resp-bullets\">\r\n          <li>Diagn\u00f3stico t\u00e9cnico antes de cotizar<\/li>\r\n          <li>Propuesta detallada con alcances<\/li>\r\n          <li>Cronograma de ejecuci\u00f3n definido<\/li>\r\n          <li>Informe final de proyecto<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"cm-resp-card\">\r\n        <div class=\"cm-resp-card-topbar\"><\/div>\r\n        <div class=\"cm-resp-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg><\/div>\r\n        <h3 class=\"cm-resp-card-title\">Soporte Post-Entrega<\/h3>\r\n        <p class=\"cm-resp-card-text\">No desaparecemos al terminar. Ofrecemos soporte t\u00e9cnico continuo y planes de mantenimiento para el largo plazo.<\/p>\r\n        <ul class=\"cm-resp-bullets\">\r\n          <li>Canal de soporte directo<\/li>\r\n          <li>Tiempo de respuesta oportuno<\/li>\r\n          <li>Visitas t\u00e9cnicas programadas<\/li>\r\n          <li>Planes de mantenimiento anuales<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cm-resp-strip s-fade s-d4\">\r\n      <div class=\"cm-resp-strip-left\">\r\n        <div class=\"cm-resp-strip-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n        <div class=\"cm-resp-strip-text\">\r\n          <h4>\u00bfListo para comenzar tu proyecto?<\/h4>\r\n          <p>Agenda una visita t\u00e9cnica sin costo y recibe una propuesta personalizada.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"#contacto\" class=\"cm-resp-strip-btn\">\r\n        Solicitar Diagn\u00f3stico Gratuito\r\n        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('s-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.08 });\r\n  document.querySelectorAll('.cm-resp .s-fade').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-260df96 elementor-widget elementor-widget-html\" data-id=\"260df96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<!-- ============================================================\r\n     CAJ\u00d3N 07 \u2014 CTA FINAL\r\n     FIX: observer propio, sin overflow:hidden, min-width:0\r\n     ============================================================ -->\r\n<style>\r\n  .cm-cta *, .cm-cta *::before, .cm-cta *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cm-cta {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    padding: 100px 40px;\r\n    background: transparent;\r\n  }\r\n\r\n  .cm-cta-topline {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(44,213,196,0.18),\r\n      transparent\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-cta-glow-bg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 700px;\r\n    height: 400px;\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      rgba(44,213,196,0.05) 0%,\r\n      transparent 65%\r\n    );\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .cm-cta .cm-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n  .cm-cta-card {\r\n    background: rgba(17,17,17,0.72);\r\n    border: 1px solid rgba(44,213,196,0.13);\r\n    border-radius: 22px;\r\n    padding: 72px 56px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-width: 0;\r\n  }\r\n\r\n  .cm-cta-card-glow {\r\n    position: absolute;\r\n    top: -70px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 360px;\r\n    height: 180px;\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      rgba(44,213,196,0.1) 0%,\r\n      transparent 70%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Esquinas decorativas *\/\r\n  .cm-cta-corner-tl {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-top: 2px solid rgba(44,213,196,0.28);\r\n    border-left: 2px solid rgba(44,213,196,0.28);\r\n    border-radius: 22px 0 0 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-cta-corner-br {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-bottom: 2px solid rgba(44,213,196,0.28);\r\n    border-right: 2px solid rgba(44,213,196,0.28);\r\n    border-radius: 0 0 22px 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 LABEL \u2500\u2500 *\/\r\n  .cm-cta-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: #2cd5c4;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .cm-cta-label::before,\r\n  .cm-cta-label::after {\r\n    content: '';\r\n    display: block;\r\n    width: 18px;\r\n    height: 1px;\r\n    background: #2cd5c4;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADLINE \u2500\u2500 *\/\r\n  .cm-cta-headline {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(28px, 4.5vw, 58px);\r\n    font-weight: 800;\r\n    color: #fff;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.02em;\r\n    margin: 0 auto 18px;\r\n    max-width: 780px;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .cm-cta-headline em {\r\n    font-style: normal;\r\n    color: #2cd5c4;\r\n  }\r\n\r\n  \/* \u2500\u2500 TEXTO DESCRIPTIVO \u2500\u2500 *\/\r\n  .cm-cta-sub {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 17px;\r\n    color: #666;\r\n\r\n    \/* M\u00e1s ancho horizontalmente *\/\r\n    max-width: 820px;\r\n    width: 100%;\r\n\r\n    margin: 0 auto 44px;\r\n    line-height: 1.7;\r\n    padding: 0 10px;\r\n  }\r\n\r\n  \/* \u2500\u2500 BOTONES \u2500\u2500 *\/\r\n  .cm-cta-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .cm-cta-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #2cd5c4;\r\n    color: #000;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n    padding: 17px 38px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    transition:\r\n      background 0.3s,\r\n      transform 0.3s,\r\n      box-shadow 0.3s;\r\n    animation: ctaPulse 3s ease-in-out infinite;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  @keyframes ctaPulse {\r\n    0%, 100% {\r\n      box-shadow: 0 0 0 0 rgba(44,213,196,0.25);\r\n    }\r\n\r\n    50% {\r\n      box-shadow: 0 0 0 10px rgba(44,213,196,0);\r\n    }\r\n  }\r\n\r\n  .cm-cta-btn-primary:hover {\r\n    background: #1fb8a9;\r\n    transform: translateY(-3px);\r\n    animation: none;\r\n    box-shadow: 0 14px 36px rgba(44,213,196,0.32);\r\n  }\r\n\r\n  .cm-cta-btn-primary svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    stroke: currentColor;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .cm-cta-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: transparent;\r\n    color: #ccc;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.04em;\r\n    padding: 17px 38px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    transition:\r\n      border-color 0.3s,\r\n      color 0.3s,\r\n      transform 0.3s;\r\n    border: 1px solid rgba(255,255,255,0.13);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .cm-cta-btn-secondary:hover {\r\n    border-color: rgba(44,213,196,0.3);\r\n    color: #2cd5c4;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .cm-cta-btn-secondary svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: currentColor;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 TRUST BADGES \u2500\u2500 *\/\r\n  .cm-cta-trust {\r\n    display: flex;\r\n    gap: 36px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    padding-top: 36px;\r\n    border-top: 1px solid rgba(255,255,255,0.05);\r\n  }\r\n\r\n  .cm-cta-trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    color: #555;\r\n  }\r\n\r\n  .cm-cta-trust-item svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    stroke: #2cd5c4;\r\n    fill: none;\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    opacity: 0.7;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 ESPACIADO FINAL \u2500\u2500 *\/\r\n  .cm-cta-pad {\r\n    height: 40px;\r\n  }\r\n\r\n  \/* \u2500\u2500 FADE-UP AUT\u00d3NOMO \u2500\u2500 *\/\r\n  .cm-cta .s-fade {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition:\r\n      opacity 0.65s ease,\r\n      transform 0.65s ease;\r\n  }\r\n\r\n  .cm-cta .s-fade.s-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .cm-cta .s-d1 {\r\n    transition-delay: 0.1s;\r\n  }\r\n\r\n  \/* \u2500\u2500 TABLET \u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n\r\n    .cm-cta {\r\n      padding: 72px 20px;\r\n    }\r\n\r\n    .cm-cta-card {\r\n      padding: 52px 24px;\r\n    }\r\n\r\n    .cm-cta-sub {\r\n      max-width: 680px;\r\n      padding: 0;\r\n    }\r\n\r\n    .cm-cta-trust {\r\n      gap: 18px;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 M\u00d3VIL \u2500\u2500 *\/\r\n  @media (max-width: 480px) {\r\n\r\n    .cm-cta {\r\n      padding: 56px 16px;\r\n    }\r\n\r\n    .cm-cta-card {\r\n      padding: 48px 18px;\r\n    }\r\n\r\n    .cm-cta-sub {\r\n      max-width: 100%;\r\n      font-size: 16px;\r\n      padding: 0;\r\n    }\r\n\r\n    .cm-cta-btn-primary,\r\n    .cm-cta-btn-secondary {\r\n      padding: 15px 24px;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-cta\" id=\"contacto\">\r\n\r\n  <div class=\"cm-cta-topline\"><\/div>\r\n  <div class=\"cm-cta-glow-bg\"><\/div>\r\n\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-cta-card s-fade\">\r\n\r\n      <div class=\"cm-cta-card-glow\"><\/div>\r\n      <div class=\"cm-cta-corner-tl\"><\/div>\r\n      <div class=\"cm-cta-corner-br\"><\/div>\r\n\r\n      <div class=\"cm-cta-label\">\r\n        Empecemos\r\n      <\/div>\r\n\r\n      <h2 class=\"cm-cta-headline\">\r\n        Tu proyecto empieza con<br>un <em>diagn\u00f3stico<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"cm-cta-sub\">\r\n        Cu\u00e9ntanos qu\u00e9 necesitas y te enviamos una propuesta t\u00e9cnica personalizada.\r\n      <\/p>\r\n\r\n      <div class=\"cm-cta-actions\">\r\n\r\n        <!-- SOLICITAR DIAGN\u00d3STICO -->\r\n        <a\r\n          href=\"https:\/\/www.corporativomatheus.com\/contacto-1\/?solucion=hvac#formulario\"\r\n          class=\"cm-cta-btn-primary\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.93a19.79 19.79 0 01-3.07-8.57A2 2 0 012 .22h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.91 7.34a16 16 0 006 6l.38-.38a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 15.17z\"\/>\r\n          <\/svg>\r\n          Solicitar Diagn\u00f3stico\r\n        <\/a>\r\n\r\n        <!-- WHATSAPP -->\r\n        <a\r\n          href=\"https:\/\/wa.me\/51988843398\"\r\n          class=\"cm-cta-btn-secondary\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/>\r\n          <\/svg>\r\n          Escribir por WhatsApp\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"cm-cta-trust\">\r\n\r\n        <div class=\"cm-cta-trust-item\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <polyline points=\"20 6 9 17 4 12\"\/>\r\n          <\/svg>\r\n          Sin costo ni compromiso\r\n        <\/div>\r\n\r\n        <div class=\"cm-cta-trust-item\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <polyline points=\"12 6 12 12 16 14\"\/>\r\n          <\/svg>\r\n          Respuesta en menos de 24h\r\n        <\/div>\r\n\r\n        <div class=\"cm-cta-trust-item\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <\/svg>\r\n          Empresa con RUC registrado\r\n        <\/div>\r\n\r\n        <div class=\"cm-cta-trust-item\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 01-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n          <\/svg>\r\n          Equipo t\u00e9cnico especializado\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cm-cta-pad\"><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('s-visible');\r\n        obs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.08\r\n  });\r\n\r\n  document\r\n    .querySelectorAll('.cm-cta .s-fade')\r\n    .forEach(function(el) {\r\n      obs.observe(el);\r\n    });\r\n})();\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d29543d e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"d29543d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d29543d\" data-e-type=\"e-flexbox\" data-id=\"d29543d\">\n    \t\t<div class=\"elementor-element elementor-element-1e52c1f elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"1e52c1f\" 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>Soluciones integrales en tecnolog\u00eda y climatizaci\u00f3n para empresas Dise\u00f1amos, implementamos y mantenemos sistemas que optimizan operaciones y reducen costos. Solicitar Diagn\u00f3stico Ver Servicios +10 A\u00f1os +200 Proyectos 100% Garant\u00eda Tecnolog\u00eda, IA y Ciberseguridad Diagn\u00f3stico \u00b7 Implementaci\u00f3n Nuevo HVAC \u2014 Climatizaci\u00f3n Suministro \u00b7 Instalaci\u00f3n \u00b7 Mantenimiento Activo Empresa Peruana con Respaldo RUC registrado \u00b7 Garant\u00eda en [&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-24","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/24","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=24"}],"version-history":[{"count":124,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":2725,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/24\/revisions\/2725"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}