{"id":1506,"date":"2026-08-18T14:53:58","date_gmt":"2026-08-18T19:53:58","guid":{"rendered":"https:\/\/www.corporativomatheus.com\/?page_id=1506"},"modified":"2026-09-03T09:20:52","modified_gmt":"2026-09-03T14:20:52","slug":"productos-tecnologicos","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/productos-tecnologicos\/","title":{"rendered":"Technology Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1506\" class=\"elementor elementor-1506\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a94fd60 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"a94fd60\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a94fd60\" data-e-type=\"e-flexbox\" data-id=\"a94fd60\">\n    \t\t<div class=\"elementor-element elementor-element-c57460f elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"c57460f\" 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\/1506\" class=\"mh-lang__link\" hreflang=\"es_PE\">ES<\/a><a href=\"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1506\" 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-c8f9e07 e-flex e-con-boxed e-con e-parent\" data-id=\"c8f9e07\" 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-68a58a8 elementor-widget elementor-widget-html\" data-id=\"68a58a8\" 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-4399483 elementor-widget elementor-widget-html\" data-id=\"4399483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRODUCTOS \u2014 CAJ\u00d3N 01 \u2014 HERO\r\n     Gancho principal para aut\u00f3nomos y microempresas\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prod-hero,\r\n.cm-prod-hero * {\r\n  box-sizing:border-box;\r\n}\r\n.cm-prod-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-prod-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -160px; right: -220px;\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-prod-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -120px; left: -180px;\r\n  width: 550px; height: 550px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.05) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.cm-prod-hero-inner {\r\n  max-width: var(--cm-max-width, 900px);\r\n  margin: 0 auto;\r\n  width:100%;\r\n  min-width:0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.cm-prod-hero-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: 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: 32px;\r\n  animation: cmProdFadeUp 0.6s ease both 0.2s;\r\n}\r\n.cm-prod-hero-label::before,\r\n.cm-prod-hero-label::after {\r\n  content: '';\r\n  width: 28px; height: 2px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n}\r\n.cm-prod-hero-badge {\r\n  display: inline-block;\r\n  font-family: var(--cm-font-display, 'Syne', 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: cmProdFadeUp 0.6s ease both 0.05s;\r\n}\r\n.cm-prod-hero-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2.2rem, 5vw, 3.6rem);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 24px;\r\n  animation: cmProdFadeUp 0.6s ease both 0.35s;\r\n}\r\n.cm-prod-hero-title span {\r\n  color: var(--cm-primary, #2cd5c4);\r\n}\r\n.cm-prod-hero-sub {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.15rem;\r\n  line-height: 1.75;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  max-width: 680px;\r\n  margin: 0 auto 20px;\r\n  animation: cmProdFadeUp 0.6s ease both 0.5s;\r\n}\r\n.cm-prod-hero-for {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-bottom: 48px;\r\n  animation: cmProdFadeUp 0.6s ease both 0.6s;\r\n}\r\n.cm-prod-hero-stats {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 48px;\r\n  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: cmProdFadeUp 0.6s ease both 0.7s;\r\n}\r\n.cm-prod-hero-stat { text-align: center; }\r\n.cm-prod-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;\r\n  line-height: 1;\r\n  margin-bottom: 6px;\r\n}\r\n.cm-prod-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-prod-hero-cta {\r\n  animation: cmProdFadeUp 0.6s ease both 0.85s;\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n.cm-prod-hero-btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  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;\r\n  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-prod-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-prod-hero-btn-primary svg,\r\n.cm-prod-hero-btn-secondary svg {\r\n  width: 18px; height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n.cm-prod-hero-btn-primary:hover svg { transform: translateX(3px); }\r\n.cm-prod-hero-btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 16px 36px;\r\n  background: transparent;\r\n  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;\r\n  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-prod-hero-btn-secondary:hover {\r\n  border-color: rgba(44,213,196,0.3);\r\n  color: var(--cm-white, #ffffff);\r\n  transform: translateY(-2px);\r\n}\r\n@keyframes cmProdFadeUp {\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-prod-hero { padding: 120px 16px 70px; }\r\n  .cm-prod-hero-title {\r\n    font-size:clamp(1.85rem,8vw,2.45rem);\r\n    letter-spacing:-.03em;\r\n    overflow-wrap:normal;\r\n    word-break:normal;\r\n    text-wrap:balance;\r\n  }\r\n  .cm-prod-hero-badge,\r\n  .cm-prod-hero-for {\r\n    max-width:100%;\r\n    white-space:normal;\r\n  }\r\n  .cm-prod-hero-sub { max-width:100%; }\r\n  .cm-prod-hero-stats { gap: 28px; }\r\n  .cm-prod-hero-cta { width:100%; flex-direction: column; align-items: stretch; }\r\n  .cm-prod-hero-btn-primary,\r\n  .cm-prod-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-prod-hero\">\r\n  <div class=\"cm-prod-hero-inner\">\r\n    <div class=\"cm-prod-hero-badge\">\u26a1 Para aut\u00f3nomos y micro empresas<\/div>\r\n    \r\n    <h1 class=\"cm-prod-hero-title\">Tu negocio con el poder de la<br><span>Inteligencia Artificial<\/span><\/h1>\r\n    <p class=\"cm-prod-hero-sub\">Soluciones tecnol\u00f3gicas dise\u00f1adas para negocios que empiezan a digitalizarse. Sin complicaciones, sin grandes equipos,  solo resultados reales desde el primer d\u00eda.<\/p>\r\n    <p class=\"cm-prod-hero-for\">\u2726 Ideal para emprendedores, aut\u00f3nomos  y microempresas no estructuradas \u2726<\/p>\r\n    <div class=\"cm-prod-hero-stats\">\r\n      <div class=\"cm-prod-hero-stat\">\r\n        <span class=\"cm-prod-hero-stat-num\">5+<\/span>\r\n        <span class=\"cm-prod-hero-stat-lbl\">Productos disponibles<\/span>\r\n      <\/div>\r\n      <div class=\"cm-prod-hero-stat\">\r\n        <span class=\"cm-prod-hero-stat-num\">24\/7<\/span>\r\n        <span class=\"cm-prod-hero-stat-lbl\">Operaci\u00f3n aut\u00f3noma<\/span>\r\n      <\/div>\r\n      <div class=\"cm-prod-hero-stat\">\r\n        <span class=\"cm-prod-hero-stat-num\">-60%<\/span>\r\n        <span class=\"cm-prod-hero-stat-lbl\">Tiempo operativo<\/span>\r\n      <\/div>\r\n      <div class=\"cm-prod-hero-stat\">\r\n        <span class=\"cm-prod-hero-stat-num\">100%<\/span>\r\n        <span class=\"cm-prod-hero-stat-lbl\">Implementaci\u00f3n guiada<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cm-prod-hero-cta\">\r\n      <a href=\"\/contacto\/\" class=\"cm-prod-hero-btn-primary\">\r\n        Ver productos disponibles\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-prod-hero-btn-secondary\">\r\n        Hablar con un especialista\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-447856f elementor-widget elementor-widget-html\" data-id=\"447856f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRODUCTOS \u2014 CAJ\u00d3N 02 \u2014 PROBLEMA\r\n     Pain points del aut\u00f3nomo y microempresa\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prod-problema {\r\n  padding: 0;\r\n}\r\n.cm-prod-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-prod-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;\r\n  line-height: 1.15;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 20px;\r\n}\r\n.cm-prod-problema-text h2 span { color: #ff6b6b; }\r\n.cm-prod-problema-text > 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-bottom: 36px;\r\n}\r\n.cm-prod-prob-cards {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n.cm-prod-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-prod-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-prod-prob-card svg {\r\n  width: 24px; height: 24px;\r\n  color: #ff6b6b; margin-bottom: 12px; opacity: 0.8;\r\n}\r\n.cm-prod-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-prod-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-prod-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-prod-problema-inner { padding: var(--cm-section-padding-mobile, 60px 16px); grid-template-columns: 1fr; gap: 40px; }\r\n  .cm-prod-prob-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-prod-problema\">\r\n  <div class=\"cm-prod-problema-inner\">\r\n    <div class=\"cm-prod-problema-text\">\r\n      <h2>Tu proyecto est\u00e1 <span>perdiendo tiempo<\/span> y clientes cada d\u00eda<\/h2>\r\n      <p>Como aut\u00f3nomo o microempresario, haces malabares con todo: atender clientes, gestionar pagos, responder mensajes\u2026 sin tiempo para crecer.<\/p>\r\n      <div class=\"cm-prod-problema-cierre\">\r\n        <p>\ud83d\ude80 Con nuestros productos tecnol\u00f3gicos, automatizas lo repetitivo y te enfocas en lo que importa.<p> \u00a1Hacer crecer tu negocio!<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cm-prod-prob-cards\">\r\n      <div class=\"cm-prod-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>Pierdes clientes porque no puedes atender todos los mensajes de WhatsApp a tiempo<\/p>\r\n      <\/div>\r\n      <div class=\"cm-prod-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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n        <p>Pasas horas al mes haciendo tr\u00e1mites de SUNAT que podr\u00edan hacerse solos<\/p>\r\n      <\/div>\r\n      <div class=\"cm-prod-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\"><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>Tu p\u00e1gina web es antigua, lenta y no convierte visitas en ventas reales<\/p>\r\n      <\/div>\r\n      <div class=\"cm-prod-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\"><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>Llaman a tu negocio y si no contestas, el cliente se va a la competencia<\/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-888342f elementor-widget elementor-widget-html\" data-id=\"888342f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRODUCTOS \u2014 CAJ\u00d3N 03 \u2014 CAMBIO DE PARADIGMA\r\n     De manual a automatizado\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prod-paradigma {\r\n  padding: 0;\r\n}\r\n.cm-prod-paradigma-inner {\r\n  max-width: var(--cm-max-width, 960px);\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding, 80px 24px);\r\n  text-align: center;\r\n}\r\n.cm-prod-paradigma-block {\r\n  background: rgba(44,213,196,0.02);\r\n  border: 1px solid rgba(44,213,196,0.08);\r\n  border-radius: var(--cm-radius, 20px);\r\n  padding: 64px 48px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cm-prod-paradigma-block::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 220px; height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--cm-primary, #2cd5c4), #66FF00, transparent);\r\n}\r\n.cm-prod-paradigma-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.07));\r\n  border-radius: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.cm-prod-paradigma-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-prod-paradigma-block h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n  font-weight: 700; line-height: 1.2;\r\n  color: var(--cm-white, #ffffff); margin-bottom: 20px;\r\n}\r\n.cm-prod-paradigma-block h2 span { color: var(--cm-primary, #2cd5c4); }\r\n.cm-prod-paradigma-block p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.1rem; line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  max-width: 620px; margin: 0 auto 40px;\r\n}\r\n.cm-prod-paradigma-compare {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n  text-align: left;\r\n}\r\n.cm-prod-paradigma-side {\r\n  background: rgba(17,17,17,0.6);\r\n  border: 1px solid var(--cm-dark-border, rgba(255,255,255,0.06));\r\n  border-radius: var(--cm-radius, 14px);\r\n  padding: 28px;\r\n}\r\n.cm-prod-paradigma-side--before { border-color: rgba(239,68,68,0.1); }\r\n.cm-prod-paradigma-side--after { border-color: rgba(44,213,196,0.15); }\r\n.cm-prod-paradigma-side-tag {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n}\r\n.cm-prod-paradigma-side--before .cm-prod-paradigma-side-tag { color: #ff6b6b; }\r\n.cm-prod-paradigma-side--after .cm-prod-paradigma-side-tag { color: var(--cm-primary, #2cd5c4); }\r\n.cm-prod-paradigma-items { display: flex; flex-direction: column; gap: 10px; }\r\n.cm-prod-paradigma-item {\r\n  display: flex; align-items: flex-start; gap: 10px;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.88rem; color: var(--cm-gray, #cccccc); line-height: 1.5;\r\n}\r\n.cm-prod-paradigma-item svg { flex-shrink: 0; width: 16px; height: 16px; margin-top: 2px; }\r\n.cm-prod-paradigma-side--before .cm-prod-paradigma-item svg { color: #ff6b6b; }\r\n.cm-prod-paradigma-side--after .cm-prod-paradigma-item svg { color: var(--cm-primary, #2cd5c4); }\r\n.cm-prod-paradigma-arrow {\r\n  width: 48px; height: 48px;\r\n  background: linear-gradient(135deg, var(--cm-primary, #2cd5c4), #66FF00);\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.cm-prod-paradigma-arrow svg { width: 22px; height: 22px; color: #0a0a0a; stroke: currentColor; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\r\n@media (max-width: 768px) {\r\n  .cm-prod-paradigma-inner { padding: var(--cm-section-padding-mobile, 60px 16px); }\r\n  .cm-prod-paradigma-block { padding: 40px 24px; }\r\n  .cm-prod-paradigma-compare { grid-template-columns: 1fr; gap: 16px; }\r\n  .cm-prod-paradigma-arrow { transform: rotate(90deg); margin: 0 auto; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-prod-paradigma\">\r\n  <div class=\"cm-prod-paradigma-inner\">\r\n    <div class=\"cm-prod-paradigma-block\">\r\n      <div class=\"cm-prod-paradigma-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n      <\/div>\r\n      <h2>De operar en modo manual<span>  a trabajar con IA<\/span> \r\n      <\/h2>\r\n      <p>No necesitas un equipo de tecnolog\u00eda ni una gran inversi\u00f3n si estas iniciando. Nuestros productos se instalan, se configuran y trabajan por ti desde el d\u00eda uno.<\/p>\r\n      <div class=\"cm-prod-paradigma-compare\">\r\n        <div class=\"cm-prod-paradigma-side cm-prod-paradigma-side--before\">\r\n          <div class=\"cm-prod-paradigma-side-tag\">Sin nuestros productos<\/div>\r\n          <div class=\"cm-prod-paradigma-items\">\r\n            <div class=\"cm-prod-paradigma-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              Respondes mensajes manualmente todo el d\u00eda\r\n            <\/div>\r\n            <div class=\"cm-prod-paradigma-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              Pierdes llamadas y clientes potenciales\r\n            <\/div>\r\n            <div class=\"cm-prod-paradigma-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              Tr\u00e1mites fiscales lentos y propensos a errores\r\n            <\/div>\r\n            <div class=\"cm-prod-paradigma-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              P\u00e1gina web que no vende ni atrae clientes\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cm-prod-paradigma-arrow\">\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        <\/div>\r\n        <div class=\"cm-prod-paradigma-side cm-prod-paradigma-side--after\">\r\n          <div class=\"cm-prod-paradigma-side-tag\">Con nuestros productos<\/div>\r\n          <div class=\"cm-prod-paradigma-items\">\r\n            <div class=\"cm-prod-paradigma-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              Agente de IA que atiende WhatsApp 24\/7\r\n            <\/div>\r\n            <div class=\"cm-prod-paradigma-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              Recepcionista virtual no pierde ninguna llamada\r\n            <\/div>\r\n            <div class=\"cm-prod-paradigma-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              Declaraciones en SUNAT ejecutadas autom\u00e1ticamente\r\n            <\/div>\r\n            <div class=\"cm-prod-paradigma-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              Web 3D que convierte visitas en ventas reales\r\n            <\/div>\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-dedd397 elementor-widget elementor-widget-html\" data-id=\"dedd397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRODUCTOS \u2014 CAJ\u00d3N 04 \u2014 CAT\u00c1LOGO DE PRODUCTOS\r\n     Grid tipo cat\u00e1logo con cajones de imagen\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prod-catalogo {\r\n  padding: 0;\r\n}\r\n\r\n.cm-prod-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.cm-prod-catalogo-header {\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 60px;\r\n}\r\n\r\n.cm-prod-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-prod-catalogo-label::before,\r\n.cm-prod-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-prod-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-prod-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.cm-prod-catalogo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TARJETA \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.cm-prod-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-prod-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-prod-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-prod-item:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SLOT IMAGEN \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.cm-prod-item-img {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\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  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-prod-item-img::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(44,213,196,0.03) 0%,\r\n    rgba(102,255,0,0.02) 100%\r\n  );\r\n}\r\n\r\n\/* Imagen real *\/\r\n.cm-prod-item-img-real {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.cm-prod-item:hover .cm-prod-item-img-real {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.cm-prod-item-img-ph {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cm-prod-item-img-ph svg {\r\n  width: 36px;\r\n  height: 36px;\r\n  color: rgba(44,213,196,0.2);\r\n}\r\n\r\n.cm-prod-item-img-ph span {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: rgba(44,213,196,0.2);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CARA 3D REAL \u2014 THREE.JS (P\u00e1ginas Web 3D) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cm-prod-item-img--face3d {\r\n  background: radial-gradient(\r\n    ellipse at 50% 45%,\r\n    #0a1628 0%,\r\n    #060e1a 50%,\r\n    #020810 100%\r\n  );\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.cm-prod-item-img--face3d::before {\r\n  display: none;\r\n}\r\n\r\n.cm-face3d-canvas {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  display: block;\r\n  position: absolute;\r\n  inset: 0;\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.cm-prod-item-body {\r\n  padding: 28px 28px 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.cm-prod-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: 16px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.cm-prod-item-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  background: var(--cm-primary-subtle, rgba(44,213,196,0.08));\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cm-prod-item-icon svg {\r\n  width: 22px;\r\n  height: 22px;\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-prod-item h3 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: var(--cm-white, #ffffff);\r\n  margin-bottom: 10px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.cm-prod-item p {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.88rem;\r\n  line-height: 1.65;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  flex: 1;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cm-prod-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.85rem;\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-prod-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-prod-item:hover .cm-prod-item-cta svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CARD VAC\u00cdA \/ ASISTENTE PERSONAL \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.cm-prod-item--empty {\r\n  border: 1px solid rgba(44,213,196,0.12);\r\n  background: rgba(44,213,196,0.025);\r\n}\r\n\r\n.cm-prod-item--empty:hover {\r\n  transform: translateY(-6px);\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.06);\r\n  border-color: rgba(44,213,196,0.28);\r\n}\r\n\r\n.cm-prod-item--empty .cm-prod-item-img {\r\n  background: rgba(44,213,196,0.02);\r\n  border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n\r\n.cm-prod-item--empty .cm-prod-item-img::before {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(44,213,196,0.05) 0%,\r\n      rgba(0,0,0,0.08) 100%\r\n    );\r\n}\r\n\r\n.cm-prod-item--empty .cm-prod-item-body {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n  text-align: left;\r\n}\r\n\r\n.cm-prod-item--empty .cm-prod-item-coming {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 8px;\r\n  width: 100%;\r\n}\r\n\r\n.cm-prod-item--empty .cm-prod-item-coming svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n}\r\n\r\n.cm-prod-item--empty .cm-prod-item-coming span {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 10px;\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}\r\n\r\n.cm-prod-personal-tag {\r\n  margin-bottom: 14px;\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@media (max-width: 992px) {\r\n  .cm-prod-catalogo-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cm-prod-catalogo-inner {\r\n    padding: var(--cm-section-padding-mobile, 60px 16px);\r\n  }\r\n\r\n  .cm-prod-catalogo-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-prod-catalogo\">\r\n  <div class=\"cm-prod-catalogo-inner\">\r\n\r\n    <div class=\"cm-prod-catalogo-header\">\r\n      <h2>Elige el producto que tu proyecto necesita ahora<\/h2>\r\n      <p>\r\n        Cada producto es una soluci\u00f3n lista para implementar.\r\n        Empieza con uno y escala cuando quieras.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-prod-catalogo-grid\">\r\n\r\n      <!-- 01: P\u00e1ginas Web 3D -->\r\n      <div class=\"cm-prod-item\">\r\n\r\n        <div class=\"cm-prod-item-img cm-prod-item-img--face3d\" id=\"cm-face3d-wrap\">\r\n          <canvas class=\"cm-face3d-canvas\" id=\"cm-face3d-canvas\"><\/canvas>\r\n        <\/div>\r\n\r\n        <!-- THREE.JS \u2014 Cara 3D real -->\r\n        <script>\r\n        (function(){\r\n          if(document.getElementById('cm-face3d-canvas')&&document.getElementById('cm-face3d-canvas').dataset.init)return;\r\n\r\n          var C=0x0099ff; \/* Color principal *\/\r\n\r\n          function loadJS(url,cb){\r\n            var s=document.createElement('script');\r\n            s.src=url;s.onload=cb;\r\n            s.onerror=function(){console.warn('Failed:',url);};\r\n            document.head.appendChild(s);\r\n          }\r\n\r\n          \/* Carga encadenada: Three.js \u2192 GLTFLoader \u2192 modelo real *\/\r\n          function boot(){\r\n            if(window.THREE){step2();return;}\r\n            loadJS('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js',step2);\r\n          }\r\n          function step2(){\r\n            if(window.THREE&&THREE.GLTFLoader){step3();return;}\r\n            loadJS('https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/loaders\/GLTFLoader.js',step3);\r\n          }\r\n          function step3(){\r\n            var loader=new THREE.GLTFLoader();\r\n            loader.load(\r\n              'https:\/\/threejs.org\/examples\/models\/gltf\/LeePerrySmith\/LeePerrySmith.glb',\r\n              function(gltf){\r\n                var mesh=gltf.scene.children[0];\r\n                var geo=mesh.geometry;\r\n                \/* Centrar y escalar *\/\r\n                geo.computeBoundingBox();\r\n                geo.center();\r\n                var bb=geo.boundingBox;\r\n                var maxD=Math.max(bb.max.x-bb.min.x,bb.max.y-bb.min.y,bb.max.z-bb.min.z);\r\n                var sc=2.6\/maxD;\r\n                geo.scale(sc,sc,sc);\r\n                initScene(geo,true);\r\n              },\r\n              undefined,\r\n              function(){initScene(fallbackHead(),false);}\r\n            );\r\n          }\r\n          boot();\r\n\r\n          \/* \u2550\u2550\u2550 Fallback: cabeza procedural si falla la carga \u2550\u2550\u2550 *\/\r\n          function fallbackHead(){\r\n            var g=new THREE.SphereGeometry(1,48,32);\r\n            var p=g.attributes.position;\r\n            for(var i=0;i<p.count;i++){\r\n              var x=p.getX(i),y=p.getY(i),z=p.getZ(i);\r\n              y*=1.3;\r\n              if(y<-0.1){var jt=Math.min(1,(-y-0.1)\/1.15);x*=1-jt*jt*0.52;z*=1-jt*jt*0.24;}\r\n              if(y<-0.65&&z>-0.15){var cd=Math.sqrt(x*x*3.5+(y+1.05)*(y+1.05));if(cd<0.55)z+=0.18*(0.5+0.5*Math.cos(cd\/0.55*Math.PI));}\r\n              if(y>0.08&&y<0.42&&z>0.5)z+=0.13*(1-Math.abs(x)*0.9)*Math.exp(-((y-0.27)*(y-0.27))\/(2*0.09*0.09));\r\n              var leD=Math.sqrt((x+0.32)*(x+0.32)*2+(y-0.16)*(y-0.16)*3.5);\r\n              if(leD<0.27&&z>0.45)z-=0.15*(0.5+0.5*Math.cos(leD\/0.27*Math.PI));\r\n              var reD=Math.sqrt((x-0.32)*(x-0.32)*2+(y-0.16)*(y-0.16)*3.5);\r\n              if(reD<0.27&&z>0.45)z-=0.15*(0.5+0.5*Math.cos(reD\/0.27*Math.PI));\r\n              if(Math.abs(x)<0.15&&y>-0.22&&y<0.22&&z>0.6)z+=0.25*(1-Math.abs(x)\/0.15)*Math.exp(-((y-0.0)*(y-0.0))\/(2*0.12*0.12));\r\n              if(y<-1.05){var nk=Math.min(1,(-y-1.05)\/0.25);x*=Math.max(0.38,1-nk*0.55);z*=Math.max(0.38,1-nk*0.45);}\r\n              p.setXYZ(i,x,y,z);\r\n            }\r\n            g.computeVertexNormals();\r\n            return g;\r\n          }\r\n\r\n          \/* \u2550\u2550\u2550 Geometr\u00eda de hombros \u2550\u2550\u2550 *\/\r\n          function createShoulders(){\r\n            var pts=[\r\n              new THREE.Vector2(0.38,0),\r\n              new THREE.Vector2(0.42,-0.1),\r\n              new THREE.Vector2(0.50,-0.2),\r\n              new THREE.Vector2(0.65,-0.35),\r\n              new THREE.Vector2(0.85,-0.5),\r\n              new THREE.Vector2(1.1,-0.65),\r\n              new THREE.Vector2(1.35,-0.8),\r\n              new THREE.Vector2(1.5,-0.95),\r\n              new THREE.Vector2(1.55,-1.1),\r\n              new THREE.Vector2(1.5,-1.25),\r\n              new THREE.Vector2(1.35,-1.35)\r\n            ];\r\n            var g=new THREE.LatheGeometry(pts,28);\r\n            g.computeVertexNormals();\r\n            return g;\r\n          }\r\n\r\n          \/* \u2550\u2550\u2550 Escena principal \u2550\u2550\u2550 *\/\r\n          function initScene(headGeo,isRealModel){\r\n            var canvas=document.getElementById('cm-face3d-canvas');\r\n            if(!canvas)return;\r\n            canvas.dataset.init='1';\r\n            var wrap=document.getElementById('cm-face3d-wrap');\r\n            var W=wrap.clientWidth||400,H=wrap.clientHeight||225;\r\n\r\n            \/* Renderer *\/\r\n            var renderer=new THREE.WebGLRenderer({canvas:canvas,antialias:true,alpha:true});\r\n            renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\r\n            renderer.setSize(W,H);\r\n            renderer.setClearColor(0x040c18,1);\r\n\r\n            \/* Escena y c\u00e1mara *\/\r\n            var scene=new THREE.Scene();\r\n            scene.fog=new THREE.FogExp2(0x040c18,0.12);\r\n            var camera=new THREE.PerspectiveCamera(34,W\/H,0.1,100);\r\n            camera.position.set(0,0.1,4.5);\r\n            camera.lookAt(0,-0.15,0);\r\n\r\n            \/* --- Materiales --- *\/\r\n            var solidMat=new THREE.MeshPhongMaterial({\r\n              color:0x041225,emissive:0x020a18,shininess:15,\r\n              transparent:true,opacity:0.4,side:THREE.FrontSide\r\n            });\r\n            var wireMat=new THREE.MeshBasicMaterial({\r\n              color:C,wireframe:true,transparent:true,opacity:0.5\r\n            });\r\n            var glowMat=new THREE.MeshBasicMaterial({\r\n              color:C,transparent:true,opacity:0.04,side:THREE.BackSide\r\n            });\r\n\r\n            \/* --- Cabeza --- *\/\r\n            var solidHead=new THREE.Mesh(headGeo,solidMat);\r\n            var wireHead=new THREE.Mesh(headGeo.clone(),wireMat);\r\n            var glowHead=new THREE.Mesh(headGeo.clone(),glowMat);\r\n            glowHead.scale.multiplyScalar(1.04);\r\n\r\n            \/* Puntos brillantes en v\u00e9rtices (muestreados para rendimiento) *\/\r\n            var headPos=headGeo.attributes.position;\r\n            var maxDots=500;\r\n            var step=Math.max(1,Math.floor(headPos.count\/maxDots));\r\n            var dotArr=[];\r\n            for(var i=0;i<headPos.count;i+=step){\r\n              dotArr.push(headPos.getX(i),headPos.getY(i),headPos.getZ(i));\r\n            }\r\n            var dotGeo=new THREE.BufferGeometry();\r\n            dotGeo.setAttribute('position',new THREE.Float32BufferAttribute(dotArr,3));\r\n            var dotMat=new THREE.PointsMaterial({\r\n              color:0x66ccff,size:0.035,transparent:true,opacity:0.9,sizeAttenuation:true\r\n            });\r\n            var headDots=new THREE.Points(dotGeo,dotMat);\r\n\r\n            \/* --- Hombros --- *\/\r\n            var shoulderGeo=createShoulders();\r\n            \/* Posicionar hombros debajo de la cabeza *\/\r\n            var yOffset=isRealModel?-1.15:-1.1;\r\n            shoulderGeo.translate(0,yOffset,0);\r\n            var solidShoulders=new THREE.Mesh(shoulderGeo,solidMat.clone());\r\n            solidShoulders.material.opacity=0.25;\r\n            var wireShoulders=new THREE.Mesh(shoulderGeo.clone(),wireMat.clone());\r\n            wireShoulders.material.opacity=0.3;\r\n            var shPos=shoulderGeo.attributes.position;\r\n            var shStep=Math.max(1,Math.floor(shPos.count\/150));\r\n            var shDotArr=[];\r\n            for(var j=0;j<shPos.count;j+=shStep){\r\n              shDotArr.push(shPos.getX(j),shPos.getY(j),shPos.getZ(j));\r\n            }\r\n            var shDotGeo=new THREE.BufferGeometry();\r\n            shDotGeo.setAttribute('position',new THREE.Float32BufferAttribute(shDotArr,3));\r\n            var shoulderDots=new THREE.Points(shDotGeo,new THREE.PointsMaterial({\r\n              color:0x66ccff,size:0.025,transparent:true,opacity:0.6,sizeAttenuation:true\r\n            }));\r\n\r\n            \/* Grupo *\/\r\n            var group=new THREE.Group();\r\n            group.add(solidHead);\r\n            group.add(wireHead);\r\n            group.add(glowHead);\r\n            group.add(headDots);\r\n            group.add(solidShoulders);\r\n            group.add(wireShoulders);\r\n            group.add(shoulderDots);\r\n            scene.add(group);\r\n\r\n            \/* Luces *\/\r\n            scene.add(new THREE.AmbientLight(C,0.12));\r\n            var key=new THREE.DirectionalLight(0xaaddff,0.9);\r\n            key.position.set(-3,4,4);scene.add(key);\r\n            var fill=new THREE.PointLight(C,0.4,8);\r\n            fill.position.set(2,-1,3.5);scene.add(fill);\r\n            var rim=new THREE.PointLight(C,0.3,6);\r\n            rim.position.set(0,1,-3);scene.add(rim);\r\n            var bottom=new THREE.PointLight(C,0.15,5);\r\n            bottom.position.set(0,-3,2);scene.add(bottom);\r\n\r\n            \/* Scanline *\/\r\n            var scanGeo=new THREE.PlaneGeometry(6,0.015);\r\n            var scanMat=new THREE.MeshBasicMaterial({\r\n              color:C,transparent:true,opacity:0.5,\r\n              side:THREE.DoubleSide,depthTest:false\r\n            });\r\n            var scanline=new THREE.Mesh(scanGeo,scanMat);\r\n            scanline.renderOrder=999;\r\n            scene.add(scanline);\r\n\r\n            \/* Part\u00edculas ambientales *\/\r\n            var PC=40;\r\n            var pGeo=new THREE.BufferGeometry();\r\n            var pp=new Float32Array(PC*3),pv=[];\r\n            for(var k=0;k<PC;k++){\r\n              var th=Math.random()*Math.PI*2,ph=Math.random()*Math.PI;\r\n              var rd=2.2+Math.random()*1.5;\r\n              pp[k*3]=Math.sin(ph)*Math.cos(th)*rd;\r\n              pp[k*3+1]=Math.cos(ph)*rd*0.9-0.5;\r\n              pp[k*3+2]=Math.sin(ph)*Math.sin(th)*rd*0.4;\r\n              pv.push({x:(Math.random()-0.5)*0.001,y:(Math.random()-0.5)*0.0015,z:(Math.random()-0.5)*0.001});\r\n            }\r\n            pGeo.setAttribute('position',new THREE.BufferAttribute(pp,3));\r\n            var pMat=new THREE.PointsMaterial({color:C,size:0.012,transparent:true,opacity:0.25,sizeAttenuation:true});\r\n            var particles=new THREE.Points(pGeo,pMat);\r\n            scene.add(particles);\r\n\r\n            \/* Mouse tracking *\/\r\n            var mX=0,mY=0,tX=0,tY=0;\r\n            wrap.addEventListener('mousemove',function(e){\r\n              var r=wrap.getBoundingClientRect();\r\n              mX=((e.clientX-r.left)\/r.width-0.5)*2;\r\n              mY=((e.clientY-r.top)\/r.height-0.5)*2;\r\n            });\r\n            wrap.addEventListener('mouseleave',function(){mX=0;mY=0;});\r\n\r\n            \/* Visibility *\/\r\n            var vis=true;\r\n            var io=new IntersectionObserver(function(e){vis=e[0].isIntersecting;},{threshold:0});\r\n            io.observe(wrap);\r\n\r\n            \/* Loop *\/\r\n            var clock=new THREE.Clock();\r\n            (function animate(){\r\n              requestAnimationFrame(animate);\r\n              if(!vis)return;\r\n              var t=clock.getElapsedTime();\r\n\r\n              tX+=(mX-tX)*0.04;\r\n              tY+=(mY-tY)*0.04;\r\n\r\n              group.rotation.y=Math.sin(t*0.2)*0.35+tX*0.5;\r\n              group.rotation.x=Math.sin(t*0.1)*0.03+tY*-0.2;\r\n              group.rotation.z=Math.sin(t*0.13)*0.012;\r\n\r\n              var br=1+Math.sin(t*0.8)*0.004;\r\n              group.scale.set(br,br,br);\r\n\r\n              scanline.position.y=Math.sin(t*0.55)*2.2;\r\n              scanline.position.z=0.5;\r\n              scanMat.opacity=(0.3+Math.sin(t*1.1)*0.1)*(1-Math.abs(scanline.position.y)\/2.8);\r\n\r\n              dotMat.opacity=0.7+Math.sin(t*1.3)*0.2;\r\n              dotMat.size=0.032+Math.sin(t*1.8)*0.005;\r\n\r\n              var pa=particles.geometry.attributes.position;\r\n              for(var n=0;n<PC;n++){\r\n                pa.array[n*3]+=pv[n].x;pa.array[n*3+1]+=pv[n].y;pa.array[n*3+2]+=pv[n].z;\r\n                if(Math.abs(pa.array[n*3])>3.5)pv[n].x*=-1;\r\n                if(Math.abs(pa.array[n*3+1])>3)pv[n].y*=-1;\r\n                if(Math.abs(pa.array[n*3+2])>2)pv[n].z*=-1;\r\n              }\r\n              pa.needsUpdate=true;\r\n\r\n              renderer.render(scene,camera);\r\n            })();\r\n\r\n            \/* Resize *\/\r\n            window.addEventListener('resize',function(){\r\n              var w=wrap.clientWidth,h=wrap.clientHeight;\r\n              if(w>0&&h>0){camera.aspect=w\/h;camera.updateProjectionMatrix();renderer.setSize(w,h);}\r\n            });\r\n          }\r\n        })();\r\n        <\/script>\r\n\r\n\r\n\r\n        <div class=\"cm-prod-item-body\">\r\n\r\n          <div class=\"cm-prod-item-tag\">Web<\/div>\r\n\r\n          <div class=\"cm-prod-item-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n              <path d=\"M2 17l10 5 10-5\"\/>\r\n              <path d=\"M2 12l10 5 10-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>P\u00e1ginas Web 3D<\/h3>\r\n\r\n          <p>\r\n            Presencia digital de alto impacto con experiencias tridimensionales\r\n            e inmersivas que diferencian tu marca y convierten visitas en clientes reales.\r\n          <\/p>\r\n\r\n          <a href=\"https:\/\/www.corporativomatheus.com\/experimento-x\/\" class=\"cm-prod-item-cta\">\r\n            Saber m\u00e1s\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n              stroke-width=\"2.5\" stroke-linecap=\"round\" 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          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- 02: Agente de Voz en Web -->\r\n      <div class=\"cm-prod-item\" style=\"transition-delay:0.1s\">\r\n\r\n        <div class=\"cm-prod-item-img\">\r\n          <img decoding=\"async\"\r\n            class=\"cm-prod-item-img-real\"\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/portada-1.png\"\r\n            alt=\"Agente de Voz en P\u00e1gina Web\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cm-prod-item-body\">\r\n\r\n          <div class=\"cm-prod-item-tag\">IA Conversacional<\/div>\r\n\r\n          <div class=\"cm-prod-item-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"\/>\r\n              <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/>\r\n              <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"\/>\r\n              <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Agente de Voz en P\u00e1gina Web<\/h3>\r\n\r\n          <p>\r\n            Asistente de voz con IA en tu web que atiende, gu\u00eda y califica\r\n            clientes de forma aut\u00f3noma las 24 horas del d\u00eda, sin que t\u00fa hagas nada.\r\n          <\/p>\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-prod-item-cta\">\r\n            Saber m\u00e1s\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n              stroke-width=\"2.5\" stroke-linecap=\"round\" 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          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- 03: Agente WhatsApp -->\r\n      <div class=\"cm-prod-item\" style=\"transition-delay:0.2s\">\r\n\r\n        <div class=\"cm-prod-item-img\">\r\n          <img decoding=\"async\"\r\n            class=\"cm-prod-item-img-real\"\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/portada-4.png\"\r\n            alt=\"Agente en WhatsApp\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cm-prod-item-body\">\r\n\r\n          <div class=\"cm-prod-item-tag\">IA &amp; Mensajer\u00eda<\/div>\r\n\r\n          <div class=\"cm-prod-item-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Agente en WhatsApp<\/h3>\r\n\r\n          <p>\r\n            IA que gestiona tu WhatsApp Business: responde, califica leads,\r\n            toma pedidos y da seguimiento autom\u00e1tico seg\u00fan la complejidad\r\n            y alcance de tu negocio.\r\n          <\/p>\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-prod-item-cta\">\r\n            Saber m\u00e1s\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n              stroke-width=\"2.5\" stroke-linecap=\"round\" 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          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- 04: Agente Contable SUNAT -->\r\n      <div class=\"cm-prod-item\" style=\"transition-delay:0.3s\">\r\n\r\n        <div class=\"cm-prod-item-img\">\r\n          <img decoding=\"async\"\r\n            class=\"cm-prod-item-img-real\"\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/portada-3.png\"\r\n            alt=\"Agente Contable SUNAT\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cm-prod-item-body\">\r\n\r\n          <div class=\"cm-prod-item-tag\">Automatizaci\u00f3n Fiscal<\/div>\r\n\r\n          <div class=\"cm-prod-item-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n              <polyline points=\"14 2 14 8 20 8\"\/>\r\n              <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\r\n              <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Agente Contable \u2014 SUNAT<\/h3>\r\n\r\n          <p>\r\n            Conecta tu informaci\u00f3n contable y el agente ejecuta autom\u00e1ticamente\r\n            las declaraciones de tributos en SUNAT. Cumplimiento fiscal sin errores ni estr\u00e9s.\r\n          <\/p>\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-prod-item-cta\">\r\n            Saber m\u00e1s\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n              stroke-width=\"2.5\" stroke-linecap=\"round\" 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          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- 05: Agente Recepcionista -->\r\n      <div class=\"cm-prod-item\" style=\"transition-delay:0.4s\">\r\n\r\n        <div class=\"cm-prod-item-img\">\r\n          <img decoding=\"async\"\r\n            class=\"cm-prod-item-img-real\"\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/portada-2.png\"\r\n            alt=\"Agente Recepcionista Telef\u00f3nico\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cm-prod-item-body\">\r\n\r\n          <div class=\"cm-prod-item-tag\">Telefon\u00eda IA<\/div>\r\n\r\n          <div class=\"cm-prod-item-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n                19.79 19.79 0 0 1-8.63-3.07\r\n                A19.5 19.5 0 0 1 4.69 12\r\n                a19.79 19.79 0 0 1-3.07-8.67\r\n                A2 2 0 0 1 3.6 1.27h3\r\n                a2 2 0 0 1 2 1.72\r\n                c.127.96.361 1.903.7 2.81\r\n                a2 2 0 0 1-.45 2.11L7.91 8.85\r\n                a16 16 0 0 0 6.09 6.09l1.85-1.85\r\n                a2 2 0 0 1 2.11-.45\r\n                c.907.339 1.85.573 2.81.7\r\n                A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Agente Recepcionista Telef\u00f3nico<\/h3>\r\n\r\n          <p>\r\n            Recepcionista virtual con IA que contesta, filtra y gestiona llamadas\r\n            de forma aut\u00f3noma. Agenda citas, resuelve dudas y escala al equipo\r\n            humano cuando es necesario.\r\n          <\/p>\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-prod-item-cta\">\r\n            Saber m\u00e1s\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n              stroke-width=\"2.5\" stroke-linecap=\"round\" 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          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- 06: Asistente Personal -->\r\n      <div class=\"cm-prod-item\" style=\"transition-delay:0.5s\">\r\n\r\n        <div class=\"cm-prod-item-img\">\r\n\r\n          <img decoding=\"async\"\r\n            class=\"cm-prod-item-img-real\"\r\n            src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/08\/asistente-personal.png\"\r\n            alt=\"Asistente Personal con IA en servidor\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cm-prod-item-body\">\r\n\r\n          <div class=\"cm-prod-item-tag\">IA Privada<\/div>\r\n\r\n          <div class=\"cm-prod-item-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n              <path d=\"M4 21a8 8 0 0 1 16 0\"\/>\r\n              <path d=\"M18 8h3\"\/>\r\n              <path d=\"M19.5 6.5v3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Asistente Personal en tu Servidor<\/h3>\r\n\r\n          <p>\r\n            Implementamos un asistente personal de IA ejecut\u00e1ndose en tu propio servidor,\r\n            con mayor control, privacidad y capacidad de adaptaci\u00f3n.\r\n            Una soluci\u00f3n basada en tecnolog\u00edas como OpenClaude, preparada para automatizar\r\n            tareas y ayudarte a trabajar de forma m\u00e1s inteligente.\r\n          <\/p>\r\n\r\n          <a href=\"\/contacto\/\" class=\"cm-prod-item-cta\">\r\n            Saber m\u00e1s\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n              stroke-width=\"2.5\" stroke-linecap=\"round\" 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          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd701d8 elementor-widget elementor-widget-html\" data-id=\"dd701d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRODUCTOS \u2014 CAJ\u00d3N 05 \u2014 PARA QUI\u00c9N ES\r\n     Filtro de cliente ideal\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prod-filtro {\r\n  padding: 0;\r\n}\r\n.cm-prod-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-prod-filtro-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n}\r\n.cm-prod-filtro-col {\r\n  border-radius: var(--cm-radius, 20px);\r\n  padding: 44px 36px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cm-prod-filtro-col--yes {\r\n  background: rgba(44,213,196,0.02);\r\n  border: 1px solid rgba(44,213,196,0.1);\r\n}\r\n.cm-prod-filtro-col--no {\r\n  background: rgba(239,68,68,0.02);\r\n  border: 1px solid rgba(239,68,68,0.1);\r\n}\r\n.cm-prod-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-prod-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-prod-filtro-col h2 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 1.3rem; font-weight: 700; color: var(--cm-white, #ffffff);\r\n  margin-bottom: 28px; line-height: 1.3;\r\n}\r\n.cm-prod-filtro-list { display: flex; flex-direction: column; gap: 16px; }\r\n.cm-prod-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-prod-filtro-item svg { flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; }\r\n.cm-prod-filtro-col--yes .cm-prod-filtro-item svg { color: var(--cm-primary, #2cd5c4); }\r\n.cm-prod-filtro-col--no .cm-prod-filtro-item svg { color: #ff6b6b; }\r\n@media (max-width: 768px) {\r\n  .cm-prod-filtro-inner { padding: var(--cm-section-padding-mobile, 60px 16px); }\r\n  .cm-prod-filtro-grid { grid-template-columns: 1fr; }\r\n  .cm-prod-filtro-col { padding: 32px 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-prod-filtro\">\r\n  <div class=\"cm-prod-filtro-inner\">\r\n    <div class=\"cm-prod-filtro-grid\">\r\n      <div class=\"cm-prod-filtro-col cm-prod-filtro-col--yes\">\r\n        <h2>\u2705 Estos productos son para ti si:<\/h2>\r\n        <div class=\"cm-prod-filtro-list\">\r\n          <div class=\"cm-prod-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            Eres aut\u00f3nomo, freelance o tienes un negocio peque\u00f1o\r\n          <\/div>\r\n          <div class=\"cm-prod-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 atender m\u00e1s clientes sin contratar m\u00e1s personal\r\n          <\/div>\r\n          <div class=\"cm-prod-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 automatizar tareas repetitivas que consumen tu tiempo\r\n          <\/div>\r\n          <div class=\"cm-prod-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 una presencia digital profesional y moderna\r\n          <\/div>\r\n          <div class=\"cm-prod-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 listo para dar el salto a la era digital\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cm-prod-filtro-col cm-prod-filtro-col--no\">\r\n        <h2>\u274c Esto no es para ti si:<\/h2>\r\n        <div class=\"cm-prod-filtro-list\">\r\n          <div class=\"cm-prod-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 una soluci\u00f3n sin ninguna inversi\u00f3n\r\n          <\/div>\r\n          <div class=\"cm-prod-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 tienes disposici\u00f3n a adoptar nuevas herramientas digitales\r\n          <\/div>\r\n          <div class=\"cm-prod-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            Prefieres seguir operando de manera completamente manual y lenta\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-3893569 elementor-widget elementor-widget-html\" data-id=\"3893569\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRODUCTOS \u2014 CAJ\u00d3N 06 \u2014 CTA FINAL\r\n     Cierre del embudo \/ Llamada a la acci\u00f3n\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-prod-cta-final {\r\n  padding: 0;\r\n}\r\n.cm-prod-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-prod-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;\r\n  overflow: hidden;\r\n}\r\n.cm-prod-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-prod-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-prod-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-prod-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-prod-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-prod-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: 520px;\r\n  margin: 0 auto 16px; position: relative;\r\n}\r\n.cm-prod-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-prod-cta-final-btns {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n}\r\n.cm-prod-cta-final-btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  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;\r\n  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-prod-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-prod-cta-final-btn-primary svg,\r\n.cm-prod-cta-final-btn-secondary svg {\r\n  width: 18px; height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n.cm-prod-cta-final-btn-primary:hover svg { transform: translateX(3px); }\r\n.cm-prod-cta-final-btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 18px 36px;\r\n  background: transparent;\r\n  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;\r\n  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-prod-cta-final-btn-secondary:hover {\r\n  border-color: rgba(44,213,196,0.3);\r\n  color: var(--cm-white, #ffffff);\r\n  transform: translateY(-2px);\r\n}\r\n@media (max-width: 768px) {\r\n  .cm-prod-cta-final-inner { padding: 60px 16px 80px; }\r\n  .cm-prod-cta-final-box { padding: 48px 24px; }\r\n  .cm-prod-cta-final-btns { flex-direction: column; align-items: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-prod-cta-final\">\r\n  <div class=\"cm-prod-cta-final-inner\">\r\n    <div class=\"cm-prod-cta-final-box\">\r\n      <div class=\"cm-prod-cta-final-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n      <\/div>\r\n      <h2>Empieza hoy a trabajar con inteligencia artificial<\/h2>\r\n      <p>Cu\u00e9ntanos qu\u00e9 necesita tu negocio y te recomendamos el producto ideal para que empieces a crecer desde el primer mes.<\/p>\r\n      <p class=\"cm-prod-cta-final-note\">\u2726 Implementaci\u00f3n guiada \u00b7 Sin conocimientos t\u00e9cnicos \u00b7 Soporte incluido \u2726<\/p>\r\n      <div class=\"cm-prod-cta-final-btns\">\r\n        <a href=\"\/contacto-1\/?solucion=tecnologia#formulario\" class=\"cm-prod-cta-final-btn-primary\">\r\n          Quiero empezar 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-prod-cta-final-btn-secondary\">\r\n          Tengo una pregunta\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-c92524d e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"c92524d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c92524d\" data-e-type=\"e-flexbox\" data-id=\"c92524d\">\n    \t\t<div class=\"elementor-element elementor-element-0d90654 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"0d90654\" 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>\u26a1 Para aut\u00f3nomos y micro empresas Tu negocio con el poder de laInteligencia Artificial Soluciones tecnol\u00f3gicas dise\u00f1adas para negocios que empiezan a digitalizarse. Sin complicaciones, sin grandes equipos, solo resultados reales desde el primer d\u00eda. \u2726 Ideal para emprendedores, aut\u00f3nomos y microempresas no estructuradas \u2726 5+ Productos disponibles 24\/7 Operaci\u00f3n aut\u00f3noma -60% Tiempo operativo 100% [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1506","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1506","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=1506"}],"version-history":[{"count":83,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1506\/revisions"}],"predecessor-version":[{"id":2779,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/1506\/revisions\/2779"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=1506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}