{"id":1504,"date":"2026-08-18T14:53:10","date_gmt":"2026-08-18T19:53:10","guid":{"rendered":"https:\/\/www.corporativomatheus.com\/?page_id=1504"},"modified":"2026-09-02T09:43:56","modified_gmt":"2026-09-02T14:43:56","slug":"servicios-tecnologicos","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/servicios-tecnologicos\/","title":{"rendered":"Technology Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1504\" class=\"elementor elementor-1504\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72f9155 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"72f9155\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72f9155\" data-e-type=\"e-flexbox\" data-id=\"72f9155\">\n    \t\t<div class=\"elementor-element elementor-element-2f83ec1 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"2f83ec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    \/* ===== RESET (especificidad 1-0-0) ===== *\/\n    #mh-header *, #mh-header *::before, #mh-header *::after {\n        box-sizing: border-box; margin: 0; padding: 0;\n    }\n\n    \/* ===== CONTENEDOR PRINCIPAL ===== *\/\n    #mh-header {\n        --mh-teal:      #2cd5c4;\n        --mh-black:     #000000;\n        --mh-white:     #ffffff;\n        --mh-gray:      #0a0a0a;\n        --mh-border:    rgba(44,213,196,0.18);\n        --mh-teal-dim:  rgba(44,213,196,0.1);\n        --mh-font-disp: \"Bebas Neue\", sans-serif;\n        --mh-font-ui:   \"Syne\", sans-serif;\n        --mh-font-body: \"DM Sans\", sans-serif;\n        position: sticky;\n        top: 0;\n        z-index: 9000;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        background: rgba(0,0,0,0.82);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        border-bottom: 1px solid var(--mh-border);\n        transition: background 0.35s ease, box-shadow 0.35s ease;\n    }\n    #mh-header.mh--scrolled {\n        background: rgba(0,0,0,0.97);\n        box-shadow: 0 4px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header::before {\n        content: \"\";\n        display: block;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, var(--mh-teal) 40%, var(--mh-teal) 60%, transparent 100%);\n        opacity: 0.7;\n    }\n\n    \/* ===== INNER =====\n       Espacio usable: 1200px - 48px padding = 1152px\n       Logo (~130px) + nav (~680px) + CTA (~190px) + gaps = ~1050px \u2713 *\/\n    #mh-header .mh-header__inner {\n    max-width: 1500px;\n        margin: 0 auto;\n        padding: 0 12px 0 10px;\n        height: 72px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    gap: 8px;\n    }\n\n    \/* ===== LOGO ===== *\/\n    #mh-header .mh-header__logo {\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        flex-shrink: 0;\n        transition: opacity 0.25s;\n    }\n    #mh-header .mh-header__logo:hover { opacity: 0.85; }\n    #mh-header .mh-header__logo img {\n        \/* height: 42px \u2014 proporcional al header de 72px (58% del alto)\n           Cambia este valor para escalar el logo. *\/\n        height: 100px;\n        width: auto;\n        display: block;\n        object-fit: contain;\n    }\n\n    \/* ===== NAV =====\n       7 \u00edtems: gap 8px + padding 8px 10px + font 11px + spacing 0.10em\n       Calculado para caber en ~680px de ancho. *\/\n    #mh-header .mh-nav {\n        display: flex;\n        align-items: center;\n        list-style: none;\n        gap: 6px;\n        flex: 1;\n        justify-content: center;\n    }\n    #mh-header .mh-nav__item { position: relative; }\n    #mh-header .mh-nav__link {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.10em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.55);\n        text-decoration: none;\n        padding: 8px 10px;\n        border-radius: 2px;\n        transition: color 0.25s, background 0.25s;\n        position: relative;\n        white-space: nowrap;\n    }\n\t#mh-header .mh-nav__toggle {\n\t\tborder:0;\n\t\tbackground:transparent;\n\t\tcursor:pointer;\n\t}\n    #mh-header .mh-nav__link::after {\n        content: \"\";\n        position: absolute;\n        bottom: 4px;\n        left: 10px;\n        right: 10px;\n        height: 1px;\n        background: var(--mh-teal);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__link:hover,\n    #mh-header .mh-nav__link--active { color: var(--mh-white); background: var(--mh-teal-dim); }\n    #mh-header .mh-nav__link:hover::after,\n    #mh-header .mh-nav__link--active::after { transform: scaleX(1); }\n    #mh-header .mh-nav__link--active { color: var(--mh-teal) !important; }\n\n    \/* ===== FLECHA Y DROPDOWN SUBMEN\u00da ===== *\/\n    #mh-header .mh-arrow {\n        display: inline-block;\n        vertical-align: middle;\n        flex-shrink: 0;\n        transition: transform 0.3s ease;\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-nav__link .mh-arrow,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-nav__link .mh-arrow {\n        transform: rotate(180deg);\n    }\n    #mh-header .mh-subnav {\n        display: block;\n        visibility: hidden;\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n        top: calc(100% + 2px);\n        left: 0;\n        min-width: 210px;\n        list-style: none;\n        background: rgba(5,5,5,0.98);\n        border: 1px solid rgba(44,213,196,0.2);\n        border-top: 2px solid var(--mh-teal);\n        border-radius: 2px;\n        padding: 8px 0;\n        transform: translateY(8px);\n        transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;\n        z-index: 200;\n        box-shadow: 0 12px 40px rgba(0,0,0,0.5);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav {\n        visibility: visible;\n        opacity: 1;\n        pointer-events: auto;\n        transform: translateY(0);\n    }\n    #mh-header .mh-subnav--nested {\n        top:-10px;\n        left:calc(100% + 2px);\n        right:auto;\n        min-width:220px;\n        border-top:1px solid rgba(44,213,196,0.2);\n        border-right:2px solid var(--mh-teal);\n        transform:translateX(8px);\n    }\n    #mh-header .mh-nav__item--has-sub:hover > .mh-subnav--nested,\n    #mh-header .mh-nav__item--has-sub:focus-within > .mh-subnav--nested {\n        transform:translateX(0);\n    }\n    #mh-header .mh-subnav__link .mh-arrow {\n        transform:rotate(90deg);\n    }\n    #mh-header .mh-subnav__link {\n        display: block;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 11px 20px;\n        transition: color 0.2s, background 0.2s;\n        border-left: 2px solid transparent;\n    }\n    #mh-header .mh-subnav__link:hover {\n        color: var(--mh-teal);\n        background: rgba(44,213,196,0.07);\n        border-left-color: var(--mh-teal);\n    }\n\t#mh-header .mh-subnav__link--active {\n    color:var(--mh-teal);\n    background:rgba(44,213,196,0.07);\n    border-left-color:var(--mh-teal);\n}\n\n    \/* ===== DERECHA ===== *\/\n    #mh-header .mh-header__right {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-header__phone {\n        font-family: var(--mh-font-body);\n        font-size: 12px;\n        color: rgba(255,255,255,0.45);\n        text-decoration: none;\n        letter-spacing: 0.05em;\n        transition: color 0.2s;\n    }\n    #mh-header .mh-header__phone:hover { color: var(--mh-teal); }\n\n    \/* ===== SELECTOR DE IDIOMA ===== *\/\n    #mh-header .mh-lang {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        flex-shrink: 0;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 2px;\n    }\n    #mh-header .mh-lang__link {\n        font-family: var(--mh-font-ui);\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        color: rgba(255,255,255,0.5);\n        text-decoration: none;\n        padding: 5px 7px;\n        border-radius: 2px;\n        line-height: 1;\n        transition: color 0.2s, background 0.2s;\n    }\n    #mh-header .mh-lang__link:hover { color: var(--mh-white); }\n    #mh-header .mh-lang__link--active {\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    }\n\n    \/* ===== BOT\u00d3N CTA ===== *\/\n    #mh-header .mh-header__cta {\n        display: inline-flex;\n        align-items: center;\n    gap: 6px;\n        font-family: var(--mh-font-ui);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        text-decoration: none;\n        color: var(--mh-black);\n        background: var(--mh-teal);\n    padding: 10px 16px;\n        border-radius: 4px;\n        transition: box-shadow 0.25s, transform 0.25s;\n        position: relative;\n        overflow: hidden;\n        white-space: nowrap;\n    }\n    #mh-header .mh-header__cta::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(255,255,255,0.15);\n        transform: translateX(-101%);\n        transition: transform 0.3s;\n    }\n    #mh-header .mh-header__cta:hover {\n        box-shadow: 0 0 28px rgba(44,213,196,0.5), 0 6px 20px rgba(0,0,0,0.35);\n        transform: translateY(-1px);\n        color: var(--mh-black);\n    }\n    #mh-header .mh-header__cta:hover::before { transform: translateX(0); }\n    #mh-header .mh-header__cta svg { flex-shrink: 0; }\n\n    \/* ===== HAMBURGER ===== *\/\n    #mh-header .mh-hamburger {\n        display: none;\n        flex-direction: column;\n        justify-content: center;\n        gap: 5px;\n        width: 36px;\n        height: 36px;\n        background: none;\n        border: 1px solid var(--mh-border);\n        border-radius: 3px;\n        padding: 7px 8px;\n        cursor: pointer;\n        transition: border-color 0.25s;\n        flex-shrink: 0;\n    }\n    #mh-header .mh-hamburger:hover { border-color: var(--mh-teal); }\n    #mh-header .mh-hamburger span {\n        display: block; height: 1.5px;\n        background: rgba(255,255,255,0.7);\n        border-radius: 2px; transition: all 0.3s;\n    }\n    #mh-header .mh-hamburger.mh--open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n    #mh-header .mh-hamburger.mh--open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n    body.mh-menu-open {\n        overflow:hidden;\n        overscroll-behavior:none;\n    }\n\n    \/* ===== TABLET \/ LAPTOP PEQUE\u00d1O (901px \u2013 1350px) =====\n    Comprime nav y CTA para que no se desborde en pantallas medianas *\/\n    @media (max-width: 1350px) {\n    #mh-header .mh-header__inner { padding: 0 14px; gap: 8px; }\n        #mh-header .mh-nav { gap: 2px; }\n        #mh-header .mh-nav__link { font-size: 10px; padding: 7px 8px; letter-spacing: 0.08em; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; letter-spacing: 0.10em; }\n        #mh-header .mh-header__logo img { height: 38px; }\n    }\n\n    \/* ===== M\u00d3VIL Y LAPTOP COMPACTA (\u22641350px): hamburger + acorde\u00f3n ===== *\/\n    @media (max-width: 1350px) {\n        #mh-header .mh-nav {\n            display: none;\n            position: absolute;\n            top: 100%; left: 0; right: 0;\n            flex-direction: column;\n            align-items: stretch;\n            gap: 0;\n            background: rgba(5,5,5,0.98);\n            border-bottom: 1px solid var(--mh-border);\n            padding: 12px 0 20px;\n            justify-content: flex-start;\n        }\n        #mh-header .mh-nav.mh--open { display: flex; }\n        #mh-header .mh-nav__link { padding: 13px 28px; font-size: 12px; letter-spacing: 0.14em; border-radius: 0; }\n        #mh-header .mh-nav__link::after { display: none; }\n        #mh-header .mh-subnav {\n            visibility: visible;\n            opacity: 1;\n            pointer-events: auto;\n            position: static;\n            transform: none;\n            border: none;\n            border-top: none;\n            border-left: 2px solid rgba(44,213,196,0.25);\n            border-radius: 0;\n            padding: 4px 0;\n            margin: 0 0 0 28px;\n            box-shadow: none;\n            background: transparent;\n            display: none;\n        }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-subnav { display: block; }\n        #mh-header .mh-subnav--nested { display:none !important; }\n        #mh-header .mh-subnav__link { padding: 9px 20px; font-size: 10px; }\n        #mh-header .mh-nav__item--has-sub.mh--sub-open > .mh-nav__link .mh-arrow { transform: rotate(180deg); }\n        #mh-header .mh-hamburger { display: flex; }\n        #mh-header .mh-header__phone { display: none; }\n        #mh-header .mh-header__right { gap: 10px; }\n        #mh-header .mh-header__cta { font-size: 10px; padding: 9px 16px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px 5px; }\n    }\n\n    \/* ===== M\u00d3VIL PEQUE\u00d1O (\u2264480px) ===== *\/\n    @media (max-width: 480px) {\n        #mh-header .mh-header__inner { padding: 0 16px; height: 64px; }\n        #mh-header .mh-header__logo img { height: 34px; }\n        #mh-header .mh-header__cta span.mh-cta-label { display: none; }\n        #mh-header .mh-header__cta { padding: 10px 12px; }\n        #mh-header .mh-lang { padding: 1px; }\n        #mh-header .mh-lang__link { font-size: 9px; padding: 4px; letter-spacing: 0.04em; }\n    }\n    <\/style><header id=\"mh-header\" role=\"banner\"><div class=\"mh-header__inner\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-header__logo\" aria-label=\"Corp MATHEUS\"><img decoding=\"async\" src=\"https:\/\/corporativo-matheus-wordpress-cm.mqromm.easypanel.host\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-scaled.png\" alt=\"Corp MATHEUS\" \/><\/a><nav class=\"mh-nav\" id=\"mh-nav\" role=\"navigation\" aria-label=\"Men\u00fa principal\"><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/\" class=\"mh-nav__link\">Inicio<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Tecnolog\u00eda \/ IA &#038; Cyber<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/productos-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Productos Tecn\u00f3logicos<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicios-tecnologicos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios Tecnol\u00f3gicos<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\"><button type=\"button\" class=\"mh-nav__link mh-nav__toggle\" aria-haspopup=\"true\" aria-expanded=\"false\">Climatizaci\u00f3n\/HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button><ul class=\"mh-subnav\" role=\"menu\"><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/equipos-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Equipos HVAC<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/aire-acondicionado\/\" class=\"mh-subnav__link\" role=\"menuitem\">Aire Acondicionado<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/calefaccion\/\" class=\"mh-subnav__link\" role=\"menuitem\">Calefacci\u00f3n<\/a><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/ventilacion-mecanica\/\" class=\"mh-subnav__link\" role=\"menuitem\">Ventilaci\u00f3n Mec\u00e1nica<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/cortinas-de-aire\/\" class=\"mh-subnav__link\" role=\"menuitem\">Cortinas de Aire<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/accesorios-hvac\/\" class=\"mh-subnav__link\" role=\"menuitem\">Accesorios HVAC<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/materiales-generales\/\" class=\"mh-subnav__link\" role=\"menuitem\">Materiales Generales<\/a><\/li><\/ul><\/li><li class=\"mh-nav__item mh-nav__item--has-sub\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/servicio\/\" class=\"mh-subnav__link\" role=\"menuitem\">Servicios<svg class=\"mh-arrow\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a><ul class=\"mh-subnav mh-subnav--nested\" role=\"menu\"><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/instalaciones\/\" class=\"mh-subnav__link\" role=\"menuitem\">Suministro \/ Instalaci\u00f3n<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/mantenimientos\/\" class=\"mh-subnav__link\" role=\"menuitem\">Mantenimiento Profesional<\/a><\/li><li class=\"mh-nav__item\" role=\"none\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/sistemas-vrf-proyectos-grandes\/\" class=\"mh-subnav__link\" role=\"menuitem\">Sistemas VRF \/ Proyectos Grandes<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/contacto-1\/\" class=\"mh-nav__link\">Contacto<\/a><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/blog-empresarial\/\" class=\"mh-nav__link\">Blog<\/a><\/li><li class=\"mh-nav__item\"><a href=\"https:\/\/www.corporativomatheus.com\/en\/perfil-comercial\/\" class=\"mh-nav__link\">Perfil Comercial<\/a><\/li><\/nav><div class=\"mh-header__right\"><div class=\"mh-lang\" data-no-translation><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1504\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1504\" 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-932e780 e-flex e-con-boxed e-con e-parent\" data-id=\"932e780\" 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-ab015bc elementor-widget elementor-widget-html\" data-id=\"ab015bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     00-B \u2014 HTML + JAVASCRIPT \u2014 Primer caj\u00f3n HTML en Elementor\r\n     PEGAR EN: Widget HTML (<\/>) como PRIMER widget de la Home\r\n     Contiene: Google Fonts, Particles.js, Gradient overlay,\r\n               Intersection Observer para animaciones\r\n     ============================================================ -->\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Particles.js Container (Capa 2) -->\r\n<div id=\"cm-particles-bg\"><\/div>\r\n\r\n<!-- Gradient Overlay (Capa 3) -->\r\n<div id=\"cm-gradient-overlay\"><\/div>\r\n\r\n<!-- Particles.js Library -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  \/\/ \u2500\u2500 Inicializar Particles.js \u2500\u2500\r\n  if (typeof particlesJS !== 'undefined') {\r\n    particlesJS('cm-particles-bg', {\r\n      particles: {\r\n        number: { value: 60, density: { enable: true, value_area: 900 } },\r\n        color: { value: ['#2cd5c4', '#ffffff', '#1fb8a9'] },\r\n        shape: { type: 'circle' },\r\n        opacity: {\r\n          value: 0.25,\r\n          random: true,\r\n          anim: { enable: true, speed: 0.6, opacity_min: 0.05, sync: false }\r\n        },\r\n        size: {\r\n          value: 2.5,\r\n          random: true,\r\n          anim: { enable: true, speed: 1.5, size_min: 0.5, sync: false }\r\n        },\r\n        line_linked: {\r\n          enable: true,\r\n          distance: 160,\r\n          color: '#2cd5c4',\r\n          opacity: 0.08,\r\n          width: 1\r\n        },\r\n        move: {\r\n          enable: true,\r\n          speed: 0.8,\r\n          direction: 'none',\r\n          random: true,\r\n          straight: false,\r\n          out_mode: 'out',\r\n          bounce: false\r\n        }\r\n      },\r\n      interactivity: {\r\n        detect_on: 'canvas',\r\n        events: {\r\n          onhover: { enable: true, mode: 'grab' },\r\n          onclick: { enable: false },\r\n          resize: true\r\n        },\r\n        modes: {\r\n          grab: { distance: 180, line_linked: { opacity: 0.2 } }\r\n        }\r\n      },\r\n      retina_detect: true\r\n    });\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Intersection Observer para animaciones de scroll \u2500\u2500\r\n  var observerOptions = { threshold: 0.15, rootMargin: '0px 0px -50px 0px' };\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('cm-visible');\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  document.querySelectorAll('.cm-fade-up').forEach(function(el) {\r\n    observer.observe(el);\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94e0677 elementor-widget elementor-widget-html\" data-id=\"94e0677\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICIOS \u2014 CAJ\u00d3N 01 \u2014 HERO\r\n     Gancho principal para servicios corporativos\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-serv-hero,\r\n.cm-serv-hero * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-serv-hero {\r\n  padding: 140px 24px 100px;\r\n  position: relative;\r\n  width:100%;\r\n  max-width:100%;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n.cm-serv-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -140px; right: -200px;\r\n  width: 700px; height: 700px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.06) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.cm-serv-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -100px; left: -150px;\r\n  width: 600px; height: 600px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.cm-serv-hero-inner {\r\n  max-width: var(--cm-max-width, 960px);\r\n  margin: 0 auto;\r\n  width:100%;\r\n  min-width:0;\r\n  position: relative; z-index: 1;\r\n}\r\n.cm-serv-hero-badge {\r\n  display: inline-block;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 11px; font-weight: 600;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  color: #0a0a0a;\r\n  background: linear-gradient(135deg, var(--cm-primary, #2cd5c4), #66FF00);\r\n  padding: 6px 18px;\r\n  border-radius: 20px;\r\n  margin-bottom: 28px;\r\n  animation: cmServFadeUp 0.6s ease both 0.05s;\r\n}\r\n.cm-serv-hero-label {\r\n  display: inline-flex;\r\n  align-items: center; justify-content: center;\r\n  gap: 12px;\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 12px; font-weight: 600;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: var(--cm-primary, #2cd5c4); margin-bottom: 32px;\r\n  animation: cmServFadeUp 0.6s ease both 0.2s;\r\n}\r\n.cm-serv-hero-label::before,\r\n.cm-serv-hero-label::after {\r\n  content: ''; width: 28px; height: 2px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n}\r\n.cm-serv-hero-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n  font-weight: 800; line-height: 1.08;\r\n  color: var(--cm-white, #ffffff); margin-bottom: 24px;\r\n  animation: cmServFadeUp 0.6s ease both 0.35s;\r\n}\r\n.cm-serv-hero-title span {\r\n  color: var(--cm-primary, #2cd5c4);\r\n}\r\n.cm-serv-hero-sub {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.15rem; line-height: 1.75;\r\n  color: var(--cm-gray, #a0a0a0); max-width: 700px;\r\n  margin: 0 auto 48px;\r\n  animation: cmServFadeUp 0.6s ease both 0.5s;\r\n}\r\n.cm-serv-hero-stats {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 48px; flex-wrap: wrap;\r\n  padding: 36px 0;\r\n  border-top: 1px solid var(--cm-dark-border, rgba(255,255,255,0.05));\r\n  border-bottom: 1px solid var(--cm-dark-border, rgba(255,255,255,0.05));\r\n  margin-bottom: 48px;\r\n  animation: cmServFadeUp 0.6s ease both 0.65s;\r\n}\r\n.cm-serv-hero-stat { text-align: center; }\r\n.cm-serv-hero-stat-num {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 2rem; font-weight: 800;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  display: block; line-height: 1; margin-bottom: 6px;\r\n}\r\n.cm-serv-hero-stat-lbl {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.82rem; color: var(--cm-gray, #a0a0a0);\r\n}\r\n.cm-serv-hero-cta {\r\n  animation: cmServFadeUp 0.6s ease both 0.8s;\r\n  display: flex; justify-content: center;\r\n  gap: 16px; flex-wrap: wrap;\r\n}\r\n.cm-serv-hero-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 16px 36px;\r\n  background: linear-gradient(135deg, var(--cm-primary, #2cd5c4), #66FF00);\r\n  color: #0a0a0a;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem; font-weight: 700;\r\n  text-decoration: none; border-radius: 10px;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n  box-shadow: 0 4px 24px rgba(44,213,196,0.2), inset 0 1px 0 rgba(255,255,255,0.2);\r\n  text-shadow: 0 1px 1px rgba(255,255,255,0.15);\r\n}\r\n.cm-serv-hero-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 32px rgba(44,213,196,0.3), inset 0 1px 0 rgba(255,255,255,0.25);\r\n}\r\n.cm-serv-hero-btn-primary svg,\r\n.cm-serv-hero-btn-secondary svg {\r\n  width: 18px; height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n.cm-serv-hero-btn-primary:hover svg { transform: translateX(3px); }\r\n.cm-serv-hero-btn-secondary {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 16px 36px;\r\n  background: transparent; color: var(--cm-gray, #cccccc);\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem; font-weight: 600;\r\n  text-decoration: none; border-radius: 10px;\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n.cm-serv-hero-btn-secondary:hover {\r\n  border-color: rgba(44,213,196,0.3);\r\n  color: var(--cm-white, #ffffff); transform: translateY(-2px);\r\n}\r\n@keyframes cmServFadeUp {\r\n  0% { opacity: 0; transform: translateY(20px); }\r\n  100% { opacity: 1; transform: translateY(0); }\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-serv-hero { padding: 120px 16px 70px; }\r\n  .cm-serv-hero-title {\r\n    width:100%;\r\n    max-width:100%;\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n    font-size:clamp(1.45rem,6.6vw,1.9rem);\r\n    letter-spacing:-.03em;\r\n    overflow-wrap:anywhere;\r\n    word-break:break-word;\r\n    text-wrap:balance;\r\n  }\r\n  .cm-serv-hero-title br {\r\n    display:none;\r\n  }\r\n  .cm-serv-hero-title span {\r\n    display:inline;\r\n  }\r\n  .cm-serv-hero-badge { max-width:100%; white-space:normal; }\r\n  .cm-serv-hero-sub { max-width:100%; }\r\n  .cm-serv-hero-stats { gap: 28px; }\r\n  .cm-serv-hero-cta { width:100%; flex-direction: column; align-items: stretch; }\r\n  .cm-serv-hero-btn-primary,\r\n  .cm-serv-hero-btn-secondary {\r\n    width:100%;\r\n    max-width:100%;\r\n    justify-content:center;\r\n    white-space:normal;\r\n    text-align:center;\r\n    line-height:1.35;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-serv-hero\">\r\n  <div class=\"cm-serv-hero-inner\">\r\n    <div class=\"cm-serv-hero-badge\">\ud83d\udee1\ufe0f Soluciones Corporativas \/ Enterprise \ud83d\udee1\ufe0f<\/div>\r\n    <h1 class=\"cm-serv-hero-title\">Transformaci\u00f3n tecnol\u00f3gica con<br><span>estrategia e implementaci\u00f3n real<\/span><\/h1>\r\n    <p class=\"cm-serv-hero-sub\">M\u00e1s all\u00e1 de las herramientas, dise\u00f1amos e implementamos ecosistemas de inteligencia artificial y ciberseguridad que generan ventaja competitiva duradera para tu empresa.<\/p>\r\n    <div class=\"cm-serv-hero-stats\">\r\n      <div class=\"cm-serv-hero-stat\">\r\n        <span class=\"cm-serv-hero-stat-num\">4<\/span>\r\n        <span class=\"cm-serv-hero-stat-lbl\">Servicios especializados<\/span>\r\n      <\/div>\r\n      <div class=\"cm-serv-hero-stat\">\r\n        <span class=\"cm-serv-hero-stat-num\">360\u00b0<\/span>\r\n        <span class=\"cm-serv-hero-stat-lbl\">Diagn\u00f3stico integral<\/span>\r\n      <\/div>\r\n      <div class=\"cm-serv-hero-stat\">\r\n        <span class=\"cm-serv-hero-stat-num\">C-Level<\/span>\r\n        <span class=\"cm-serv-hero-stat-lbl\">Consultor\u00eda CAIO<\/span>\r\n      <\/div>\r\n      <div class=\"cm-serv-hero-stat\">\r\n        <span class=\"cm-serv-hero-stat-num\">End-to-end<\/span>\r\n        <span class=\"cm-serv-hero-stat-lbl\">Implementaci\u00f3n completa<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cm-serv-hero-cta\">\r\n      <a href=\"\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-serv-hero-btn-primary\">\r\n        Solicitar diagn\u00f3stico\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-serv-hero-btn-secondary\">\r\n        Hablar con un experto\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46698f3 elementor-widget elementor-widget-html\" data-id=\"46698f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICIOS \u2014 CAJ\u00d3N 02 \u2014 PROBLEMA\r\n     Por qu\u00e9 las empresas necesitan estos servicios\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-serv-problema {\r\n  padding: 0;\r\n}\r\n.cm-serv-problema-inner {\r\n  max-width: var(--cm-max-width, 1200px);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n.cm-serv-problema-text h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700; line-height: 1.15;\r\n  color: var(--cm-white, #ffffff); margin-bottom: 20px;\r\n}\r\n.cm-serv-problema-text h2 span { color: #ff6b6b; }\r\n.cm-serv-problema-text > p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.05rem; line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0); margin-bottom: 36px;\r\n}\r\n.cm-serv-prob-cards {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n.cm-serv-prob-card {\r\n  background: rgba(239,68,68,0.04);\r\n  border: 1px solid rgba(255,68,68,0.12);\r\n  border-radius: var(--cm-radius, 12px);\r\n  padding: 24px;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n.cm-serv-prob-card:hover {\r\n  border-color: rgba(255,68,68,0.25);\r\n  background: rgba(239,68,68,0.07);\r\n  transform: translateY(-2px);\r\n}\r\n.cm-serv-prob-card svg {\r\n  width: 24px; height: 24px;\r\n  color: #ff6b6b; margin-bottom: 12px; opacity: 0.8;\r\n}\r\n.cm-serv-prob-card p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.9rem; line-height: 1.5; color: var(--cm-gray, #cccccc);\r\n}\r\n.cm-serv-problema-cierre {\r\n  margin-top: 40px;\r\n  padding: 24px 28px;\r\n  background: rgba(44,213,196,0.04);\r\n  border-left: 3px solid var(--cm-primary, #2cd5c4);\r\n  border-radius: 0 10px 10px 0;\r\n}\r\n.cm-serv-problema-cierre p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1rem; font-weight: 600;\r\n  color: var(--cm-white, #ffffff); line-height: 1.6; margin: 0;\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-serv-problema-inner { padding: var(--cm-section-padding-mobile, 60px 16px); grid-template-columns: 1fr; gap: 40px; }\r\n  .cm-serv-prob-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-serv-problema\">\r\n  <div class=\"cm-serv-problema-inner\">\r\n    <div class=\"cm-serv-problema-text\">\r\n      <h2>Tu empresa est\u00e1 tomando <span>decisiones tecnol\u00f3gicas a ciegas<\/span><\/h2>\r\n      <p>Sin una estrategia clara de IA y sin protecci\u00f3n cyber, cada decisi\u00f3n tecnol\u00f3gica puede costarte m\u00e1s de lo que te aporta.<\/p>\r\n      <div class=\"cm-serv-problema-cierre\">\r\n        <p>\ud83d\udca1 Nuestros servicios te dan claridad, estrategia e implementaci\u00f3n real, no solo teor\u00eda.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cm-serv-prob-cards\">\r\n      <div class=\"cm-serv-prob-card\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n        <p>Implementas herramientas de IA sin saber si son las correctas para tu negocio<\/p>\r\n      <\/div>\r\n      <div class=\"cm-serv-prob-card\" style=\"transition-delay:0.1s\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n        <p>Tus datos y sistemas est\u00e1n expuestos a ciberataques sin que seas conciente de ello<\/p>\r\n      <\/div>\r\n      <div class=\"cm-serv-prob-card\" style=\"transition-delay:0.2s\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n        <p>No tienes visi\u00f3n estrat\u00e9gica de c\u00f3mo la IA puede transformar tu sector<\/p>\r\n      <\/div>\r\n      <div class=\"cm-serv-prob-card\" style=\"transition-delay:0.3s\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n        <p>La competencia avanza con tecnolog\u00eda mientras t\u00fa a\u00fan eval\u00faas opciones<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28a91a2 elementor-widget elementor-widget-html\" data-id=\"28a91a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICIOS \u2014 CAJ\u00d3N 03 \u2014 CAT\u00c1LOGO DE SERVICIOS\r\n     Grid tipo cat\u00e1logo con cajones de imagen\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-serv-catalogo {\r\n  padding: 0;\r\n}\r\n\r\n.cm-serv-catalogo-inner {\r\n  max-width: var(--cm-max-width, 1200px);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-catalogo-header {\r\n  text-align: center;\r\n  max-width: 720px;\r\n  margin: 0 auto 60px;\r\n}\r\n\r\n.cm-serv-catalogo-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cm-serv-catalogo-label::before,\r\n.cm-serv-catalogo-label::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n}\r\n\r\n.cm-serv-catalogo-header h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cm-serv-catalogo-header h2 span {\r\n  color: var(--cm-primary, #2cd5c4);\r\n}\r\n\r\n.cm-serv-catalogo-header p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-catalogo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TARJETA SERVICIO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-item {\r\n  background: rgba(17, 17, 17, 0.7);\r\n  border: 1px solid var(--cm-dark-border, rgba(255, 255, 255, 0.06));\r\n  border-radius: var(--cm-radius, 18px);\r\n  overflow: hidden;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cm-serv-item::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--cm-primary, #2cd5c4),\r\n    transparent\r\n  );\r\n  opacity: 0;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n\r\n.cm-serv-item:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(44, 213, 196, 0.15);\r\n  background: rgba(22, 22, 22, 0.9);\r\n  box-shadow:\r\n    0 20px 60px rgba(0, 0, 0, 0.4),\r\n    0 0 40px rgba(44, 213, 196, 0.04);\r\n}\r\n\r\n.cm-serv-item:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 IMAGEN DEL SERVICIO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-item-img {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 7;\r\n  background: rgba(44, 213, 196, 0.02);\r\n  border-bottom: 1px solid var(--cm-dark-border, rgba(255, 255, 255, 0.05));\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Imagen real *\/\r\n.cm-serv-item-img img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transition:\r\n    transform 0.6s ease,\r\n    filter 0.4s ease;\r\n}\r\n\r\n\/* Capa sutil sobre la imagen *\/\r\n.cm-serv-item-img::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(44, 213, 196, 0.05),\r\n      transparent 45%,\r\n      rgba(0, 0, 0, 0.12)\r\n    );\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Zoom suave al pasar el cursor *\/\r\n.cm-serv-item:hover .cm-serv-item-img img {\r\n  transform: scale(1.045);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CUERPO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-item-body {\r\n  padding: 32px 32px 36px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.cm-serv-item-tag {\r\n  display: inline-block;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  background: var(--cm-primary-subtle, rgba(44, 213, 196, 0.1));\r\n  padding: 4px 12px;\r\n  border-radius: 20px;\r\n  margin-bottom: 18px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.cm-serv-item-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: var(--cm-primary-subtle, rgba(44, 213, 196, 0.08));\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.cm-serv-item-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke: var(--cm-primary, #2cd5c4);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-serv-item-trademark {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(44, 213, 196, 0.5);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cm-serv-item h3 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 12px;\r\n  line-height: 1.25;\r\n}\r\n\r\n.cm-serv-item p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.9rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  flex: 1;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-item-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  margin-bottom: 24px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(\r\n    --cm-dark-border,\r\n    rgba(255, 255, 255, 0.05)\r\n  );\r\n}\r\n\r\n.cm-serv-item-feature {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.85rem;\r\n  color: var(--cm-gray, #cccccc);\r\n  line-height: 1.5;\r\n}\r\n\r\n.cm-serv-item-feature svg {\r\n  flex-shrink: 0;\r\n  width: 16px;\r\n  height: 16px;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.cm-serv-item-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.88rem;\r\n  font-weight: 600;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  text-decoration: none;\r\n  transition: gap 0.3s ease;\r\n  margin-top: auto;\r\n}\r\n\r\n.cm-serv-item-cta svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.cm-serv-item:hover .cm-serv-item-cta svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  .cm-serv-catalogo-inner {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n\r\n  .cm-serv-catalogo-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .cm-serv-item-body {\r\n    padding: 24px 24px 28px;\r\n  }\r\n\r\n  .cm-serv-item-img {\r\n    aspect-ratio: 16 \/ 8;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"cm-section cm-serv-catalogo\">\r\n\r\n  <div class=\"cm-serv-catalogo-inner\">\r\n\r\n    <div class=\"cm-serv-catalogo-header\">\r\n\r\n      <h2>\r\n        Cuatro pilares para una empresa<br>\r\n        <span>tecnol\u00f3gicamente superior<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Cada servicio est\u00e1 dise\u00f1ado para un momento espec\u00edfico de tu transformaci\u00f3n.\r\n        Puedes empezar con el diagn\u00f3stico y avanzar seg\u00fan tu ritmo.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"cm-serv-catalogo-grid\">\r\n\r\n\r\n      <!-- ========================================================\r\n           SERVICIO 1: DIAGN\u00d3STICO INTEGRAL\r\n           ======================================================== -->\r\n\r\n      <div class=\"cm-serv-item\">\r\n\r\n        <div class=\"cm-serv-item-img\">\r\n\r\n          <img\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Diagnostico.png\"\r\n            alt=\"Diagn\u00f3stico Integral de tecnolog\u00eda y ciberseguridad\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-serv-item-body\">\r\n\r\n          <div class=\"cm-serv-item-tag\">\r\n            Primer paso\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-icon\">\r\n\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 10\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-trademark\">\r\n            AI &amp; Cyber Blueprint 360\u2122\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Diagn\u00f3stico Integral\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            An\u00e1lisis de 360\u00b0 del estado tecnol\u00f3gico y de ciberseguridad\r\n            de tu empresa. Identificamos brechas, oportunidades de IA y\r\n            vulnerabilidades antes de tomar cualquier decisi\u00f3n de inversi\u00f3n.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cm-serv-item-features\">\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Mapeo completo de procesos y flujos tecnol\u00f3gicos\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Evaluaci\u00f3n de vulnerabilidades y riesgos cyber\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Roadmap de implementaci\u00f3n priorizado por ROI\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-serv-item-cta\">\r\n\r\n            Solicitar diagn\u00f3stico\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2.5\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\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      <!-- ========================================================\r\n           SERVICIO 2: IMPLEMENTACI\u00d3N DE TECNOLOG\u00cdA\r\n           ======================================================== -->\r\n\r\n      <div class=\"cm-serv-item\"\r\n           style=\"transition-delay:0.1s\">\r\n\r\n        <div class=\"cm-serv-item-img\">\r\n\r\n          <img\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/implementacion-version-1.0.png\"\r\n            alt=\"Implementaci\u00f3n de tecnolog\u00eda e inteligencia artificial\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-serv-item-body\">\r\n\r\n          <div class=\"cm-serv-item-tag\">\r\n            Implementaci\u00f3n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <polyline points=\"16 16 12 12 8 16\"\/>\r\n              <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"21\"\/>\r\n              <path d=\"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-trademark\">\r\n            Alpha AI Orchestration\u2122\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Orquestaci\u00f3n  de Tecnolog\u00eda\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            Ejecuci\u00f3n end-to-end de soluciones de Inteligencia Artificial y Automatizaci\u00f3n\r\n            que transforman tu operaci\u00f3n. Desde la arquitectura de agentes\r\n            hasta el despliegue en producci\u00f3n con m\u00e9tricas reales.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cm-serv-item-features\">\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Arquitectura de agentes de IA orquestados\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Automatizaci\u00f3n de procesos claves en las \u00e1reas de tu empresa\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Integraci\u00f3n con sistemas y ERPs\/CRMs existentes o creacion desde 0\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Monitoreo y optimizaci\u00f3n post-implementaci\u00f3n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-serv-item-cta\">\r\n\r\n            Conocer m\u00e1s\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2.5\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\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      <!-- ========================================================\r\n           SERVICIO 3: CONSULTOR\u00cdA ESTRAT\u00c9GICA CAIO\r\n           ======================================================== -->\r\n\r\n      <div class=\"cm-serv-item\"\r\n           style=\"transition-delay:0.2s\">\r\n\r\n        <div class=\"cm-serv-item-img\">\r\n\r\n          <img\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Estrategica-CAIO.png\"\r\n            alt=\"Consultor\u00eda Estrat\u00e9gica CAIO e inteligencia artificial\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-serv-item-body\">\r\n\r\n          <div class=\"cm-serv-item-tag\">\r\n            Estrategia IA\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-trademark\">\r\n            Chief AI Officer\u2122\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Consultor\u00eda Estrat\u00e9gica CAIO\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            Tu Chief AI Officer externo. Acompa\u00f1amos a la direcci\u00f3n ejecutiva\r\n            en la definici\u00f3n de la estrategia de inteligencia artificial,\r\n            asegurando que cada decisi\u00f3n tecnol\u00f3gica est\u00e9 alineada al negocio.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cm-serv-item-features\">\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Estrategia de IA a nivel directivo y C-Level\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Priorizaci\u00f3n de casos de uso por impacto econ\u00f3mico\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Gobierno de datos, \u00e9tica y cumplimiento regulatorio\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-serv-item-cta\">\r\n\r\n            Conocer m\u00e1s\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2.5\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\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      <!-- ========================================================\r\n           SERVICIO 4: CONSULTOR\u00cdA CYBER\r\n           ======================================================== -->\r\n\r\n      <div class=\"cm-serv-item\"\r\n           style=\"transition-delay:0.3s\">\r\n\r\n        <div class=\"cm-serv-item-img\">\r\n\r\n          <img\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/Consultoria-Cyber.png\"\r\n            alt=\"Consultor\u00eda Cyber y ciberseguridad empresarial\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-serv-item-body\">\r\n\r\n          <div class=\"cm-serv-item-tag\">\r\n            Ciberseguridad\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n              <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cm-serv-item-trademark\">\r\n            Cyber Alpha\u2122\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Consultor\u00eda Cyber\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            Asesor\u00eda en Ciberseguridad independiente de cualquier implementaci\u00f3n\r\n            tecnol\u00f3gica. Evaluamos, auditamos y reforzamos tu postura de seguridad\r\n            para proteger activos cr\u00edticos y garantizar continuidad del negocio.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cm-serv-item-features\">\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Auditor\u00edas de seguridad y pentesting avanzado\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Gesti\u00f3n de riesgos y cumplimiento normativo\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-serv-item-feature\">\r\n\r\n              <svg viewBox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\"\r\n                   stroke-linejoin=\"round\">\r\n                <polyline points=\"20 6 9 17 4 12\"\/>\r\n              <\/svg>\r\n\r\n              Planes de respuesta ante incidentes de seguridad\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-serv-item-cta\">\r\n\r\n            Conocer m\u00e1s\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2.5\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\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<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4e74bf elementor-widget elementor-widget-html\" data-id=\"e4e74bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICIOS \u2014 CAJ\u00d3N 04 \u2014 PROCESO DE TRABAJO\r\n     C\u00f3mo funciona el servicio paso a paso\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-serv-proceso {\r\n  padding: 0;\r\n}\r\n.cm-serv-proceso-inner {\r\n  max-width: var(--cm-max-width, 1200px);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-serv-proceso-header { text-align: center; margin-bottom: 60px; }\r\n.cm-serv-proceso-header h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n  font-weight: 700; color: var(--cm-white, #ffffff);\r\n}\r\n.cm-serv-proceso-header p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.05rem; line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0); max-width: 560px;\r\n  margin: 16px auto 0;\r\n}\r\n.cm-serv-proceso-steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  position: relative;\r\n}\r\n.cm-serv-proceso-steps::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 36px; left: 12%; right: 12%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--cm-primary, #2cd5c4), #66FF00);\r\n  opacity: 0.2;\r\n}\r\n.cm-serv-proceso-step { text-align: center; position: relative; padding: 0 16px; }\r\n.cm-serv-proceso-step-num {\r\n  width: 72px; height: 72px;\r\n  margin: 0 auto 20px;\r\n  background: rgba(17,17,17,0.8);\r\n  border: 2px solid var(--cm-primary-subtle, rgba(44,213,196,0.15));\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 1.4rem; font-weight: 800;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  position: relative; z-index: 1;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n.cm-serv-proceso-step:hover .cm-serv-proceso-step-num {\r\n  border-color: var(--cm-primary, #2cd5c4);\r\n  background: var(--cm-primary-subtle, rgba(44,213,196,0.05));\r\n  transform: scale(1.05);\r\n}\r\n.cm-serv-proceso-step h3 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 1rem; font-weight: 600;\r\n  color: var(--cm-white, #ffffff); margin-bottom: 8px;\r\n}\r\n.cm-serv-proceso-step p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.82rem; line-height: 1.5; color: var(--cm-gray, #a0a0a0);\r\n}\r\n@media (max-width: 992px) {\r\n  .cm-serv-proceso-steps { grid-template-columns: 1fr 1fr; gap: 32px; }\r\n  .cm-serv-proceso-steps::before { display: none; }\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-serv-proceso-inner { padding: var(--cm-section-padding-mobile, 60px 16px); }\r\n  .cm-serv-proceso-steps { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-serv-proceso\">\r\n  <div class=\"cm-serv-proceso-inner\">\r\n    <div class=\"cm-serv-proceso-header\">\r\n      <h2>C\u00f3mo trabajamos contigo<\/h2>\r\n      <p>Un proceso claro y estructurado que minimiza el riesgo y maximiza el impacto en tu negocio.<\/p>\r\n    <\/div>\r\n    <div class=\"cm-serv-proceso-steps\">\r\n      <div class=\"cm-serv-proceso-step\">\r\n        <div class=\"cm-serv-proceso-step-num\">01<\/div>\r\n        <div><h3>Diagn\u00f3stico<\/h3><p>Analizamos tu empresa, procesos y postura de seguridad en detalle<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"cm-serv-proceso-step\" style=\"transition-delay:0.1s\">\r\n        <div class=\"cm-serv-proceso-step-num\">02<\/div>\r\n        <div><h3>Estrategia<\/h3><p>Dise\u00f1amos el roadmap y priorizamos iniciativas por impacto y ROI<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"cm-serv-proceso-step\" style=\"transition-delay:0.2s\">\r\n        <div class=\"cm-serv-proceso-step-num\">03<\/div>\r\n        <div><h3>Implementaci\u00f3n<\/h3><p>Ejecutamos las soluciones tecnol\u00f3gicas con seguimiento continuo<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"cm-serv-proceso-step\" style=\"transition-delay:0.3s\">\r\n        <div class=\"cm-serv-proceso-step-num\">04<\/div>\r\n        <div><h3>Evoluci\u00f3n<\/h3><p>Medimos resultados, optimizamos y los escalamos<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52a0b94 elementor-widget elementor-widget-html\" data-id=\"52a0b94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICIOS \u2014 CAJ\u00d3N 05 \u2014 PARA QUI\u00c9N ES\r\n     Filtro de empresa ideal\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-serv-filtro {\r\n  padding: 0;\r\n}\r\n.cm-serv-filtro-inner {\r\n  max-width: var(--cm-max-width, 1100px);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n.cm-serv-filtro-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n}\r\n.cm-serv-filtro-col {\r\n  border-radius: var(--cm-radius, 20px);\r\n  padding: 44px 36px;\r\n  position: relative; overflow: hidden;\r\n}\r\n.cm-serv-filtro-col--yes {\r\n  background: rgba(44,213,196,0.02);\r\n  border: 1px solid rgba(44,213,196,0.08);\r\n}\r\n.cm-serv-filtro-col--no {\r\n  background: rgba(239,68,68,0.03);\r\n  border: 1px solid rgba(239,68,68,0.1);\r\n}\r\n.cm-serv-filtro-col--yes::before {\r\n  content: '';\r\n  position: absolute; top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--cm-primary, #2cd5c4), transparent);\r\n}\r\n.cm-serv-filtro-col--no::before {\r\n  content: '';\r\n  position: absolute; top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, #ff6b6b, transparent);\r\n}\r\n.cm-serv-filtro-col h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 1.3rem; font-weight: 700;\r\n  color: var(--cm-white, #ffffff); margin-bottom: 28px; line-height: 1.3;\r\n}\r\n.cm-serv-filtro-list { display: flex; flex-direction: column; gap: 16px; }\r\n.cm-serv-filtro-item {\r\n  display: flex; align-items: flex-start; gap: 12px;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem; line-height: 1.5; color: var(--cm-gray, #cccccc);\r\n}\r\n.cm-serv-filtro-item svg { flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; }\r\n.cm-serv-filtro-col--yes .cm-serv-filtro-item svg { color: var(--cm-primary, #2cd5c4); }\r\n.cm-serv-filtro-col--no .cm-serv-filtro-item svg { color: #ff6b6b; }\r\n@media (max-width: 768px) {\r\n  .cm-serv-filtro-inner { padding: var(--cm-section-padding-mobile, 60px 16px); }\r\n  .cm-serv-filtro-grid { grid-template-columns: 1fr; }\r\n  .cm-serv-filtro-col { padding: 32px 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-serv-filtro\">\r\n  <div class=\"cm-serv-filtro-inner\">\r\n    <div class=\"cm-serv-filtro-grid\">\r\n      <div class=\"cm-serv-filtro-col cm-serv-filtro-col--yes\">\r\n        <h2>\u2705 Estos servicios son para ti si:<\/h2>\r\n        <div class=\"cm-serv-filtro-list\">\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Tienes una empresa con procesos y\/o equipos establecidos\r\n          <\/div>\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Quieres implementar IA de forma estrat\u00e9gica y medible\r\n          <\/div>\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Necesitas reforzar tu postura de ciberseguridad\r\n          <\/div>\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Buscas un socio tecnol\u00f3gico de confianza a largo plazo\r\n          <\/div>\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Est\u00e1s dispuesto a invertir para tener ventaja competitiva real sobre tu competencia\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-serv-filtro-col cm-serv-filtro-col--no\">\r\n        <h2>\u274c Esto no es para ti si:<\/h2>\r\n        <div class=\"cm-serv-filtro-list\">\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n            Buscas resultados inmediatos sin proceso de diagn\u00f3stico\r\n          <\/div>\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n            Tu empresa no tiene procesos m\u00ednimamente definidos\r\n          <\/div>\r\n          <div class=\"cm-serv-filtro-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n            No est\u00e1s dispuesto a adaptar la estructura organizacional de tu empresa al cambio tecnologico\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7ed40 elementor-widget elementor-widget-html\" data-id=\"4e7ed40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICIOS \u2014 CAJ\u00d3N 06 \u2014 CTA FINAL\r\n     Cierre del embudo\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-serv-cta-final {\r\n  padding: 0;\r\n}\r\n.cm-serv-cta-final-inner {\r\n  max-width: var(--cm-max-width, 800px);\r\n  margin: 0 auto;\r\n  padding: 100px 24px 120px;\r\n  text-align: center;\r\n}\r\n.cm-serv-cta-final-box {\r\n  background: rgba(17,17,17,0.6);\r\n  border: 1px solid rgba(44,213,196,0.1);\r\n  border-radius: 24px;\r\n  padding: 72px 48px;\r\n  position: relative; overflow: hidden;\r\n}\r\n.cm-serv-cta-final-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -80px; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 440px; height: 440px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.06) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n.cm-serv-cta-final-box::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, var(--cm-primary, #2cd5c4), transparent);\r\n}\r\n.cm-serv-cta-final-icon {\r\n  width: 60px; height: 60px;\r\n  margin: 0 auto 28px;\r\n  background: var(--cm-primary-subtle, rgba(44,213,196,0.1));\r\n  border-radius: 18px;\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.cm-serv-cta-final-icon svg { width: 30px; height: 30px; stroke: var(--cm-primary, #2cd5c4); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.cm-serv-cta-final-box h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(1.6rem, 3vw, 2.2rem);\r\n  font-weight: 700; line-height: 1.2;\r\n  color: var(--cm-white, #ffffff); margin-bottom: 16px; position: relative;\r\n}\r\n.cm-serv-cta-final-box > p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.05rem; line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0); max-width: 540px;\r\n  margin: 0 auto 16px; position: relative;\r\n}\r\n.cm-serv-cta-final-note {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.85rem; color: var(--cm-primary, #2cd5c4);\r\n  margin-bottom: 40px; position: relative;\r\n}\r\n.cm-serv-cta-final-btns {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px; flex-wrap: wrap;\r\n  position: relative;\r\n}\r\n.cm-serv-cta-final-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 18px 40px;\r\n  background: linear-gradient(135deg, var(--cm-primary, #2cd5c4), #66FF00);\r\n  color: #0a0a0a;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1rem; font-weight: 700;\r\n  text-decoration: none; border-radius: 12px;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n  box-shadow: 0 4px 28px rgba(44,213,196,0.2), inset 0 1px 0 rgba(255,255,255,0.2);\r\n  text-shadow: 0 1px 1px rgba(255,255,255,0.15);\r\n}\r\n.cm-serv-cta-final-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 36px rgba(44,213,196,0.3), inset 0 1px 0 rgba(255,255,255,0.25);\r\n}\r\n.cm-serv-cta-final-btn-primary svg,\r\n.cm-serv-cta-final-btn-secondary svg {\r\n  width: 18px; height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n.cm-serv-cta-final-btn-primary:hover svg { transform: translateX(3px); }\r\n.cm-serv-cta-final-btn-secondary {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 18px 36px;\r\n  background: transparent; color: var(--cm-gray, #cccccc);\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem; font-weight: 600;\r\n  text-decoration: none; border-radius: 12px;\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n.cm-serv-cta-final-btn-secondary:hover {\r\n  border-color: rgba(44,213,196,0.3);\r\n  color: var(--cm-white, #ffffff); transform: translateY(-2px);\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-serv-cta-final-inner { padding: 60px 16px 80px; }\r\n  .cm-serv-cta-final-box { padding: 48px 24px; }\r\n  .cm-serv-cta-final-btns { flex-direction: column; align-items: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-serv-cta-final\">\r\n  <div class=\"cm-serv-cta-final-inner\">\r\n    <div class=\"cm-serv-cta-final-box\">\r\n      <div class=\"cm-serv-cta-final-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n      <\/div>\r\n      <h2>\u00a1Da el primer paso,\r\n     solicita tu diagn\u00f3stico!<\/h2>\r\n      <p>En una sesi\u00f3n estrat\u00e9gica analizamos el estado actual de tu empresa y te presentamos las oportunidades de IA y ciberseguridad con mayor impacto.<\/p>\r\n      <p class=\"cm-serv-cta-final-note\">\u2726 Sesi\u00f3n de 60 minutos \u00b7 Resultados accionables \u2726<\/p>\r\n      <div class=\"cm-serv-cta-final-btns\">\r\n        <a href=\"\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-serv-cta-final-btn-primary\">\r\n          Solicitar diagn\u00f3stico ahora\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        <a href=\"\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-serv-cta-final-btn-secondary\">\r\n          Tengo preguntas primero\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-0751f52 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"0751f52\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0751f52\" data-e-type=\"e-flexbox\" data-id=\"0751f52\">\n    \t\t<div class=\"elementor-element elementor-element-144f385 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"144f385\" 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>\ud83d\udee1\ufe0f Soluciones Corporativas \/ Enterprise \ud83d\udee1\ufe0f Transformaci\u00f3n tecnol\u00f3gica conestrategia e implementaci\u00f3n real M\u00e1s all\u00e1 de las herramientas, dise\u00f1amos e implementamos ecosistemas de inteligencia artificial y ciberseguridad que generan ventaja competitiva duradera para tu empresa. 4 Servicios especializados 360\u00b0 Diagn\u00f3stico integral C-Level Consultor\u00eda CAIO End-to-end Implementaci\u00f3n completa Solicitar diagn\u00f3stico Hablar con un experto Tu empresa est\u00e1 [&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-1504","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1504","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=1504"}],"version-history":[{"count":94,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1504\/revisions"}],"predecessor-version":[{"id":2716,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1504\/revisions\/2716"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=1504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}