{"id":432,"date":"2026-04-18T01:39:39","date_gmt":"2026-04-18T06:39:39","guid":{"rendered":"https:\/\/www.corporativomatheus.com\/?page_id=432"},"modified":"2026-09-14T09:15:59","modified_gmt":"2026-09-14T14:15:59","slug":"ai-cyber-blueprint-360-2","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/ai-cyber-blueprint-360-2\/","title":{"rendered":"AI &amp; Cyber Blueprint 360\u00b0 \u2013 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"432\" class=\"elementor elementor-432\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33282fc e-flex e-con-boxed e-con e-parent\" data-id=\"33282fc\" 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-02a3108 elementor-widget elementor-widget-html\" data-id=\"02a3108\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 00-B \u2014 PARTICLES.JS + GOOGLE FONTS\r\n     Primer widget HTML en cada landing page.\r\n     Carga: part\u00edculas animadas, Google Fonts, observer de animaciones.\r\n     ============================================================ -->\r\n\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:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* \u2500\u2500\u2500 Reset & Base \u2500\u2500\u2500 *\/\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* Desactiva el \"font boosting\" de Chrome\/Android que infla titulares y\r\n     botones ignorando el font-size (causa de los textos gigantes en m\u00f3vil). *\/\r\n  html, body {\r\n    -webkit-text-size-adjust: 100%;\r\n    -moz-text-size-adjust: 100%;\r\n    text-size-adjust: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 CSS Variables \u2014 IA & CIBER BLUEPRINT 360\u00b0 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --cm-green:         #66FF00;\r\n    --cm-green-dark:    #50cc00;\r\n    --cm-green-glow:    rgba(102, 255, 0, 0.30);\r\n    --cm-green-subtle:  rgba(102, 255, 0, 0.08);\r\n    --cm-green-border:  rgba(102, 255, 0, 0.18);\r\n    --cm-cyan:          #00e5ff;\r\n    --cm-cyan-glow:     rgba(0, 229, 255, 0.20);\r\n    --cm-black:         #000000;\r\n    --cm-dark:          #0a0a0a;\r\n    --cm-dark-card:     #0f0f0f;\r\n    --cm-dark-card-2:   #141414;\r\n    --cm-dark-border:   rgba(255,255,255,0.06);\r\n    --cm-white:         #ffffff;\r\n    --cm-gray:          #888888;\r\n    --cm-gray-light:    #b0b0b0;\r\n    --cm-font-display:  'Syne', sans-serif;\r\n    --cm-font-body:     'DM Sans', sans-serif;\r\n    --cm-font-mono:     'Space Mono', monospace;\r\n  }\r\n\r\n  body {\r\n    background-color: var(--cm-dark);\r\n    color: var(--cm-white);\r\n    font-family: var(--cm-font-body);\r\n    overflow-x: hidden;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Particles Canvas \u2500\u2500\u2500 *\/\r\n  #particles-js {\r\n    position: fixed;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Secciones base \u2500\u2500\u2500 *\/\r\n  .cm-section {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 100px 24px;\r\n  }\r\n  .cm-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Tipograf\u00eda \u2500\u2500\u2500 *\/\r\n  .cm-headline-lg {\r\n    font-family: var(--cm-font-display);\r\n    font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n    color: var(--cm-white);\r\n  }\r\n  .cm-headline-md {\r\n    font-family: var(--cm-font-display);\r\n    font-size: clamp(1.6rem, 3.5vw, 2.6rem);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    color: var(--cm-white);\r\n  }\r\n  .cm-headline-sm {\r\n    font-family: var(--cm-font-display);\r\n    font-size: clamp(1.2rem, 2.5vw, 1.6rem);\r\n    font-weight: 600;\r\n    color: var(--cm-white);\r\n  }\r\n  .cm-text {\r\n    font-family: var(--cm-font-body);\r\n    font-size: 1.05rem;\r\n    line-height: 1.7;\r\n    color: var(--cm-gray-light);\r\n  }\r\n  .cm-mono {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Acento verde \u2500\u2500\u2500 *\/\r\n  .cm-accent {\r\n    color: var(--cm-green);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Label \u2500\u2500\u2500 *\/\r\n  .cm-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    margin-bottom: 20px;\r\n  }\r\n  .cm-label::before {\r\n    content: '';\r\n    display: block;\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--cm-green);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Gradiente de texto verde\u2192cyan \u2500\u2500\u2500 *\/\r\n  .cm-gradient-text {\r\n    background: linear-gradient(135deg, var(--cm-green) 0%, var(--cm-cyan) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Divider \u2500\u2500\u2500 *\/\r\n  .cm-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--cm-green-border), transparent);\r\n    border: none;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Bot\u00f3n CTA principal \u2500\u2500\u2500 *\/\r\n  .cm-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--cm-green);\r\n    color: var(--cm-dark);\r\n    font-family: var(--cm-font-display);\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    padding: 16px 36px;\r\n    border-radius: 6px;\r\n    border: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 0 30px var(--cm-green-glow);\r\n    letter-spacing: 0.02em;\r\n  }\r\n  .cm-btn-primary:hover {\r\n    background: #7dff1a;\r\n    box-shadow: 0 0 50px rgba(102,255,0,0.5);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Bot\u00f3n secundario (outline) \u2500\u2500\u2500 *\/\r\n  .cm-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: transparent;\r\n    color: var(--cm-green);\r\n    font-family: var(--cm-font-display);\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    padding: 14px 32px;\r\n    border-radius: 6px;\r\n    border: 1px solid var(--cm-green-border);\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n  }\r\n  .cm-btn-secondary:hover {\r\n    background: var(--cm-green-subtle);\r\n    border-color: var(--cm-green);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Cards \u2500\u2500\u2500 *\/\r\n  .cm-card {\r\n    background: var(--cm-dark-card);\r\n    border: 1px solid var(--cm-dark-border);\r\n    border-radius: 12px;\r\n    padding: 28px;\r\n    transition: border-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n  .cm-card:hover {\r\n    border-color: var(--cm-green-border);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Animaci\u00f3n fade-up \u2500\u2500\u2500 *\/\r\n  .cm-fade-up {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.65s ease, transform 0.65s ease;\r\n  }\r\n  .cm-fade-up.cm-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Utility \u2500\u2500\u2500 *\/\r\n  .text-center { text-align: center; }\r\n  .mt-4  { margin-top: 1rem; }\r\n  .mt-6  { margin-top: 1.5rem; }\r\n  .mt-8  { margin-top: 2rem; }\r\n  .mt-12 { margin-top: 3rem; }\r\n  .mb-4  { margin-bottom: 1rem; }\r\n  .mb-6  { margin-bottom: 1.5rem; }\r\n\r\n  @media (max-width: 768px) {\r\n    .cm-section { padding: 70px 20px; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     FIX RESPONSIVE \u2014 LANDING BLUEPRINT 360 (page-id-432)\r\n     Acotado a .elementor-page-432 \u2192 no afecta a otras landings\r\n     que comparten clases .cm-. Especificidad 0,2,0 \u2192 gana al\r\n     CSS global y a los cajones sin necesidad de !important.\r\n     ============================================================ *\/\r\n  @media (max-width: 768px) {\r\n    \/* 1. Rejillas a 1 columna de forma coherente en toda la landing *\/\r\n    .elementor-page-432 .cm-lp-beneficios-grid,\r\n    .elementor-page-432 .cm-lp-stack-grid,\r\n    .elementor-page-432 .cm-lp-testi-grid,\r\n    .elementor-page-432 .cm-lp-filtro-grid { grid-template-columns: 1fr; }\r\n    .elementor-page-432 .cm-lp-filtro-grid::before { display: none; }\r\n\r\n    \/* 2. BLINDAJE ANTI-DESBORDE: aunque un navegador (p. ej. el visor interno\r\n       de LinkedIn\/Instagram) infle los titulares, que las palabras largas se\r\n       partan en vez de cortarse o salirse de la pantalla. *\/\r\n    .elementor-page-432 .cm-lp-hero-headline,\r\n    .elementor-page-432 .cm-lp-hero-headline .cm-gradient-text,\r\n    .elementor-page-432 .cm-headline-md,\r\n    .elementor-page-432 .cm-lp-stack-title,\r\n    .elementor-page-432 .cm-lp-garantia-title {\r\n      overflow-wrap: anywhere;\r\n      word-break: break-word;\r\n      hyphens: auto;\r\n    }\r\n\r\n    \/* 3. Hero: bajar el tama\u00f1o m\u00ednimo para que entre c\u00f3modo en m\u00f3vil *\/\r\n    .elementor-page-432 .cm-lp-hero-headline {\r\n      font-size: clamp(1.7rem, 7vw, 4.4rem);\r\n    }\r\n\r\n    \/* 4. Bot\u00f3n del formulario: que el texto pueda envolver y no se corte *\/\r\n    .elementor-page-432 .cm-lp-form-submit {\r\n      font-size: 0.9rem;\r\n      white-space: normal;\r\n      line-height: 1.25;\r\n      text-align: center;\r\n    }\r\n  }\r\n  @media (max-width: 600px) {\r\n    \/* 5. Quitar los saltos de l\u00ednea forzados en titulares *\/\r\n    .elementor-page-432 .cm-lp-hero-headline br,\r\n    .elementor-page-432 .cm-headline-md br,\r\n    .elementor-page-432 .cm-lp-stack-title br,\r\n    .elementor-page-432 .cm-lp-garantia-title br { display: none; }\r\n    \/* 6. Sticky CTA: barra inferior compacta y centrada, sin tapar bordes *\/\r\n    .elementor-page-432 .cm-sticky-cta {\r\n      left: 16px; right: 16px; bottom: 16px;\r\n      justify-content: center;\r\n      font-size: 0.8rem;\r\n      padding: 12px 18px;\r\n    }\r\n    \/* 7. Reducir doble padding lateral (Elementor e-con + secci\u00f3n) *\/\r\n    .elementor-page-432 .cm-section {\r\n      padding-left: 16px;\r\n      padding-right: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"particles-js\"><\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script>\r\n<script>\r\nparticlesJS('particles-js', {\r\n  particles: {\r\n    number: { value: 55, density: { enable: true, value_area: 900 } },\r\n    color: { value: '#66FF00' },\r\n    shape: { type: 'circle' },\r\n    opacity: { value: 0.25, random: true, anim: { enable: true, speed: 0.8, opacity_min: 0.05 } },\r\n    size: { value: 1.8, random: true },\r\n    line_linked: {\r\n      enable: true,\r\n      distance: 150,\r\n      color: '#66FF00',\r\n      opacity: 0.10,\r\n      width: 1\r\n    },\r\n    move: { enable: true, speed: 0.8, direction: 'none', random: true, out_mode: 'out' }\r\n  },\r\n  interactivity: {\r\n    detect_on: 'canvas',\r\n    events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: false }, resize: true },\r\n    modes: { grab: { distance: 140, line_linked: { opacity: 0.25 } } }\r\n  },\r\n  retina_detect: true\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 Scroll animation observer \u2500\u2500\u2500\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach((entry, i) => {\r\n    if (entry.isIntersecting) {\r\n      setTimeout(() => entry.target.classList.add('cm-visible'), i * 80);\r\n      observer.unobserve(entry.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  document.querySelectorAll('.cm-fade-up').forEach(el => observer.observe(el));\r\n});\r\n\r\n\/\/ Also init after all content loads\r\nwindow.addEventListener('load', () => {\r\n  document.querySelectorAll('.cm-fade-up').forEach(el => observer.observe(el));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2acef73 elementor-widget elementor-widget-html\" data-id=\"2acef73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 01 \u2014 HERO\r\n     Headline principal + CTA. Sin scroll necesario (above the fold).\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-hero {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 120px 24px 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Grid decorativo de fondo *\/\r\n  .cm-lp-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(102,255,0,0.04) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(102,255,0,0.04) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Glow central radial *\/\r\n  .cm-lp-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 800px;\r\n    height: 800px;\r\n    background: radial-gradient(circle, rgba(102,255,0,0.06) 0%, transparent 65%);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-hero .cm-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    max-width: 900px;\r\n  }\r\n\r\n  \/* Badge \/ Micro-copy *\/\r\n  .cm-lp-hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(102,255,0,0.07);\r\n    border: 1px solid rgba(102,255,0,0.20);\r\n    border-radius: 100px;\r\n    padding: 7px 18px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    margin-bottom: 36px;\r\n    animation: heroBadge 0.8s ease forwards;\r\n  }\r\n  .cm-lp-hero-badge::before {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--cm-green);\r\n    box-shadow: 0 0 8px var(--cm-green);\r\n    animation: blink 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes heroBadge {\r\n    from { opacity: 0; transform: translateY(-12px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes blink {\r\n    0%, 100% { opacity: 1; }\r\n    50%       { opacity: 0.3; }\r\n  }\r\n\r\n  \/* Headline *\/\r\n  .cm-lp-hero-headline {\r\n    font-family: var(--cm-font-display);\r\n    font-size: clamp(2.6rem, 6vw, 4.4rem);\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n    color: var(--cm-white);\r\n    margin-bottom: 24px;\r\n    animation: heroText 1s ease 0.15s both;\r\n  }\r\n  .cm-lp-hero-headline .cm-gradient-text {\r\n    background: linear-gradient(135deg, #66FF00 0%, #00e5ff 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  @keyframes heroText {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Subheadline *\/\r\n  .cm-lp-hero-sub {\r\n    font-family: var(--cm-font-body);\r\n    font-size: clamp(1rem, 2vw, 1.2rem);\r\n    line-height: 1.75;\r\n    color: var(--cm-gray-light);\r\n    max-width: 680px;\r\n    margin: 0 auto 40px;\r\n    animation: heroText 1s ease 0.30s both;\r\n  }\r\n\r\n  \/* CTA wrapper *\/\r\n  .cm-lp-hero-cta {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 14px;\r\n    animation: heroText 1s ease 0.45s both;\r\n  }\r\n\r\n  \/* Nota de escasez *\/\r\n  .cm-lp-hero-scarcity {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-gray);\r\n  }\r\n  .cm-lp-hero-scarcity span {\r\n    color: var(--cm-green);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Stats decorativos bajo el hero *\/\r\n  .cm-lp-hero-stats {\r\n    display: flex;\r\n    gap: 48px;\r\n    margin-top: 72px;\r\n    padding-top: 40px;\r\n    border-top: 1px solid rgba(102,255,0,0.10);\r\n    animation: heroText 1s ease 0.60s both;\r\n  }\r\n  .cm-lp-hero-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n  .cm-lp-hero-stat-num {\r\n    font-family: var(--cm-font-display);\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: var(--cm-green);\r\n    line-height: 1;\r\n  }\r\n  .cm-lp-hero-stat-label {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-gray);\r\n  }\r\n\r\n  \/* L\u00ednea escaneo animada *\/\r\n  .cm-lp-hero-scan {\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, #66FF00, transparent);\r\n    animation: scan 4s ease-in-out infinite;\r\n    opacity: 0.6;\r\n    z-index: 3;\r\n  }\r\n  @keyframes scan {\r\n    0%   { top: 0%; opacity: 0; }\r\n    10%  { opacity: 0.6; }\r\n    90%  { opacity: 0.6; }\r\n    100% { top: 100%; opacity: 0; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .cm-lp-hero { min-height: auto; padding: 100px 20px 60px; }\r\n    .cm-lp-hero-stats { flex-wrap: wrap; gap: 28px; justify-content: center; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-hero cm-section\">\r\n  <div class=\"cm-lp-hero-scan\"><\/div>\r\n\r\n  <div class=\"cm-container\" style=\"max-width:900px\">\r\n\r\n    <div class=\"cm-lp-hero-badge\">\r\n      Para compa\u00f1\u00edas que facturan +1M$\/a\u00f1o\r\n    <\/div>\r\n\r\n    <h1 class=\"cm-lp-hero-headline\">\r\n      Escala y blinda tu Empresa con<br>\r\n      <span class=\"cm-gradient-text\">IA y Ciberseguridad<\/span><br>\r\n      en 15 d\u00edas o menos\r\n    <\/h1>\r\n\r\n    <p class=\"cm-lp-hero-sub\">\r\n      Accede a un diagn\u00f3stico t\u00e9cnico y estrat\u00e9gico para identificar riesgos cr\u00edticos,\r\n      oportunidades de automatizaci\u00f3n y arquitectura IA escalable\r\n      sin interrumpir tu operativa actual.\r\n    <\/p>\r\n\r\n    <div class=\"cm-lp-hero-cta\">\r\n      <a href=\"#formulario\" class=\"cm-btn-primary\" style=\"font-size:1.05rem; padding:18px 44px;\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n        Solicitar An\u00e1lisis Personalizado\r\n      <\/a>\r\n      <div class=\"cm-lp-hero-scarcity\">\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n        Limitado a <span>3 empresas<\/span> por mes\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cm-lp-hero-stats\">\r\n      <div class=\"cm-lp-hero-stat\">\r\n        <div class=\"cm-lp-hero-stat-num\">+4<\/div>\r\n        <div class=\"cm-lp-hero-stat-label\">A\u00f1os de experiencia<\/div>\r\n      <\/div>\r\n      <div class=\"cm-lp-hero-stat\">\r\n        <div class=\"cm-lp-hero-stat-num\">15<\/div>\r\n        <div class=\"cm-lp-hero-stat-label\">D\u00edas de diagn\u00f3stico<\/div>\r\n      <\/div>\r\n      <div class=\"cm-lp-hero-stat\">\r\n        <div class=\"cm-lp-hero-stat-num\">100 %<\/div>\r\n        <div class=\"cm-lp-hero-stat-label\">Descontado si avanzas a la Implementacion<\/div>\r\n      <\/div>\r\n      <div class=\"cm-lp-hero-stat\">\r\n        <div class=\"cm-lp-hero-stat-num\">0 %<\/div>\r\n        <div class=\"cm-lp-hero-stat-label\">Riesgo operativo<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82d614b elementor-widget elementor-widget-html\" data-id=\"82d614b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 02 \u2014 BENEFICIOS\r\n     3 tarjetas de valor diferencial. Layout 3 columnas.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-beneficios {\r\n    padding: 80px 24px;\r\n    position: relative;\r\n  }\r\n  .cm-lp-beneficios::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(102,255,0,0.15), transparent);\r\n  }\r\n\r\n  .cm-lp-beneficios-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 52px;\r\n  }\r\n\r\n  .cm-lp-bene-card {\r\n    background: var(--cm-dark-card);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    border-radius: 14px;\r\n    padding: 32px 28px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.35s ease;\r\n  }\r\n  .cm-lp-bene-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--cm-green), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.35s ease;\r\n  }\r\n  .cm-lp-bene-card:hover {\r\n    border-color: rgba(102,255,0,0.18);\r\n    background: #111;\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 60px rgba(102,255,0,0.08);\r\n  }\r\n  .cm-lp-bene-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .cm-lp-bene-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    background: rgba(102,255,0,0.08);\r\n    border: 1px solid rgba(102,255,0,0.18);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n    color: var(--cm-green);\r\n  }\r\n\r\n  .cm-lp-bene-num {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    margin-bottom: 10px;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .cm-lp-bene-title {\r\n    font-family: var(--cm-font-display);\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n    margin-bottom: 12px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .cm-lp-bene-text {\r\n    font-family: var(--cm-font-body);\r\n    font-size: 0.95rem;\r\n    line-height: 1.7;\r\n    color: var(--cm-gray-light);\r\n  }\r\n\r\n  \/* Barra inferior *\/\r\n  .cm-lp-beneficios-footer {\r\n    margin-top: 48px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 14px;\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-lp-beneficios-footer p {\r\n    font-family: var(--cm-font-body);\r\n    font-size: 1rem;\r\n    color: var(--cm-gray-light);\r\n  }\r\n\r\n  .cm-lp-beneficios-footer .cm-check-inline {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.78rem;\r\n    letter-spacing: 0.08em;\r\n    color: var(--cm-green);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-lp-beneficios-grid { grid-template-columns: 1fr; gap: 16px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-beneficios cm-section\">\r\n  <div class=\"cm-container\">\r\n\r\n    <h2 class=\"cm-headline-md cm-fade-up\" style=\"max-width:600px\">\r\n      Beneficios Claves y concretos.<br>En un solo diagn\u00f3stico.\r\n    <\/h2>\r\n\r\n    <div class=\"cm-lp-beneficios-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"cm-lp-bene-card cm-fade-up\">\r\n        <div class=\"cm-lp-bene-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cm-lp-bene-num\">01 \/ Eficiencia<\/div>\r\n        <div class=\"cm-lp-bene-title\">Escala sin fricci\u00f3n<\/div>\r\n        <p class=\"cm-lp-bene-text\">\r\n          Identificamos las \u00e1reas exactas donde la IA puede reducir costes operativos,\r\n          automatizar procesos repetitivos y liberar recursos clave para el crecimiento.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"cm-lp-bene-card cm-fade-up\">\r\n        <div class=\"cm-lp-bene-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cm-lp-bene-num\">02 \/ Seguridad<\/div>\r\n        <div class=\"cm-lp-bene-title\">Mitiga riesgos operativos<\/div>\r\n        <p class=\"cm-lp-bene-text\">\r\n          Detectamos brechas de Seguridad que podr\u00edan comprometer tus datos,\r\n          continuidad operativa o reputaci\u00f3n antes de que se conviertan en una crisis.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"cm-lp-bene-card cm-fade-up\">\r\n        <div class=\"cm-lp-bene-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M2 12h3m14 0h3M12 2v3m0 14v3M4.22 4.22l2.12 2.12m11.32 11.32 2.12 2.12M4.22 19.78l2.12-2.12m11.32-11.32 2.12-2.12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cm-lp-bene-num\">03 \/ Estrategia<\/div>\r\n        <div class=\"cm-lp-bene-title\">Toma decisiones informadas<\/div>\r\n        <p class=\"cm-lp-bene-text\">\r\n          Recibes un roadmap visual y t\u00e9cnico accionable, dise\u00f1ado por ingenieros\r\n          y estrategas de IA reales. No por consultores gen\u00e9ricos.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cm-lp-beneficios-footer cm-fade-up\">\r\n      <p>Resultados en <strong style=\"color:var(--cm-white)\">2 semanas<\/strong>, sin interrumpir tu operativa actual.<\/p>\r\n      <div class=\"cm-check-inline\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        \u2713 100% del coste se descuenta si contratas Alpha AI Orchestration\u2122 tras el diagn\u00f3stico.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f3af29 elementor-widget elementor-widget-html\" data-id=\"5f3af29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 03 \u2014 STACK DE VALOR (QU\u00c9 INCLUYE)\r\n     Layout 2 columnas: descripci\u00f3n izquierda + checklist derecha.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-stack {\r\n    padding: 100px 24px;\r\n    position: relative;\r\n  }\r\n  .cm-lp-stack::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(102,255,0,0.025) 50%, transparent 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-stack-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  \/* Columna izquierda *\/\r\n  .cm-lp-stack-left {}\r\n\r\n  .cm-lp-stack-title {\r\n    font-family: var(--cm-font-display);\r\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 20px;\r\n  }\r\n  .cm-lp-stack-title .cm-gradient-text {\r\n    background: linear-gradient(135deg, #66FF00, #00e5ff);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .cm-lp-stack-desc {\r\n    font-family: var(--cm-font-body);\r\n    font-size: 1.05rem;\r\n    line-height: 1.75;\r\n    color: var(--cm-gray-light);\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  \/* Detalle timing + precio *\/\r\n  .cm-lp-stack-meta {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n  .cm-lp-stack-meta-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    font-family: var(--cm-font-body);\r\n    font-size: 0.95rem;\r\n    color: var(--cm-gray-light);\r\n  }\r\n  .cm-lp-stack-meta-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 8px;\r\n    background: rgba(102,255,0,0.08);\r\n    border: 1px solid rgba(102,255,0,0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--cm-green);\r\n    flex-shrink: 0;\r\n  }\r\n  .cm-lp-stack-meta-label {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n  }\r\n  .cm-lp-stack-meta-value {\r\n    font-family: var(--cm-font-display);\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n  }\r\n\r\n  \/* Columna derecha \u2014 checklist *\/\r\n  .cm-lp-stack-checklist {\r\n    background: var(--cm-dark-card);\r\n    border: 1px solid rgba(102,255,0,0.14);\r\n    border-radius: 16px;\r\n    padding: 36px 32px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .cm-lp-stack-checklist::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; right: 0;\r\n    width: 200px; height: 200px;\r\n    background: radial-gradient(circle, rgba(102,255,0,0.07) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-cl-header {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .cm-lp-cl-header::before {\r\n    content: '';\r\n    display: block;\r\n    width: 20px; height: 1px;\r\n    background: var(--cm-green);\r\n  }\r\n\r\n  .cm-lp-cl-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 14px 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.05);\r\n    font-family: var(--cm-font-body);\r\n    font-size: 0.95rem;\r\n    color: var(--cm-gray-light);\r\n    line-height: 1.5;\r\n    transition: color 0.2s ease;\r\n  }\r\n  .cm-lp-cl-item:last-child { border-bottom: none; }\r\n  .cm-lp-cl-item:hover { color: var(--cm-white); }\r\n\r\n  .cm-lp-cl-check {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    background: rgba(102,255,0,0.10);\r\n    border: 1px solid rgba(102,255,0,0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 1px;\r\n    color: var(--cm-green);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-lp-stack-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-stack cm-section\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div class=\"cm-lp-stack-grid\">\r\n\r\n      <!-- izquierda -->\r\n      <div class=\"cm-lp-stack-left cm-fade-up\">\r\n        <h2 class=\"cm-lp-stack-title\">\r\n          \u00bfQu\u00e9 obtienes con el<br>\r\n          <span class=\"cm-gradient-text\">AI & Cyber Blueprint 360\u00b0?<\/span>\r\n        <\/h2>\r\n        <p class=\"cm-lp-stack-desc\">\r\n          Un an\u00e1lisis completo de tu empresa desde la perspectiva operativa,\r\n          tecnol\u00f3gica y de seguridad. Sin plantillas gen\u00e9ricas. Cada Blueprint\r\n          es dise\u00f1ado a medida por nuestro equipo de Ingenieros y Desarrolladores.\r\n        <\/p>\r\n\r\n        <div class=\"cm-lp-stack-meta\">\r\n          <div class=\"cm-lp-stack-meta-item\">\r\n            <div class=\"cm-lp-stack-meta-icon\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"cm-lp-stack-meta-label\">Duraci\u00f3n<\/div>\r\n              <div class=\"cm-lp-stack-meta-value\">10 \u2013 15 d\u00edas h\u00e1biles<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-lp-stack-meta-item\">\r\n            <div class=\"cm-lp-stack-meta-icon\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"cm-lp-stack-meta-label\">Inversi\u00f3n<\/div>\r\n              <div class=\"cm-lp-stack-meta-value\">Desde 3.000 USD <span style=\"font-family:var(--cm-font-body);font-weight:400;font-size:0.85rem;color:var(--cm-gray)\"> (ajustable seg\u00fan complejidad alcance)<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Derecha \u2014 checklist -->\r\n      <div class=\"cm-lp-stack-checklist cm-fade-up\">\r\n        <div class=\"cm-lp-cl-header\">Incluido en el Blueprint<\/div>\r\n\r\n        <div class=\"cm-lp-cl-item\">\r\n          <div class=\"cm-lp-cl-check\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          Auditor\u00eda de procesos clave y herramientas actuales\r\n        <\/div>\r\n        <div class=\"cm-lp-cl-item\">\r\n          <div class=\"cm-lp-cl-check\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          An\u00e1lisis de oportunidades para integrar IA en los procesos de tu negocio\r\n        <\/div>\r\n        <div class=\"cm-lp-cl-item\">\r\n          <div class=\"cm-lp-cl-check\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          Evaluaci\u00f3n de ciberseguridad completa (red, endpoints, datos)\r\n        <\/div>\r\n        <div class=\"cm-lp-cl-item\">\r\n          <div class=\"cm-lp-cl-check\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          Roadmap visual y t\u00e9cnico de implementaci\u00f3n personalizado\r\n        <\/div>\r\n        <div class=\"cm-lp-cl-item\">\r\n          <div class=\"cm-lp-cl-check\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          Sesi\u00f3n 1:1 con el CTO de Corporativo Matheus\r\n        <\/div>\r\n        <div class=\"cm-lp-cl-item\">\r\n          <div class=\"cm-lp-cl-check\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          Informe t\u00e9cnico detallado con los pasos siguientes\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA centrado -->\r\n    <div style=\"text-align:center; margin-top:60px;\" class=\"cm-fade-up\">\r\n      <a href=\"#formulario\" class=\"cm-btn-primary\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n        Quiero mi Blueprint personalizado\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-504cf5c elementor-widget elementor-widget-html\" data-id=\"504cf5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 04 \u2014 FILTRO DE CLIENTE\r\n     Layout 2 columnas: \u2705 S\u00ed \/ \u274c No.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-filtro {\r\n    padding: 100px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  .cm-lp-filtro-inner {\r\n    background: var(--cm-dark-card);\r\n    border: 1px solid rgba(102,255,0,0.10);\r\n    border-radius: 20px;\r\n    padding: 60px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-top: 52px;\r\n  }\r\n  .cm-lp-filtro-inner::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; right: -100px;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(102,255,0,0.05) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n  .cm-lp-filtro-inner::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px; left: -80px;\r\n    width: 300px; height: 300px;\r\n    background: radial-gradient(circle, rgba(0,229,255,0.04) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-filtro-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 48px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Divider vertical *\/\r\n  .cm-lp-filtro-grid::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 1px;\r\n    background: linear-gradient(180deg, transparent, rgba(255,255,255,0.08), transparent);\r\n  }\r\n\r\n  \/* Columna *\/\r\n  .cm-lp-filtro-col {}\r\n\r\n  .cm-lp-filtro-col-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 28px;\r\n  }\r\n  .cm-lp-filtro-col-icon {\r\n    width: 44px; height: 44px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.3rem;\r\n  }\r\n  .cm-lp-filtro-col-icon.yes {\r\n    background: rgba(102,255,0,0.10);\r\n    border: 1px solid rgba(102,255,0,0.20);\r\n  }\r\n  .cm-lp-filtro-col-icon.no {\r\n    background: rgba(255,80,80,0.08);\r\n    border: 1px solid rgba(255,80,80,0.18);\r\n  }\r\n  .cm-lp-filtro-col-title {\r\n    font-family: var(--cm-font-display);\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n  }\r\n  .cm-lp-filtro-col-title.yes { color: var(--cm-green); }\r\n  .cm-lp-filtro-col-title.no  { color: #ff6060; }\r\n\r\n  .cm-lp-filtro-list {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n  .cm-lp-filtro-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    font-family: var(--cm-font-body);\r\n    font-size: 0.95rem;\r\n    color: var(--cm-gray-light);\r\n    line-height: 1.55;\r\n  }\r\n  .cm-lp-filtro-list li .icon-yes {\r\n    width: 18px; height: 18px;\r\n    border-radius: 50%;\r\n    background: rgba(102,255,0,0.12);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n    color: var(--cm-green);\r\n  }\r\n  .cm-lp-filtro-list li .icon-no {\r\n    width: 18px; height: 18px;\r\n    border-radius: 50%;\r\n    background: rgba(255,80,80,0.10);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n    color: #ff6060;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .cm-lp-filtro-inner { padding: 36px 24px; }\r\n    .cm-lp-filtro-grid { grid-template-columns: 1fr; gap: 36px; }\r\n    .cm-lp-filtro-grid::before { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-filtro cm-section\">\r\n  <div class=\"cm-container\">\r\n\r\n    <div style=\"text-align:center;\" class=\"cm-fade-up\">\r\n      \r\n      <h2 class=\"cm-headline-md\">\u00bfEl Blueprint 360\u00b0 es para tu empresa?<\/h2>\r\n      <p class=\"cm-text mt-4\" style=\"max-width:560px;margin-left:auto;margin-right:auto\">\r\n        Trabajamos con un n\u00famero muy limitado de compa\u00f1\u00edas cada mes.\r\n        Esto garantiza la profundidad t\u00e9cnica que cada cliente merece.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cm-lp-filtro-inner cm-fade-up\">\r\n      <div class=\"cm-lp-filtro-grid\">\r\n\r\n        <!-- S\u00cd -->\r\n        <div class=\"cm-lp-filtro-col\">\r\n          <div class=\"cm-lp-filtro-col-header\">\r\n            <div class=\"cm-lp-filtro-col-icon yes\">\u2713<\/div>\r\n            <div class=\"cm-lp-filtro-col-title yes\">Es para ti si\u2026<\/div>\r\n          <\/div>\r\n          <ul class=\"cm-lp-filtro-list\">\r\n            <li>\r\n              <div class=\"icon-yes\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n              Eres CEO o director de una empresa con una facturaci\u00f3n anual de +1M$\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-yes\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n              Tienes procesos operativos que no escalan con el crecimiento actual\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-yes\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n              Manejas datos sensibles o dependes de continuidad operativa cr\u00edtica\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-yes\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n              Tu equipo est\u00e1 preparado para ejecutar estrategias IA con criterio\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-yes\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n              Ves la tecnolog\u00eda como una ventaja competitiva, no solo un gasto\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- NO -->\r\n        <div class=\"cm-lp-filtro-col\">\r\n          <div class=\"cm-lp-filtro-col-header\">\r\n            <div class=\"cm-lp-filtro-col-icon no\">\u2715<\/div>\r\n            <div class=\"cm-lp-filtro-col-title no\">No es para ti si\u2026<\/div>\r\n          <\/div>\r\n          <ul class=\"cm-lp-filtro-list\">\r\n            <li>\r\n              <div class=\"icon-no\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/div>\r\n              Buscas soluciones r\u00e1pidas sin diagn\u00f3stico ni fundamento t\u00e9cnico\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-no\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/div>\r\n              No cuentas con equipo o recursos para ejecutar las recomendaciones\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-no\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/div>\r\n              No ves la IA como una prioridad estrat\u00e9gica para los pr\u00f3ximos 5 a\u00f1os\r\n            <\/li>\r\n            <li>\r\n              <div class=\"icon-no\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/div>\r\n              Prefieres propuestas de bajo costo sin profundidad t\u00e9cnica real\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e9d6d6 elementor-widget elementor-widget-html\" data-id=\"9e9d6d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 05 \u2014 TESTIMONIOS \/ PRUEBA SOCIAL\r\n     3 tarjetas de testimonio + n\u00famero de credibilidad.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-testimonios {\r\n    padding: 100px 24px;\r\n    position: relative;\r\n  }\r\n  .cm-lp-testimonios::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 800px 400px at 50% 50%, rgba(102,255,0,0.03) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-testi-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 52px;\r\n  }\r\n\r\n  .cm-lp-testi-card {\r\n    background: var(--cm-dark-card);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    border-radius: 14px;\r\n    padding: 32px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    position: relative;\r\n    transition: all 0.35s ease;\r\n  }\r\n  .cm-lp-testi-card::before {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: 20px; right: 24px;\r\n    font-family: var(--cm-font-display);\r\n    font-size: 5rem;\r\n    font-weight: 800;\r\n    color: var(--cm-green);\r\n    opacity: 0.08;\r\n    line-height: 1;\r\n  }\r\n  .cm-lp-testi-card:hover {\r\n    border-color: rgba(102,255,0,0.18);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  \/* Estrellas *\/\r\n  .cm-lp-testi-stars {\r\n    display: flex;\r\n    gap: 4px;\r\n    color: var(--cm-green);\r\n  }\r\n\r\n  .cm-lp-testi-quote {\r\n    font-family: var(--cm-font-body);\r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n    color: var(--cm-gray-light);\r\n    font-style: italic;\r\n    flex: 1;\r\n  }\r\n  .cm-lp-testi-quote strong {\r\n    color: var(--cm-white);\r\n    font-style: normal;\r\n  }\r\n\r\n  .cm-lp-testi-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    border-top: 1px solid rgba(255,255,255,0.05);\r\n    padding-top: 18px;\r\n  }\r\n  .cm-lp-testi-avatar {\r\n    width: 44px; height: 44px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #66FF00, #00e5ff);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: var(--cm-font-display);\r\n    font-size: 1rem;\r\n    font-weight: 800;\r\n    color: var(--cm-dark);\r\n    flex-shrink: 0;\r\n  }\r\n  .cm-lp-testi-name {\r\n    font-family: var(--cm-font-display);\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    color: var(--cm-white);\r\n    margin-bottom: 2px;\r\n  }\r\n  .cm-lp-testi-role {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-gray);\r\n  }\r\n  .cm-lp-testi-result {\r\n    display: inline-block;\r\n    margin-top: 6px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    background: rgba(102,255,0,0.08);\r\n    border: 1px solid rgba(102,255,0,0.15);\r\n    border-radius: 100px;\r\n    padding: 3px 10px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .cm-lp-testi-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-testimonios cm-section\">\r\n  <div class=\"cm-container\">\r\n\r\n    <h2 class=\"cm-headline-md text-center cm-fade-up\">\r\n      Empresas que ya confiaron<br>en el AI & Cyber Blueprint 360\u00b0\r\n    <\/h2>\r\n\r\n    <div class=\"cm-lp-testi-grid\">\r\n\r\n      <!-- Testimonio 1 -->\r\n      <div class=\"cm-lp-testi-card cm-fade-up\">\r\n        <div class=\"cm-lp-testi-stars\">\r\n          \u2605\u2605\u2605\u2605\r\n        <\/div>\r\n        <p class=\"cm-lp-testi-quote\">\r\n          \"En solo dos semanas ten\u00edamos <strong>claridad total sobre qu\u00e9 hacer con IA<\/strong>\r\n          en nuestra operaci\u00f3n. El roadmap fue accionable desde el primer d\u00eda.\"\r\n        <\/p>\r\n        <div class=\"cm-lp-testi-author\">\r\n          <div class=\"cm-lp-testi-avatar\">RM<\/div>\r\n          <div>\r\n            <div class=\"cm-lp-testi-name\">Ricardo M.<\/div>\r\n            <div class=\"cm-lp-testi-role\">CEO \u00b7 Empresa tecnol\u00f3gica<\/div>\r\n            <div class=\"cm-lp-testi-result\">\u2191 40% eficiencia operativa<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 2 -->\r\n      <div class=\"cm-lp-testi-card cm-fade-up\">\r\n        <div class=\"cm-lp-testi-stars\">\r\n          \u2605\u2605\u2605\u2605\u2605\r\n        <\/div>\r\n        <p class=\"cm-lp-testi-quote\">\r\n          \"Identificaron <strong>vulnerabilidades cr\u00edticas que no hab\u00edamos visto<\/strong>\r\n          en 3 a\u00f1os. El equipo t\u00e9cnico super\u00f3 todas las expectativas.\"\r\n        <\/p>\r\n        <div class=\"cm-lp-testi-author\">\r\n          <div class=\"cm-lp-testi-avatar\">AP<\/div>\r\n          <div>\r\n            <div class=\"cm-lp-testi-name\">Andrea P.<\/div>\r\n            <div class=\"cm-lp-testi-role\">CTO \u00b7 Industria log\u00edstica<\/div>\r\n            <div class=\"cm-lp-testi-result\">3 brechas cr\u00edticas resueltas<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 3 -->\r\n      <div class=\"cm-lp-testi-card cm-fade-up\">\r\n        <div class=\"cm-lp-testi-stars\">\r\n          \u2605\u2605\u2605\u2605\u2605\r\n        <\/div>\r\n        <p class=\"cm-lp-testi-quote\">\r\n          \"El Blueprint 360\u00b0 fue la pieza que necesit\u00e1bamos para <strong>escalar nuestra\r\n          operaci\u00f3n con fundamento t\u00e9cnico<\/strong> y sin riesgos innecesarios.\"\r\n        <\/p>\r\n        <div class=\"cm-lp-testi-author\">\r\n          <div class=\"cm-lp-testi-avatar\">CL<\/div>\r\n          <div>\r\n            <div class=\"cm-lp-testi-name\">Carlos L.<\/div>\r\n            <div class=\"cm-lp-testi-role\">Fundador \u00b7 SaaS B2B<\/div>\r\n            <div class=\"cm-lp-testi-result\">Escalado a 3 pa\u00edses<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67889b5 elementor-widget elementor-widget-html\" data-id=\"67889b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 06 \u2014 FORMULARIO DE CAPTURA (FUNCIONAL) \u2014 TRAMOS USD\/A\u00f1o\r\n     Variante con los tramos de facturaci\u00f3n unificados:\r\n       1M - 3M USD \/ A\u00f1o \u00b7 3M - 5M USD \/ A\u00f1o \u00b7 5M - 10M USD \/ A\u00f1o \u00b7\r\n       10M - 20M USD \/ A\u00f1o \u00b7 +100M USD \/ A\u00f1o\r\n     id=\"formulario\" \u2014 CTA scrollea aqu\u00ed desde toda la landing.\r\n     Env\u00eda los datos por POST (urlencoded) al webhook de n8n:\r\n       https:\/\/corporativo-matheus-n8n.mqromm.easypanel.host\/webhook\/blueprint-360-lead\r\n     n8n \u2192 crea el Lead en Airtable (Estado: Nuevo Lead \u00b7 Fuente: Web Paid).\r\n     Pegar este bloque COMPLETO (incluido el <script>) en un widget HTML de Elementor.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-form-section {\r\n    padding: 100px 24px;\r\n    position: relative;\r\n  }\r\n  .cm-lp-form-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg,\r\n      transparent 0%,\r\n      rgba(102,255,0,0.03) 40%,\r\n      rgba(102,255,0,0.03) 60%,\r\n      transparent 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-form-wrapper {\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .cm-lp-form-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  \/* Tarjeta del formulario *\/\r\n  .cm-lp-form-card {\r\n    background: #0d0d0d;\r\n    border: 1px solid rgba(102,255,0,0.16);\r\n    border-radius: 20px;\r\n    padding: 48px 44px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .cm-lp-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #66FF00, #00e5ff, #66FF00);\r\n    background-size: 200% 100%;\r\n    animation: borderMove 3s linear infinite;\r\n  }\r\n  @keyframes borderMove {\r\n    0%   { background-position: 0% 0; }\r\n    100% { background-position: 200% 0; }\r\n  }\r\n\r\n  \/* Glow de fondo *\/\r\n  .cm-lp-form-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50px; right: -50px;\r\n    width: 300px; height: 300px;\r\n    background: radial-gradient(circle, rgba(102,255,0,0.06) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #form-placeholder {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .cm-lp-form-field {\r\n    margin-bottom: 20px;\r\n  }\r\n  .cm-lp-form-label {\r\n    display: block;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.70rem;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    margin-bottom: 8px;\r\n  }\r\n  .cm-lp-form-input {\r\n    width: 100%;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    border-radius: 8px;\r\n    padding: 13px 16px;\r\n    font-family: var(--cm-font-body);\r\n    font-size: 0.95rem;\r\n    color: var(--cm-white);\r\n    outline: none;\r\n    transition: border-color 0.25s ease, box-shadow 0.25s ease;\r\n    appearance: none;\r\n  }\r\n  .cm-lp-form-input::placeholder {\r\n    color: rgba(255,255,255,0.25);\r\n  }\r\n  .cm-lp-form-input:focus {\r\n    border-color: rgba(102,255,0,0.35);\r\n    box-shadow: 0 0 0 3px rgba(102,255,0,0.07);\r\n  }\r\n  \/* Campo inv\u00e1lido tras intento de env\u00edo *\/\r\n  .cm-lp-form-input.cm-invalid {\r\n    border-color: rgba(255,76,76,0.6);\r\n    box-shadow: 0 0 0 3px rgba(255,76,76,0.08);\r\n  }\r\n  select.cm-lp-form-input {\r\n    cursor: pointer;\r\n  }\r\n  \/* Opciones del desplegable: fondo oscuro, letra blanca; selecci\u00f3n\/hover azul *\/\r\n  .cm-lp-form-input option {\r\n    background-color: #0d0d0d;\r\n    color: #fff;\r\n  }\r\n  .cm-lp-form-input option:checked,\r\n  .cm-lp-form-input option:hover,\r\n  .cm-lp-form-input option:focus {\r\n    background: #1d4ed8;\r\n    color: #fff;\r\n    box-shadow: inset 0 0 0 9999px #1d4ed8;\r\n  }\r\n  \/* Campo \"Otros\" (oculto hasta seleccionar la opci\u00f3n Otros) *\/\r\n  .cm-otro {\r\n    display: none;\r\n    margin-top: 10px;\r\n  }\r\n  .cm-otro.is-visible {\r\n    display: block;\r\n  }\r\n  textarea.cm-lp-form-input {\r\n    resize: vertical;\r\n    min-height: 100px;\r\n  }\r\n  .cm-lp-form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Honeypot anti-spam: oculto para humanos, visible para bots *\/\r\n  .cm-hp {\r\n    position: absolute !important;\r\n    left: -9999px !important;\r\n    top: -9999px !important;\r\n    width: 1px; height: 1px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cm-lp-form-submit {\r\n    width: 100%;\r\n    margin-top: 8px;\r\n    background: var(--cm-green);\r\n    color: var(--cm-dark);\r\n    font-family: var(--cm-font-display);\r\n    font-size: 1rem;\r\n    font-weight: 800;\r\n    padding: 17px 24px;\r\n    border-radius: 8px;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 0 30px rgba(102,255,0,0.25);\r\n    letter-spacing: 0.02em;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n  .cm-lp-form-submit:hover {\r\n    background: #7dff1a;\r\n    box-shadow: 0 0 50px rgba(102,255,0,0.4);\r\n    transform: translateY(-2px);\r\n  }\r\n  .cm-lp-form-submit:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n    box-shadow: 0 0 20px rgba(102,255,0,0.15);\r\n  }\r\n\r\n  \/* Aviso de error de env\u00edo *\/\r\n  .cm-lp-form-alert {\r\n    display: none;\r\n    margin-top: 16px;\r\n    padding: 12px 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid rgba(255,76,76,0.4);\r\n    background: rgba(255,76,76,0.08);\r\n    color: #ff8a8a;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.78rem;\r\n    letter-spacing: 0.04em;\r\n    text-align: center;\r\n  }\r\n  .cm-lp-form-alert.is-visible { display: block; }\r\n\r\n  \/* Estado de \u00e9xito *\/\r\n  .cm-lp-form-success {\r\n    text-align: center;\r\n    padding: 8px 0 4px;\r\n  }\r\n  .cm-lp-form-success__icon {\r\n    width: 64px; height: 64px;\r\n    margin: 0 auto 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(102,255,0,0.10);\r\n    border: 1px solid rgba(102,255,0,0.35);\r\n    color: var(--cm-green);\r\n  }\r\n  .cm-lp-form-success h3 {\r\n    font-family: var(--cm-font-display);\r\n    color: var(--cm-white);\r\n    font-size: 1.5rem;\r\n    margin: 0 0 10px;\r\n  }\r\n  .cm-lp-form-success p {\r\n    font-family: var(--cm-font-body);\r\n    color: var(--cm-gray);\r\n    font-size: 0.95rem;\r\n    margin: 0;\r\n  }\r\n\r\n  .cm-lp-form-footer {\r\n    text-align: center;\r\n    margin-top: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n  .cm-lp-form-note {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-gray);\r\n  }\r\n  .cm-lp-form-note span { color: var(--cm-green); }\r\n\r\n  @media (max-width: 600px) {\r\n    .cm-lp-form-card { padding: 32px 24px; }\r\n    .cm-lp-form-row { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-form-section cm-section\" id=\"formulario\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-lp-form-wrapper\">\r\n\r\n      <div class=\"cm-lp-form-header cm-fade-up\">\r\n        <h2 class=\"cm-headline-md\">\r\n          Solicita tu<br>\r\n          <span class=\"cm-gradient-text\">AI &amp; Cyber Blueprint 360\u00b0<\/span>\r\n        <\/h2>\r\n        <p class=\"cm-text mt-4\">\r\n          Completa el formulario. Te responderemos en menos de 24h\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cm-lp-form-card cm-fade-up\">\r\n        <div id=\"form-placeholder\">\r\n\r\n          <form id=\"cm-blueprint-form\" novalidate\r\n                action=\"https:\/\/corporativo-matheus-n8n.mqromm.easypanel.host\/webhook\/blueprint-360-lead\"\r\n                method=\"post\">\r\n\r\n            <!-- Honeypot anti-spam (no rellenar) -->\r\n            <input class=\"cm-hp\" type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\r\n\r\n            <div class=\"cm-lp-form-field\">\r\n              <label class=\"cm-lp-form-label\" for=\"cm-f-name\">Nombre completo *<\/label>\r\n              <input id=\"cm-f-name\" type=\"text\" name=\"name\" class=\"cm-lp-form-input\" placeholder=\"ej. Mar\u00eda Garc\u00eda\" required autocomplete=\"name\">\r\n            <\/div>\r\n\r\n            <div class=\"cm-lp-form-row\">\r\n              <div class=\"cm-lp-form-field\">\r\n                <label class=\"cm-lp-form-label\" for=\"cm-f-company\">Razon Social de la Empresa *<\/label>\r\n                <input id=\"cm-f-company\" type=\"text\" name=\"company\" class=\"cm-lp-form-input\" placeholder=\"Nombre de tu empresa\" required autocomplete=\"organization\">\r\n              <\/div>\r\n              <div class=\"cm-lp-form-field\">\r\n                <label class=\"cm-lp-form-label\" for=\"cm-f-ruc\">RUC \/ ID Fiscal *<\/label>\r\n                <input id=\"cm-f-ruc\" type=\"text\" name=\"ruc\" class=\"cm-lp-form-input\" placeholder=\"RUC (Per\u00fa, 11 d\u00edg.) o ID fiscal del pa\u00eds\" required autocomplete=\"off\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cm-lp-form-row\">\r\n              <div class=\"cm-lp-form-field\">\r\n                <label class=\"cm-lp-form-label\" for=\"cm-f-position\">Cargo *<\/label>\r\n                <select id=\"cm-f-position\" name=\"position\" class=\"cm-lp-form-input\" required>\r\n                  <option value=\"\" disabled selected>Selecciona tu cargo<\/option>\r\n                  <option value=\"CEO \/ Director General\">CEO \/ Director Ejecutivo General<\/option>\r\n                  <option value=\"Fundador \/ Socio\">Fundador \/ Socio<\/option>\r\n                  <option value=\"Gerente General\">Gerente General<\/option>\r\n                  <option value=\"CTO \/ Director de Tecnolog\u00eda\">CTO \/ Director de Tecnolog\u00eda<\/option>\r\n                  <option value=\"CISO \/ Jefe de Seguridad o TI\">CISO \/ Jefe de Seguridad o TI<\/option>\r\n                  <option value=\"COO \/ Director de Operaciones\">COO \/ Director de Operaciones<\/option>\r\n                  <option value=\"CFO \/ Director Financiero\">CFO \/ Director Financiero<\/option>\r\n                  <option value=\"Gerente de TI \/ Sistemas\">Gerente de TI \/ Sistemas<\/option>\r\n                  <option value=\"Director \/ Jefe de Marketing\">Director \/ Jefe de Marketing<\/option>\r\n                  <option value=\"Otros\">Otros (abre campo para escribir)<\/option>\r\n                <\/select>\r\n                <input id=\"cm-f-position-otro\" name=\"position_otro\" type=\"text\" class=\"cm-lp-form-input cm-otro\" placeholder=\"Especifica tu cargo\" autocomplete=\"off\">\r\n              <\/div>\r\n              <div class=\"cm-lp-form-field\">\r\n                <label class=\"cm-lp-form-label\" for=\"cm-f-rubro\">Rubro de la empresa *<\/label>\r\n                <select id=\"cm-f-rubro\" name=\"rubro\" class=\"cm-lp-form-input\" required>\r\n                  <option value=\"\" disabled selected>Selecciona el rubro<\/option>\r\n                  <option value=\"Tecnolog\u00eda \/ Software\">Tecnolog\u00eda \/ Software<\/option>\r\n                  <option value=\"Manufactura \/ Industria\">Manufactura \/ Industria<\/option>\r\n                  <option value=\"Retail \/ Comercio\">Retail \/ Comercio<\/option>\r\n                  <option value=\"Servicios financieros \/ Banca \/ Seguros\">Servicios financieros \/ Banca \/ Seguros<\/option>\r\n                  <option value=\"Salud \/ Farmac\u00e9utica\">Salud \/ Farmac\u00e9utica<\/option>\r\n                  <option value=\"Educaci\u00f3n\">Educaci\u00f3n<\/option>\r\n                  <option value=\"Log\u00edstica \/ Transporte\">Log\u00edstica \/ Transporte<\/option>\r\n                  <option value=\"Construcci\u00f3n \/ Inmobiliaria\">Construcci\u00f3n \/ Inmobiliaria<\/option>\r\n                  <option value=\"Agroindustria \/ Agricultura\">Agroindustria \/ Agricultura<\/option>\r\n                  <option value=\"Pesca \/ Acuicultura\">Pesca \/ Acuicultura<\/option>\r\n                  <option value=\"Miner\u00eda \/ Energ\u00eda\">Miner\u00eda \/ Energ\u00eda<\/option>\r\n                  <option value=\"Turismo \/ Hosteler\u00eda\">Turismo \/ Hoteler\u00eda<\/option>\r\n                  <option value=\"Servicios profesionales \/ Consultor\u00eda\">Servicios profesionales \/ Consultor\u00eda<\/option>\r\n                  <option value=\"Otros\">Otros (abre campo para escribir)<\/option>\r\n                <\/select>\r\n                <input id=\"cm-f-rubro-otro\" name=\"rubro_otro\" type=\"text\" class=\"cm-lp-form-input cm-otro\" placeholder=\"Especifica el rubro\" autocomplete=\"off\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cm-lp-form-field\">\r\n              <label class=\"cm-lp-form-label\" for=\"cm-f-revenue\">Facturaci\u00f3n anual aproximada *<\/label>\r\n              <select id=\"cm-f-revenue\" name=\"revenue\" class=\"cm-lp-form-input\" required>\r\n                <option value=\"\" disabled selected>Seleccionar rango<\/option>\r\n                <option value=\"1M - 3M USD \/ A\u00f1o\">1M - 3M USD \/ A\u00f1o<\/option>\r\n                <option value=\"3M - 5M USD \/ A\u00f1o\">3M - 5M USD \/ A\u00f1o<\/option>\r\n                <option value=\"5M - 10M USD \/ A\u00f1o\">5M - 10M USD \/ A\u00f1o<\/option>\r\n                <option value=\"10M - 20M USD \/ A\u00f1o\">10M - 20M USD \/ A\u00f1o<\/option>\r\n                <option value=\"+100M USD \/ A\u00f1o\">+100M USD \/ A\u00f1o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"cm-lp-form-row\">\r\n              <div class=\"cm-lp-form-field\">\r\n                <label class=\"cm-lp-form-label\" for=\"cm-f-email\">Email corporativo *<\/label>\r\n                <input id=\"cm-f-email\" type=\"email\" name=\"email\" class=\"cm-lp-form-input\" placeholder=\"tu@empresa.com\" required autocomplete=\"email\">\r\n              <\/div>\r\n              <div class=\"cm-lp-form-field\">\r\n                <label class=\"cm-lp-form-label\" for=\"cm-f-phone\">Tel\u00e9fono \/ WhatsApp *<\/label>\r\n                <input id=\"cm-f-phone\" type=\"tel\" name=\"phone\" class=\"cm-lp-form-input\" placeholder=\"+51 999 999 999\" required autocomplete=\"tel\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cm-lp-form-field\">\r\n              <label class=\"cm-lp-form-label\" for=\"cm-f-message\">\u00bfQu\u00e9 deseas mejorar con IA? *<\/label>\r\n              <select id=\"cm-f-message\" name=\"message\" class=\"cm-lp-form-input\" required>\r\n                <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n                <option value=\"Automatizar procesos \/ tareas repetitivas\">Automatizar procesos \/ tareas repetitivas<\/option>\r\n                <option value=\"Mejorar ventas \/ generaci\u00f3n de leads\">Mejorar ventas \/ generaci\u00f3n de leads<\/option>\r\n                <option value=\"Atenci\u00f3n al cliente \/ chatbots\">Atenci\u00f3n al cliente \/ chatbots<\/option>\r\n                <option value=\"An\u00e1lisis de datos y reportes\">An\u00e1lisis de datos y reportes<\/option>\r\n                <option value=\"Marketing y creaci\u00f3n de contenido\">Marketing y creaci\u00f3n de contenido<\/option>\r\n                <option value=\"Ciberseguridad \/ protecci\u00f3n de datos\">Ciberseguridad \/ protecci\u00f3n de datos<\/option>\r\n                <option value=\"Optimizar operaciones \/ log\u00edstica\">Optimizar operaciones \/ log\u00edstica<\/option>\r\n                <option value=\"Reducir costos\">Reducir costos<\/option>\r\n                <option value=\"Otros\">Otros (abre campo para escribir)<\/option>\r\n              <\/select>\r\n              <textarea id=\"cm-f-message-otro\" name=\"message_otro\" class=\"cm-lp-form-input cm-otro\" placeholder=\"Cu\u00e9ntanos brevemente el mayor reto actual de tu empresa...\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"cm-lp-form-submit\" id=\"cm-form-submit\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n              <span class=\"cm-form-submit-label\">Quiero que me contacten<\/span>\r\n            <\/button>\r\n\r\n            <div class=\"cm-lp-form-alert\" id=\"cm-form-alert\">\r\n              No se pudo enviar. Revisa tu conexi\u00f3n e int\u00e9ntalo de nuevo, o escr\u00edbenos directamente.\r\n            <\/div>\r\n\r\n          <\/form>\r\n\r\n        <\/div><!-- \/form-placeholder -->\r\n\r\n        <div class=\"cm-lp-form-footer\">\r\n          <div class=\"cm-lp-form-note\">\r\n            Respuesta en <span>menos de 24h<\/span> \u00b7 Cupos <span>limitados<\/span> mensualmente\r\n          <\/div>\r\n          <div class=\"cm-lp-form-note\" style=\"opacity:0.5\">\r\n            Tus datos est\u00e1n seguros y nunca ser\u00e1n compartidos con terceros\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var WEBHOOK_URL = \"https:\/\/corporativo-matheus-n8n.mqromm.easypanel.host\/webhook\/blueprint-360-lead\";\r\n\r\n  function setError(input, on) {\r\n    if (!input) return;\r\n    input.classList.toggle(\"cm-invalid\", !!on);\r\n  }\r\n\r\n  \/\/ Mostrar\/ocultar el campo \"Otros\" asociado a cada desplegable (delegado en document).\r\n  var OTRO_MAP = {\r\n    \"cm-f-position\": \"cm-f-position-otro\",\r\n    \"cm-f-rubro\": \"cm-f-rubro-otro\",\r\n    \"cm-f-message\": \"cm-f-message-otro\"\r\n  };\r\n  document.addEventListener(\"change\", function (e) {\r\n    var sel = e.target;\r\n    if (!sel || !sel.id || !(sel.id in OTRO_MAP)) return;\r\n    var otro = document.getElementById(OTRO_MAP[sel.id]);\r\n    if (!otro) return;\r\n    var isOtros = \/^otros?$\/i.test((sel.value || \"\").trim());\r\n    otro.classList.toggle(\"is-visible\", isOtros);\r\n    if (isOtros) {\r\n      otro.required = true;\r\n    } else {\r\n      otro.required = false;\r\n      otro.value = \"\";\r\n      otro.classList.remove(\"cm-invalid\");\r\n    }\r\n  });\r\n\r\n  \/\/ Delegaci\u00f3n en document: el listener vive aqu\u00ed, as\u00ed funciona aunque el\r\n  \/\/ optimizador del sitio reubique este <script> (corra antes o despu\u00e9s del form).\r\n  document.addEventListener(\"submit\", async function (e) {\r\n    var form = (e.target && e.target.closest) ? e.target.closest(\"#cm-blueprint-form\") : null;\r\n    if (!form) return;            \/\/ ignorar otros formularios de la p\u00e1gina\r\n    e.preventDefault();           \/\/ evita el env\u00edo nativo (GET\/POST) del navegador\r\n\r\n    var btn         = form.querySelector(\"#cm-form-submit\");\r\n    var btnLabel    = form.querySelector(\".cm-form-submit-label\");\r\n    var alertBox    = form.querySelector(\"#cm-form-alert\");\r\n    var placeholder = document.getElementById(\"form-placeholder\");\r\n    if (alertBox) alertBox.classList.remove(\"is-visible\");\r\n\r\n    \/\/ Honeypot: si un bot rellen\u00f3 \"website\", simulamos \u00e9xito y no enviamos.\r\n    if (form.elements[\"website\"] && form.elements[\"website\"].value.trim() !== \"\") {\r\n      showSuccess(placeholder);\r\n      return;\r\n    }\r\n\r\n    \/\/ Validaci\u00f3n nativa\r\n    var firstInvalid = null;\r\n    Array.prototype.forEach.call(form.querySelectorAll(\"[required]\"), function (el) {\r\n      var ok = el.checkValidity();\r\n      setError(el, !ok);\r\n      if (!ok && !firstInvalid) firstInvalid = el;\r\n    });\r\n    if (firstInvalid) { firstInvalid.focus(); return; }\r\n\r\n    \/\/ Construir payload urlencoded (petici\u00f3n \"simple\", sin preflight CORS)\r\n    var data = new URLSearchParams();\r\n    [\"name\",\"company\",\"ruc\",\"position\",\"position_otro\",\"rubro\",\"rubro_otro\",\"revenue\",\"email\",\"phone\",\"message\",\"message_otro\"].forEach(function (k) {\r\n      data.append(k, (form.elements[k] && form.elements[k].value || \"\").trim());\r\n    });\r\n    data.append(\"page_url\", window.location.href);\r\n\r\n    \/\/ Estado: enviando\r\n    var originalLabel = btnLabel ? btnLabel.textContent : \"\";\r\n    if (btn) btn.disabled = true;\r\n    if (btnLabel) btnLabel.textContent = \"Enviando\u2026\";\r\n\r\n    try {\r\n      var res = await fetch(WEBHOOK_URL, {\r\n        method: \"POST\",\r\n        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded;charset=UTF-8\" },\r\n        body: data.toString()\r\n      });\r\n      if (!res.ok) throw new Error(\"HTTP \" + res.status);\r\n      showSuccess(placeholder);\r\n    } catch (err) {\r\n      if (btn) btn.disabled = false;\r\n      if (btnLabel) btnLabel.textContent = originalLabel;\r\n      if (alertBox) alertBox.classList.add(\"is-visible\");\r\n    }\r\n  });\r\n\r\n  function showSuccess(placeholder) {\r\n    if (!placeholder) placeholder = document.getElementById(\"form-placeholder\");\r\n    if (!placeholder) return;\r\n    placeholder.innerHTML =\r\n      '<div class=\"cm-lp-form-success\">' +\r\n        '<div class=\"cm-lp-form-success__icon\">' +\r\n          '<svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>' +\r\n        '<\/div>' +\r\n        '<h3>\u00a1Solicitud recibida!<\/h3>' +\r\n        '<p>Gracias por tu inter\u00e9s. Nuestro equipo te contactar\u00e1 en menos de 48h para coordinar tu AI &amp; Cyber Blueprint 360\u00b0.<\/p>' +\r\n      '<\/div>';\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73a938e elementor-widget elementor-widget-html\" data-id=\"73a938e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 07 \u2014 GARANT\u00cdA + CTA FINAL\r\n     \u00daltimo empuj\u00f3n de conversi\u00f3n. Garant\u00eda de riesgo cero.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-garantia {\r\n    padding: 100px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  .cm-lp-garantia-inner {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u00cdcono de garant\u00eda grande *\/\r\n  .cm-lp-garantia-icon {\r\n    width: 80px; height: 80px;\r\n    border-radius: 20px;\r\n    background: rgba(102,255,0,0.08);\r\n    border: 1px solid rgba(102,255,0,0.20);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 32px;\r\n    color: var(--cm-green);\r\n    position: relative;\r\n  }\r\n  .cm-lp-garantia-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -8px;\r\n    border-radius: 28px;\r\n    border: 1px solid rgba(102,255,0,0.10);\r\n  }\r\n\r\n  .cm-lp-garantia-title {\r\n    font-family: var(--cm-font-display);\r\n    font-size: clamp(2rem, 4.5vw, 3.2rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.1;\r\n    color: var(--cm-white);\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .cm-lp-garantia-desc {\r\n    font-family: var(--cm-font-body);\r\n    font-size: 1.1rem;\r\n    line-height: 1.75;\r\n    color: var(--cm-gray-light);\r\n    max-width: 620px;\r\n    margin: 0 auto 40px;\r\n  }\r\n  .cm-lp-garantia-desc strong {\r\n    color: var(--cm-white);\r\n  }\r\n\r\n  \/* Puntos de garant\u00eda *\/\r\n  .cm-lp-garantia-points {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 32px;\r\n    margin-bottom: 52px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .cm-lp-garantia-point {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.75rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n  }\r\n\r\n  \/* Caja de urgencia *\/\r\n  .cm-lp-urgency-box {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: rgba(102,255,0,0.06);\r\n    border: 1px solid rgba(102,255,0,0.18);\r\n    border-radius: 100px;\r\n    padding: 10px 24px;\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.10em;\r\n    text-transform: uppercase;\r\n    color: var(--cm-green);\r\n    margin-bottom: 32px;\r\n  }\r\n  .cm-lp-urgency-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--cm-green);\r\n    box-shadow: 0 0 10px var(--cm-green);\r\n    animation: blink 1.5s ease-in-out infinite;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Separador decorativo *\/\r\n  .cm-lp-garantia-sep {\r\n    width: 1px;\r\n    height: 60px;\r\n    background: linear-gradient(180deg, transparent, rgba(102,255,0,0.20), transparent);\r\n    margin: 0 auto 52px;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cm-lp-garantia cm-section\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-lp-garantia-inner\">\r\n\r\n      <!-- Divider decorativo -->\r\n      <div class=\"cm-lp-garantia-sep cm-fade-up\"><\/div>\r\n\r\n      <div class=\"cm-lp-garantia-icon cm-fade-up\">\r\n        <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <polyline points=\"9 12 11 14 15 10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"cm-lp-urgency-box cm-fade-up\">\r\n        <div class=\"cm-lp-urgency-dot\"><\/div>\r\n        Cupos disponibles este mes: solo 2\r\n      <\/div>\r\n\r\n      <h2 class=\"cm-lp-garantia-title cm-fade-up\">\r\n        Garant\u00eda total.<br>\r\n        <span class=\"cm-gradient-text\">Riesgo cero.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"cm-lp-garantia-desc cm-fade-up\">\r\n        Si decides avanzar con la implementaci\u00f3n, el <strong>100% del coste\r\n        del Blueprint se descuenta del proyecto<\/strong>. No pagas por el diagn\u00f3stico\r\n        si seguimos trabajando juntos.\r\n        <br><br>\r\n        Trabajamos con un n\u00famero limitado de empresas cada mes para garantizar\r\n        <strong>calidad t\u00e9cnica y ejecuci\u00f3n real.<\/strong> No somos una f\u00e1brica de informes.\r\n      <\/p>\r\n\r\n      <div class=\"cm-lp-garantia-points cm-fade-up\">\r\n        <div class=\"cm-lp-garantia-point\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Sin compromiso de continuidad\r\n        <\/div>\r\n        <div class=\"cm-lp-garantia-point\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          100% descontado si avanzas\r\n        <\/div>\r\n        <div class=\"cm-lp-garantia-point\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Entregables desde el d\u00eda 10\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"#formulario\" class=\"cm-btn-primary cm-fade-up\" style=\"font-size:1.05rem; padding:18px 48px;\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n        Solicitar mi Blueprint ahora\r\n      <\/a>\r\n\r\n      <p class=\"cm-text mt-6\" style=\"font-size:0.85rem;opacity:0.5\">\r\n        Limitado a 3 empresas por mes \u00b7 Respuesta en menos de 24h\r\n      <\/p>\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-295b5bb elementor-widget elementor-widget-html\" data-id=\"295b5bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 08 \u2014 FOOTER M\u00cdNIMO\r\n     Solo logo + copyright + pol\u00edtica de privacidad.\r\n     Sin navegaci\u00f3n. Sin redes sociales. Sin links externos.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .cm-lp-footer {\r\n    padding: 40px 24px;\r\n    position: relative;\r\n  }\r\n  .cm-lp-footer::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 10%; right: 10%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(102,255,0,0.15), transparent);\r\n  }\r\n\r\n  .cm-lp-footer-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .cm-lp-footer-logo img {\r\n    height: 36px;\r\n    width: auto;\r\n    opacity: 0.75;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n  .cm-lp-footer-logo img:hover { opacity: 1; }\r\n\r\n  .cm-lp-footer-copy {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.08em;\r\n    color: rgba(255,255,255,0.25);\r\n    text-align: center;\r\n  }\r\n\r\n  .cm-lp-footer-links {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n  .cm-lp-footer-links a {\r\n    font-family: var(--cm-font-mono);\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.30);\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n  }\r\n  .cm-lp-footer-links a:hover { color: var(--cm-green); }\r\n\r\n  @media (max-width: 600px) {\r\n    .cm-lp-footer-inner { flex-direction: column; align-items: center; text-align: center; }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"cm-lp-footer\">\r\n  <div class=\"cm-container\">\r\n    <div class=\"cm-lp-footer-inner\">\r\n\r\n      <div class=\"cm-lp-footer-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-scaled.png\"\r\n             alt=\"Corporativo Matheus SAC\"\r\n             loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <div class=\"cm-lp-footer-copy\">\r\n        \u00a9 2025 Corporativo Matheus SAC \u00b7 Todos los derechos reservados\r\n      <\/div>\r\n\r\n      <div class=\"cm-lp-footer-links\">\r\n        <a href=\"https:\/\/www.corporativomatheus.com\/politica-de-privacidad\" target=\"_blank\" rel=\"noopener\">Politica de Privacidad<\/a>\r\n        <a href=\"https:\/\/www.corporativomatheus.com\/aviso-legal\" target=\"_blank\" rel=\"noopener\">Aviso Legal<\/a>\r\n        <a href=\"https:\/\/www.corporativomatheus.com\/politica-de-cookiess\/\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Cookiess<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Para compa\u00f1\u00edas que facturan +1M$\/a\u00f1o Escala y blinda tu Empresa con IA y Ciberseguridad en 15 d\u00edas o menos Accede a un diagn\u00f3stico t\u00e9cnico y estrat\u00e9gico para identificar riesgos cr\u00edticos, oportunidades de automatizaci\u00f3n y arquitectura IA escalable sin interrumpir tu operativa actual. Solicitar An\u00e1lisis Personalizado Limitado a 3 empresas por mes +4 A\u00f1os de experiencia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-432","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/432","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=432"}],"version-history":[{"count":121,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/432\/revisions"}],"predecessor-version":[{"id":2786,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/432\/revisions\/2786"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}