{"id":877,"date":"2026-06-19T00:35:31","date_gmt":"2026-06-19T05:35:31","guid":{"rendered":"https:\/\/www.corporativomatheus.com\/?page_id=877"},"modified":"2026-09-01T10:17:43","modified_gmt":"2026-09-01T15:17:43","slug":"experimento-x","status":"publish","type":"page","link":"https:\/\/www.corporativomatheus.com\/en\/experimento-x\/","title":{"rendered":"AI &#038; Cyber Blueprint 360\u00b0- experimento X"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"877\" class=\"elementor elementor-877\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2e70 e-flex e-con-boxed e-con e-parent\" data-id=\"fa2e70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f8a615 e-con-full e-flex e-con e-child\" data-id=\"3f8a615\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16fff0d elementor-widget elementor-widget-html\" data-id=\"16fff0d\" 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>\r\n\r\n\r\n<style>\r\n  elevenlabs-convai {\r\n      display: none !important;\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41a16dd elementor-widget elementor-widget-html\" data-id=\"41a16dd\" 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 (SECCI\u00d3N PRINCIPAL LANDING IA & CIBERSEGURIDAD)\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-hero {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n\r\n.cm-ia-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 800px;\r\n  height: 800px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.08) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: cm-ia-hero-glow 10s ease-in-out infinite alternate;\r\n}\r\n\r\n.cm-ia-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -20%;\r\n  right: -10%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.04) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: cm-ia-hero-glow 12s ease-in-out infinite alternate-reverse;\r\n}\r\n\r\n@keyframes cm-ia-hero-glow {\r\n  0% { transform: translateX(-50%) translate(0, 0) scale(1); opacity: 0.5; }\r\n  100% { transform: translateX(-50%) translate(-30px, 20px) scale(1.15); opacity: 1; }\r\n}\r\n\r\n\/* Grid sutil de fondo *\/\r\n.cm-ia-hero-grid {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image:\r\n    linear-gradient(rgba(44,213,196,0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(44,213,196,0.03) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Part\u00edculas flotantes *\/\r\n.cm-ia-particle {\r\n  position: absolute;\r\n  width: 3px;\r\n  height: 3px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  border-radius: 50%;\r\n  opacity: 0;\r\n  animation: cm-ia-float-particle 8s ease-in-out infinite;\r\n}\r\n\r\n.cm-ia-particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; animation-duration: 7s; }\r\n.cm-ia-particle:nth-child(2) { left: 25%; top: 65%; animation-delay: 1s; animation-duration: 9s; }\r\n.cm-ia-particle:nth-child(3) { left: 50%; top: 30%; animation-delay: 2s; animation-duration: 6s; }\r\n.cm-ia-particle:nth-child(4) { left: 75%; top: 70%; animation-delay: 3s; animation-duration: 8s; }\r\n.cm-ia-particle:nth-child(5) { left: 90%; top: 40%; animation-delay: 4s; animation-duration: 10s; }\r\n.cm-ia-particle:nth-child(6) { left: 15%; top: 80%; animation-delay: 1.5s; animation-duration: 7.5s; }\r\n.cm-ia-particle:nth-child(7) { left: 85%; top: 15%; animation-delay: 2.5s; animation-duration: 8.5s; }\r\n.cm-ia-particle:nth-child(8) { left: 45%; top: 90%; animation-delay: 3.5s; animation-duration: 6.5s; }\r\n\r\n@keyframes cm-ia-float-particle {\r\n  0%, 100% { opacity: 0; transform: translateY(0) scale(0); }\r\n  10% { opacity: 0.6; transform: scale(1); }\r\n  50% { opacity: 0.3; transform: translateY(-40px) scale(1.5); }\r\n  90% { opacity: 0.6; transform: scale(1); }\r\n}\r\n\r\n.cm-ia-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 140px 24px 100px;\r\n}\r\n\r\n.cm-ia-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(44,213,196,0.08);\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  border-radius: 60px;\r\n  padding: 10px 24px;\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin-bottom: 36px;\r\n  animation: cm-ia-badge-in 0.8s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n@keyframes cm-ia-badge-in {\r\n  0% { opacity: 0; transform: translateY(10px); }\r\n  100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.cm-ia-hero h1 {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2.5rem, 5.5vw, 4rem);\r\n  font-weight: 800;\r\n  line-height: 1.08;\r\n  color: var(--cm-white, #ffffff);\r\n  margin: 0 0 28px;\r\n  animation: cm-ia-h1-in 1s ease 0.2s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.cm-ia-hero h1 .cm-accent-word {\r\n  color: var(--cm-primary, #2cd5c4);\r\n  position: relative;\r\n}\r\n\r\n@keyframes cm-ia-h1-in {\r\n  0% { opacity: 0; transform: translateY(30px); }\r\n  100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.cm-ia-hero-sub {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: clamp(1rem, 1.3vw, 1.15rem);\r\n  line-height: 1.7;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  margin: 0 auto 44px auto;\r\n  max-width: 620px;\r\n  animation: cm-ia-sub-in 1s ease 0.4s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n@keyframes cm-ia-sub-in {\r\n  0% { opacity: 0; transform: translateY(20px); }\r\n  100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.cm-ia-hero-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 18px 44px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  border: 2px solid var(--cm-primary, #2cd5c4);\r\n  color: #0a0a0a;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  text-decoration: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n  animation: cm-ia-cta-in 1s ease 0.6s forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.cm-ia-hero-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(44,213,196,0.1), transparent);\r\n  transition: left 0.5s ease;\r\n}\r\n\r\n.cm-ia-hero-cta:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.cm-ia-hero-cta:hover {\r\n  background: #3ee5d4;\r\n  box-shadow: 0 0 30px rgba(44,213,196,0.4), 0 0 60px rgba(44,213,196,0.2);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n@keyframes cm-ia-cta-in {\r\n  0% { opacity: 0; transform: translateY(20px); }\r\n  100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Scroll Indicator \u2500\u2500 *\/\r\n.cm-ia-hero-scroll {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  animation: cm-ia-scroll-bounce 2s ease-in-out infinite;\r\n  opacity: 0.4;\r\n  z-index: 2;\r\n}\r\n\r\n.cm-ia-hero-scroll span {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 10px;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--cm-gray, #a0a0a0);\r\n}\r\n\r\n.cm-ia-hero-scroll-line {\r\n  width: 1px;\r\n  height: 30px;\r\n  background: linear-gradient(to bottom, var(--cm-primary, #2cd5c4), transparent);\r\n}\r\n\r\n@keyframes cm-ia-scroll-bounce {\r\n  0%, 100% { transform: translateX(-50%) translateY(0); }\r\n  50% { transform: translateX(-50%) translateY(8px); }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-ia-hero-content {\r\n    padding: 100px 20px 60px;\r\n  }\r\n  .cm-ia-hero-cta {\r\n    padding: 16px 32px;\r\n    font-size: 0.9rem;\r\n  }\r\n  .cm-ia-hero-scroll { display: none; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cm-ia-hero h1 {\r\n    font-size: clamp(2rem, 7vw, 2.8rem);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-hero\">\r\n  <!-- Background effects -->\r\n  <div class=\"cm-ia-hero-grid\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n  <div class=\"cm-ia-particle\"><\/div>\r\n\r\n  <div class=\"cm-ia-hero-content\">\r\n    <div class=\"cm-ia-hero-badge\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n      Para compa\u00f1\u00edas que facturan +1M$\/a\u00f1o\r\n    <\/div>\r\n\r\n    <h1>\r\n      Escala y blinda tu empresa con <span class=\"cm-accent-word\">IA y Ciberseguridad<\/span> en 15 d\u00edas o menos\r\n    <\/h1>\r\n\r\n    <p class=\"cm-ia-hero-sub\">\r\n      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.\r\n    <\/p>\r\n\r\n    <!-- AQU\u00cd EST\u00c1 LA CORRECCI\u00d3N: href apuntando al id del form y sin target=\"_blank\" -->\r\n    <a href=\"#cm-form\" class=\"cm-ia-hero-cta\">\r\n      Solicitar An\u00e1lisis Personalizado\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cm-ia-hero-scroll\">\r\n    <span>Scroll<\/span>\r\n    <div class=\"cm-ia-hero-scroll-line\"><\/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-c39ca8f elementor-widget elementor-widget-html\" data-id=\"c39ca8f\" 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 CLAVE\r\n     4 tarjetas con iconos + barra de descuento\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-beneficios {\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-beneficios-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.cm-ia-section-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  font-weight: 800;\r\n  text-align: center;\r\n  color: var(--cm-white, #ffffff);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.cm-ia-section-divider {\r\n  width: 50px;\r\n  height: 4px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  border-radius: 2px;\r\n  margin: 0 auto 48px auto;\r\n}\r\n\r\n.cm-ia-beneficios-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.cm-ia-beneficio-card {\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 32px 24px;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-ia-beneficio-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--cm-primary, #2cd5c4), transparent);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.cm-ia-beneficio-card:hover {\r\n  border-color: rgba(44,213,196,0.15);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 0 30px rgba(44,213,196,0.08);\r\n}\r\n\r\n.cm-ia-beneficio-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cm-ia-beneficio-icon {\r\n  font-size: 2rem;\r\n  margin-bottom: 20px;\r\n  display: block;\r\n}\r\n\r\n.cm-ia-beneficio-text {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  line-height: 1.7;\r\n}\r\n\r\n.cm-ia-beneficio-text strong {\r\n  color: var(--cm-white, #ffffff);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Barra de descuento *\/\r\n.cm-ia-descuento-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 18px 32px;\r\n  background: rgba(44,213,196,0.06);\r\n  border: 1px solid rgba(44,213,196,0.15);\r\n  border-radius: 60px;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cm-ia-descuento-bar .cm-ia-check {\r\n  color: var(--cm-primary, #2cd5c4);\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n}\r\n\r\n.cm-ia-descuento-bar .cm-ia-highlight {\r\n  color: var(--cm-primary, #2cd5c4);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .cm-ia-beneficios-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-ia-beneficios-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cm-ia-descuento-bar {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    border-radius: var(--cm-radius, 16px);\r\n    padding: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-beneficios\">\r\n  <div class=\"cm-ia-beneficios-inner\">\r\n    <h2 class=\"cm-ia-section-title\">Beneficios Clave<\/h2>\r\n    <div class=\"cm-ia-section-divider\"><\/div>\r\n\r\n    <div class=\"cm-ia-beneficios-grid\">\r\n      <!-- Card 1: Escala -->\r\n      <div class=\"cm-ia-beneficio-card\">\r\n        <span class=\"cm-ia-beneficio-icon\">\ud83d\ude80<\/span>\r\n        <p class=\"cm-ia-beneficio-text\">\r\n          Escala sin fricci\u00f3n: identificamos \u00e1reas donde la IA puede reducir costes operativos, <strong>automatizar procesos repetitivos<\/strong> y liberar recursos clave para el crecimiento de tu negocio.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Seguridad -->\r\n      <div class=\"cm-ia-beneficio-card\">\r\n        <span class=\"cm-ia-beneficio-icon\">\ud83d\udd12<\/span>\r\n        <p class=\"cm-ia-beneficio-text\">\r\n          Mitiga riesgos operativos: detectamos <strong>brechas de Seguridad<\/strong> que podr\u00edan comprometer tu negocio.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Decisiones -->\r\n      <div class=\"cm-ia-beneficio-card\">\r\n        <span class=\"cm-ia-beneficio-icon\">\ud83e\udde0<\/span>\r\n        <p class=\"cm-ia-beneficio-text\">\r\n          Toma decisiones informadas: recibe un roadmap visual y t\u00e9cnico accionable, dise\u00f1ado por ingenieros y estrategas IA. No por consultores gen\u00e9ricos.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Resultados -->\r\n      <div class=\"cm-ia-beneficio-card\">\r\n        <span class=\"cm-ia-beneficio-icon\">\u26a1<\/span>\r\n        <p class=\"cm-ia-beneficio-text\">\r\n          Resultados en 2 semanas, sin interrumpir tu operativa actual.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Barra de beneficio extra -->\r\n    <div class=\"cm-ia-descuento-bar\">\r\n      <span class=\"cm-ia-check\">\u2714<\/span>\r\n      <span><span class=\"cm-ia-highlight\">Integraci\u00f3n y despliegue prioritario<\/span> si contratas Matheus S.A.C. tras el diagn\u00f3stico.<\/span>\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-8ed1e89 elementor-widget elementor-widget-html\" data-id=\"8ed1e89\" 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 QU\u00c9 OBTIENES CON EL AI & CYBER BLUEPRINT 360\r\n     Checklist de entregables + estad\u00edsticas\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-blueprint {\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-blueprint-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.cm-ia-blueprint-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  font-weight: 800;\r\n  font-style: italic;\r\n  text-align: center;\r\n  color: var(--cm-white, #ffffff);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.cm-ia-blueprint-checklist {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px 24px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cm-ia-blueprint-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  padding: 20px 22px;\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: var(--cm-radius, 16px);\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n\r\n.cm-ia-blueprint-item:hover {\r\n  border-color: rgba(44,213,196,0.15);\r\n  background: rgba(22,22,22,0.9);\r\n}\r\n\r\n.cm-ia-blueprint-check {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  min-width: 26px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  border-radius: 50%;\r\n  color: #0a0a0a;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  margin-top: 2px;\r\n}\r\n\r\n.cm-ia-blueprint-item-text {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.92rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Stats boxes *\/\r\n.cm-ia-blueprint-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n  margin-top: 40px;\r\n  max-width: 600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.cm-ia-blueprint-stat {\r\n  text-align: center;\r\n  padding: 32px 24px;\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: var(--cm-radius, 16px);\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n\r\n.cm-ia-blueprint-stat:hover {\r\n  border-color: rgba(44,213,196,0.15);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.cm-ia-blueprint-stat-label {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.85rem;\r\n  color: #6b7a94;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.cm-ia-blueprint-stat-value {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(1.5rem, 3vw, 2rem);\r\n  font-weight: 800;\r\n  font-style: italic;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin: 0;\r\n}\r\n\r\n.cm-ia-blueprint-stat-note {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.8rem;\r\n  color: #6b7a94;\r\n  margin: 8px 0 0;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .cm-ia-blueprint-checklist {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cm-ia-blueprint-checklist {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cm-ia-blueprint-stats {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-blueprint\">\r\n  <div class=\"cm-ia-blueprint-inner\">\r\n    <h2 class=\"cm-ia-blueprint-title\">\u00bfQu\u00e9 obtienes con el AI & Cyber Blueprint 360?<\/h2>\r\n    <div class=\"cm-ia-section-divider\"><\/div>\r\n\r\n    <div class=\"cm-ia-blueprint-checklist\">\r\n      <!-- Item 1 -->\r\n      <div class=\"cm-ia-blueprint-item\">\r\n        <span class=\"cm-ia-blueprint-check\">\u2714<\/span>\r\n        <span class=\"cm-ia-blueprint-item-text\">Auditor\u00eda de procesos clave y herramientas actuales<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"cm-ia-blueprint-item\">\r\n        <span class=\"cm-ia-blueprint-check\">\u2714<\/span>\r\n        <span class=\"cm-ia-blueprint-item-text\">An\u00e1lisis de oportunidades para integrar IA en los procesos de tu negocio<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"cm-ia-blueprint-item\">\r\n        <span class=\"cm-ia-blueprint-check\">\u2714<\/span>\r\n        <span class=\"cm-ia-blueprint-item-text\">Evaluaci\u00f3n de ciberseguridad completa<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"cm-ia-blueprint-item\">\r\n        <span class=\"cm-ia-blueprint-check\">\u2714<\/span>\r\n        <span class=\"cm-ia-blueprint-item-text\">Roadmap visual y t\u00e9cnico personalizado<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 5 -->\r\n      <div class=\"cm-ia-blueprint-item\">\r\n        <span class=\"cm-ia-blueprint-check\">\u2714<\/span>\r\n        <span class=\"cm-ia-blueprint-item-text\">Reuni\u00f3n 1:1 con el CTO de Corporativo Matheus<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 6 -->\r\n      <div class=\"cm-ia-blueprint-item\">\r\n        <span class=\"cm-ia-blueprint-check\">\u2714<\/span>\r\n        <span class=\"cm-ia-blueprint-item-text\">Informe t\u00e9cnico detallado con pasos siguientes<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Stats boxes -->\r\n    <div class=\"cm-ia-blueprint-stats\">\r\n      <!-- Duraci\u00f3n -->\r\n      <div class=\"cm-ia-blueprint-stat\">\r\n        <p class=\"cm-ia-blueprint-stat-label\">Duraci\u00f3n<\/p>\r\n        <p class=\"cm-ia-blueprint-stat-value\">10\u201315 d\u00edas<\/p>\r\n      <\/div>\r\n\r\n      <!-- Inversi\u00f3n -->\r\n      <div class=\"cm-ia-blueprint-stat\">\r\n        <p class=\"cm-ia-blueprint-stat-label\">Inversi\u00f3n<\/p>\r\n        <p class=\"cm-ia-blueprint-stat-value\">>2.500$ (USD)<\/p>\r\n        <p class=\"cm-ia-blueprint-stat-note\">(ajustable seg\u00fan complejidad y alcance)<\/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-d20bfb1 elementor-widget elementor-widget-html\" data-id=\"d20bfb1\" 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 \u00bfES PARA TI?\r\n     Lista de p\u00fablico objetivo con checks y exclusi\u00f3n\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-target {\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-target-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.cm-ia-target-list {\r\n  max-width: 820px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.cm-ia-target-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 22px 28px;\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: var(--cm-radius, 16px);\r\n  border-left: 3px solid var(--cm-primary, #2cd5c4);\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n}\r\n\r\n.cm-ia-target-item:hover {\r\n  border-color: rgba(44,213,196,0.15);\r\n  border-left-color: var(--cm-primary, #2cd5c4);\r\n  background: rgba(22,22,22,0.9);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.cm-ia-target-item--negative {\r\n  border-left-color: #ef4444;\r\n}\r\n\r\n.cm-ia-target-item--negative:hover {\r\n  border-left-color: #ef4444;\r\n  border-color: rgba(239,68,68,0.2);\r\n  background: rgba(239,68,68,0.05);\r\n}\r\n\r\n.cm-ia-target-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  min-width: 32px;\r\n  border-radius: 50%;\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n}\r\n\r\n.cm-ia-target-icon--check {\r\n  background: rgba(44,213,196,0.15);\r\n  color: var(--cm-primary, #2cd5c4);\r\n}\r\n\r\n.cm-ia-target-icon--cross {\r\n  background: rgba(239,68,68,0.15);\r\n  color: #ef4444;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-ia-target-item {\r\n    padding: 18px 20px;\r\n    font-size: 0.88rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-target\">\r\n  <div class=\"cm-ia-target-inner\">\r\n    <h2 class=\"cm-ia-section-title\">\u00bfEs para ti?<\/h2>\r\n    <div class=\"cm-ia-section-divider\"><\/div>\r\n\r\n    <div class=\"cm-ia-target-list\">\r\n      <!-- Item 1 -->\r\n      <div class=\"cm-ia-target-item\">\r\n        <span class=\"cm-ia-target-icon cm-ia-target-icon--check\">\u2714<\/span>\r\n        <span>CEOs, CTOs o directores de innovaci\u00f3n en empresas 1M\u20ac\u201310M\u20ac+<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"cm-ia-target-item\">\r\n        <span class=\"cm-ia-target-icon cm-ia-target-icon--check\">\u2714<\/span>\r\n        <span>Equipos con dependencia operativa alta o procesos no escalables<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"cm-ia-target-item\">\r\n        <span class=\"cm-ia-target-icon cm-ia-target-icon--check\">\u2714<\/span>\r\n        <span>Empresas con propiedad intelectual, datos sensibles o visi\u00f3n de crecimiento internacional<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"cm-ia-target-item\">\r\n        <span class=\"cm-ia-target-icon cm-ia-target-icon--check\">\u2714<\/span>\r\n        <span>CEOs y CTOs que quieren claridad y acci\u00f3n antes de implementar IA<\/span>\r\n      <\/div>\r\n\r\n      <!-- Item 5 - Negative -->\r\n      <div class=\"cm-ia-target-item cm-ia-target-item--negative\">\r\n        <span class=\"cm-ia-target-icon cm-ia-target-icon--cross\">\u2718<\/span>\r\n        <span>No recomendado para negocios sin urgencia operativa ni recursos asignados<\/span>\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-fdce6b0 elementor-widget elementor-widget-html\" data-id=\"fdce6b0\" 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 LO QUE DICEN NUESTROS CLIENTES\r\n     Testimonios con avatares de iniciales\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-testimonials {\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-testimonials-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.cm-ia-testimonials-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  font-weight: 800;\r\n  font-style: italic;\r\n  text-align: center;\r\n  color: var(--cm-white, #ffffff);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.cm-ia-testimonials-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: auto auto;\r\n  gap: 24px;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cm-ia-testimonial-card {\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: var(--cm-radius, 16px);\r\n  padding: 32px;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-testimonial-card:hover {\r\n  border-color: rgba(44,213,196,0.15);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 0 30px rgba(44,213,196,0.08);\r\n}\r\n\r\n\/* Featured card spans full width *\/\r\n.cm-ia-testimonial-card--featured {\r\n  grid-column: 1 \/ 3;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 32px;\r\n  align-items: center;\r\n}\r\n\r\n.cm-ia-testimonial-quote {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  line-height: 1.7;\r\n  font-style: italic;\r\n  margin: 0 0 24px;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-testimonial-quote::before {\r\n  content: '\u201c';\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 2.5rem;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  font-weight: 800;\r\n  line-height: 0;\r\n  vertical-align: -0.4em;\r\n  margin-right: 6px;\r\n}\r\n\r\n.cm-ia-testimonial-quote::after {\r\n  content: '\u201d';\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: 2.5rem;\r\n  color: var(--cm-primary, #2cd5c4);\r\n  font-weight: 800;\r\n  line-height: 0;\r\n  vertical-align: -0.4em;\r\n  margin-left: 2px;\r\n}\r\n\r\n.cm-ia-testimonial-quote strong {\r\n  color: var(--cm-white, #ffffff);\r\n  font-weight: 600;\r\n}\r\n\r\n.cm-ia-testimonial-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n.cm-ia-testimonial-avatar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 48px;\r\n  height: 48px;\r\n  min-width: 48px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--cm-primary, #2cd5c4), #66FF00);\r\n  color: #0a0a0a;\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-weight: 700;\r\n  font-size: 0.9rem;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.cm-ia-testimonial-name {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-weight: 700;\r\n  font-size: 0.95rem;\r\n  color: var(--cm-white, #ffffff);\r\n  margin: 0;\r\n}\r\n\r\n.cm-ia-testimonial-role {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.8rem;\r\n  color: #6b7a94;\r\n  margin: 2px 0 0;\r\n}\r\n\r\n\/* Featured card author section centered *\/\r\n.cm-ia-testimonial-card--featured .cm-ia-testimonial-author-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.cm-ia-testimonial-card--featured .cm-ia-testimonial-avatar {\r\n  width: 64px;\r\n  height: 64px;\r\n  min-width: 64px;\r\n  font-size: 1.1rem;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-ia-testimonials-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cm-ia-testimonial-card--featured {\r\n    grid-column: 1;\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-testimonials\">\r\n  <div class=\"cm-ia-testimonials-inner\">\r\n    <h2 class=\"cm-ia-testimonials-title\">Lo que dicen nuestros clientes<\/h2>\r\n    <div class=\"cm-ia-section-divider\"><\/div>\r\n\r\n    <div class=\"cm-ia-testimonials-grid\">\r\n      <!-- Testimonial 1 - Featured (large) -->\r\n      <div class=\"cm-ia-testimonial-card cm-ia-testimonial-card--featured\">\r\n        <div class=\"cm-ia-testimonial-body\">\r\n          <p class=\"cm-ia-testimonial-quote\">\r\n            En solo dos semanas ten\u00edamos <strong>claridad total sobre qu\u00e9 hacer con IA<\/strong> en nuestra operaci\u00f3n. El roadmap fue accionable desde el primer d\u00eda. 100% recomendado si buscas integraci\u00f3n de IA real y garantizando la seguridad de tus datos.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"cm-ia-testimonial-author-section\">\r\n          <div class=\"cm-ia-testimonial-avatar\">RM<\/div>\r\n          <div>\r\n            <p class=\"cm-ia-testimonial-name\">Ricardo Mercan<\/p>\r\n            <p class=\"cm-ia-testimonial-role\">CEO, Empresa Tecnol\u00f3gica<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial 2 -->\r\n      <div class=\"cm-ia-testimonial-card\">\r\n        <p class=\"cm-ia-testimonial-quote\">\r\n          Identificaron vulnerabilidades cr\u00edticas que otros consultores pasaron por alto. Su enfoque t\u00e9cnico es excepcional.\r\n        <\/p>\r\n        <div class=\"cm-ia-testimonial-author\">\r\n          <div class=\"cm-ia-testimonial-avatar\">AP<\/div>\r\n          <div>\r\n            <p class=\"cm-ia-testimonial-name\">Andra Paredes<\/p>\r\n            <p class=\"cm-ia-testimonial-role\">CTO, Industria Log\u00edstica<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial 3 -->\r\n      <div class=\"cm-ia-testimonial-card\">\r\n        <p class=\"cm-ia-testimonial-quote\">\r\n          El roadmap de IA que nos proporcionaron fue clave para cerrar nuestra ronda de inversi\u00f3n. ROI inmediato.\r\n        <\/p>\r\n        <div class=\"cm-ia-testimonial-author\">\r\n          <div class=\"cm-ia-testimonial-avatar\">AP<\/div>\r\n          <div>\r\n            <p class=\"cm-ia-testimonial-name\">Ana Mari Padilla<\/p>\r\n            <p class=\"cm-ia-testimonial-role\">Founder, Herbalay<\/p>\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-f6ae481 elementor-widget elementor-widget-html\" data-id=\"f6ae481\" 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 PREGUNTAS FRECUENTES (FAQ)\r\n     Accordion interactivo con preguntas y respuestas\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-faq {\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-faq-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.cm-ia-faq-list {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.cm-ia-faq-item {\r\n  background: rgba(17,17,17,0.7);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: var(--cm-radius, 16px);\r\n  overflow: hidden;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n\r\n.cm-ia-faq-item:hover {\r\n  border-color: rgba(44,213,196,0.15);\r\n}\r\n\r\n.cm-ia-faq-question {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 22px 28px;\r\n  cursor: pointer;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n  color: var(--cm-white, #ffffff);\r\n  transition: all 0.2s ease;\r\n  background: transparent;\r\n  border: none;\r\n  width: 100%;\r\n  text-align: left;\r\n  outline: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.cm-ia-faq-question:focus {\r\n  outline: none;\r\n}\r\n\r\n.cm-ia-faq-question:hover {\r\n  color: var(--cm-primary, #2cd5c4);\r\n}\r\n\r\n.cm-ia-faq-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  min-width: 28px;\r\n  border-radius: 50%;\r\n  background: rgba(44,213,196,0.1);\r\n  color: var(--cm-primary, #2cd5c4);\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.cm-ia-faq-item.cm-ia-faq-active .cm-ia-faq-icon {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.cm-ia-faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease;\r\n}\r\n\r\n.cm-ia-faq-item.cm-ia-faq-active .cm-ia-faq-answer {\r\n  max-height: 300px;\r\n}\r\n\r\n.cm-ia-faq-answer-content {\r\n  padding: 0 28px 22px 28px;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.9rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  line-height: 1.7;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-faq\">\r\n  <div class=\"cm-ia-faq-inner\">\r\n    <h2 class=\"cm-ia-section-title\">Preguntas Frecuentes<\/h2>\r\n    <div class=\"cm-ia-section-divider\"><\/div>\r\n\r\n    <div class=\"cm-ia-faq-list\">\r\n      <!-- FAQ 1 -->\r\n      <div class=\"cm-ia-faq-item\">\r\n        <button class=\"cm-ia-faq-question\" onclick=\"cmIaToggleFaq(this)\">\r\n          <span>\u00bfQu\u00e9 incluye exactamente el diagn\u00f3stico AI & Cyber Blueprint 360?<\/span>\r\n          <span class=\"cm-ia-faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"cm-ia-faq-answer\">\r\n          <div class=\"cm-ia-faq-answer-content\">\r\n            Incluye una auditor\u00eda completa de tus procesos actuales, an\u00e1lisis de oportunidades de IA, evaluaci\u00f3n de ciberseguridad, roadmap visual y t\u00e9cnico personalizado, reuni\u00f3n 1:1 con nuestro CTO, e informe detallado con pasos accionables. Todo dise\u00f1ado espec\u00edficamente para tu empresa.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 2 -->\r\n      <div class=\"cm-ia-faq-item\">\r\n        <button class=\"cm-ia-faq-question\" onclick=\"cmIaToggleFaq(this)\">\r\n          <span>\u00bfCu\u00e1nto tiempo toma el proceso completo?<\/span>\r\n          <span class=\"cm-ia-faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"cm-ia-faq-answer\">\r\n          <div class=\"cm-ia-faq-answer-content\">\r\n            El proceso completo toma entre 10 y 15 d\u00edas h\u00e1biles. Durante este per\u00edodo, trabajamos en paralelo con tu equipo sin interrumpir tu operativa actual. Al finalizar, recibir\u00e1s todos los entregables y la reuni\u00f3n de presentaci\u00f3n con el CTO.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 3 -->\r\n      <div class=\"cm-ia-faq-item\">\r\n        <button class=\"cm-ia-faq-question\" onclick=\"cmIaToggleFaq(this)\">\r\n          <span>\u00bfNecesito conocimientos t\u00e9cnicos para aprovechar el diagn\u00f3stico?<\/span>\r\n          <span class=\"cm-ia-faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"cm-ia-faq-answer\">\r\n          <div class=\"cm-ia-faq-answer-content\">\r\n            No. Nuestros entregables est\u00e1n dise\u00f1ados para ser comprensibles tanto por perfiles t\u00e9cnicos (CTOs, equipos de desarrollo) como por perfiles de negocio (CEOs, directores). El roadmap visual facilita la toma de decisiones estrat\u00e9gicas sin necesidad de conocimientos t\u00e9cnicos profundos.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 4 -->\r\n      <div class=\"cm-ia-faq-item\">\r\n        <button class=\"cm-ia-faq-question\" onclick=\"cmIaToggleFaq(this)\">\r\n          <span>\u00bfQu\u00e9 incluye la integraci\u00f3n y despliegue prioritario?<\/span>\r\n          <span class=\"cm-ia-faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"cm-ia-faq-answer\">\r\n          <div class=\"cm-ia-faq-answer-content\">\r\n            Si tras el diagn\u00f3stico decides contratar a Matheus S.A.C. para implementar las recomendaciones, tu empresa tendr\u00e1 prioridad m\u00e1xima en nuestro calendario de proyectos. Esto garantiza que la transici\u00f3n hacia la nueva arquitectura se ejecute de forma \u00e1gil y sin demoras.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction cmIaToggleFaq(button) {\r\n  var item = button.closest('.cm-ia-faq-item');\r\n  var isActive = item.classList.contains('cm-ia-faq-active');\r\n\r\n  \/\/ Close all other FAQ items\r\n  var allItems = document.querySelectorAll('.cm-ia-faq-item');\r\n  allItems.forEach(function(i) {\r\n    i.classList.remove('cm-ia-faq-active');\r\n  });\r\n\r\n  \/\/ Toggle current item\r\n  if (!isActive) {\r\n    item.classList.add('cm-ia-faq-active');\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-fe556c8 elementor-widget elementor-widget-html\" data-id=\"fe556c8\" 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 COMPROMISO DE CALIDAD + URGENCIA\r\n     Refuerzo de confianza antes del formulario\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-guarantee {\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.cm-ia-guarantee-inner {\r\n  max-width: 820px;\r\n  margin: 0 auto;\r\n  padding: var(--cm-section-padding, 100px 24px);\r\n}\r\n\r\n.cm-ia-guarantee-box {\r\n  text-align: center;\r\n  padding: 52px 44px;\r\n  background: linear-gradient(160deg, rgba(44,213,196,0.08), rgba(17,17,17,0.6));\r\n  border: 1px solid rgba(44,213,196,0.25);\r\n  border-radius: var(--cm-radius, 16px);\r\n  position: relative;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.cm-ia-guarantee-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--cm-primary, #2cd5c4), transparent);\r\n  opacity: 0.5;\r\n}\r\n\r\n.cm-ia-guarantee-box::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -20%;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.cm-ia-guarantee-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 50%;\r\n  background: rgba(44,213,196,0.1);\r\n  border: 1px solid rgba(44,213,196,0.2);\r\n  margin-bottom: 24px;\r\n  font-size: 1.8rem;\r\n}\r\n\r\n.cm-ia-guarantee-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-weight: 700;\r\n  font-size: clamp(1.5rem, 3vw, 2rem);\r\n  color: var(--cm-primary, #2cd5c4);\r\n  margin: 0 0 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.cm-ia-guarantee-text {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n  color: var(--cm-gray-light, #cccccc);\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cm-ia-guarantee-text strong {\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n\r\n.cm-ia-guarantee-urgency {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 32px;\r\n  padding: 16px 28px;\r\n  border-radius: 60px;\r\n  background: rgba(250,197,28,0.08);\r\n  border: 1px solid rgba(250,197,28,0.25);\r\n  color: var(--cm-gray-light, #cccccc);\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  transition: var(--cm-transition, all 0.3s ease);\r\n}\r\n\r\n.cm-ia-guarantee-urgency:hover {\r\n  background: rgba(250,197,28,0.12);\r\n  border-color: rgba(250,197,28,0.35);\r\n}\r\n\r\n.cm-ia-guarantee-urgency .cm-ia-urgency-dot {\r\n  color: #FAC51C;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.cm-ia-guarantee-urgency strong {\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-ia-guarantee-box {\r\n    padding: 36px 24px;\r\n  }\r\n\r\n  .cm-ia-guarantee-urgency {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 6px;\r\n    padding: 14px 22px;\r\n    font-size: 0.88rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-section cm-ia-guarantee\">\r\n  <div class=\"cm-ia-guarantee-inner\">\r\n    <div class=\"cm-ia-guarantee-box cm-fade-up\">\r\n      <div class=\"cm-ia-guarantee-icon\">\ud83d\udee1\ufe0f<\/div>\r\n      <h3 class=\"cm-ia-guarantee-title\">Nuestro Compromiso Contigo<\/h3>\r\n      <p class=\"cm-ia-guarantee-text\">\r\n        Si despu\u00e9s del diagn\u00f3stico decides continuar con <strong>Matheus S.A.C.<\/strong> para implementar las soluciones, el 100% del coste del diagn\u00f3stico se descuenta de tu proyecto.<br>\r\n        <strong>No pierdes nada<\/strong> \u2014 es una inversi\u00f3n que se recupera desde el d\u00eda uno.\r\n      <\/p>\r\n      <div class=\"cm-ia-guarantee-urgency\">\r\n        <span class=\"cm-ia-urgency-dot\">\u26a1<\/span>\r\n        <strong>Solo 3 empresas por mes<\/strong> para garantizar atenci\u00f3n personalizada.\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-1e64206 elementor-widget elementor-widget-html\" data-id=\"1e64206\" 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 FORMULARIO DE CONTACTO\r\n     Captura de lead. Env\u00eda por fetch a un webhook (n8n).\r\n     \u26a0\ufe0f REEMPLAZAR la constante WEBHOOK_URL y GRACIAS_URL abajo.\r\n     ============================================================ -->\r\n\r\n<style>\r\n    .cm-ia-form {\r\n        padding: 0;\r\n        position: relative;\r\n        text-align: center;\r\n    }\r\n\r\n    .cm-ia-form-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    .cm-ia-form-box {\r\n        max-width: 640px;\r\n        margin: 48px auto 0;\r\n        padding: 44px 40px;\r\n        background: rgba(17, 17, 17, 0.7);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        border-radius: var(--cm-radius, 16px);\r\n        text-align: left;\r\n        position: relative;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .cm-ia-form-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, rgba(44, 213, 196, 0.3), transparent);\r\n    }\r\n\r\n    .cm-ia-form-group {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .cm-ia-form-group label {\r\n        display: block;\r\n        font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n        font-size: 0.85rem;\r\n        font-weight: 500;\r\n        color: var(--cm-gray-light, #cccccc);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .cm-ia-form-box input,\r\n    .cm-ia-form-box select,\r\n    .cm-ia-form-box textarea {\r\n        width: 100%;\r\n        padding: 14px 16px;\r\n        background: rgba(10, 10, 10, 0.8);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        border-radius: var(--cm-radius-sm, 10px);\r\n        color: var(--cm-white, #ffffff);\r\n        font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n        font-size: 1rem;\r\n        transition: var(--cm-transition, all 0.3s ease);\r\n        outline: none;\r\n    }\r\n\r\n    .cm-ia-form-box input:focus,\r\n    .cm-ia-form-box select:focus,\r\n    .cm-ia-form-box textarea:focus {\r\n        border-color: var(--cm-primary, #2cd5c4);\r\n        box-shadow: 0 0 0 3px rgba(44, 213, 196, 0.08);\r\n    }\r\n\r\n    .cm-ia-form-box input::placeholder,\r\n    .cm-ia-form-box textarea::placeholder {\r\n        color: rgba(160, 160, 160, 0.5);\r\n    }\r\n\r\n    .cm-ia-form-box textarea {\r\n        min-height: 110px;\r\n        resize: vertical;\r\n    }\r\n\r\n    .cm-ia-form-box select {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        cursor: pointer;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232cd5c4' d='M6 8L0 0h12z'\/%3E%3C\/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 16px center;\r\n        padding-right: 40px;\r\n    }\r\n\r\n    .cm-ia-form-submit {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        width: 100%;\r\n        padding: 18px 36px;\r\n        margin-top: 8px;\r\n        background: var(--cm-primary, #2cd5c4);\r\n        color: #0a0a0a;\r\n        font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        border-radius: 50px;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 24px rgba(44, 213, 196, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .cm-ia-form-submit::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n        transition: left 0.5s ease;\r\n    }\r\n\r\n    .cm-ia-form-submit:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .cm-ia-form-submit:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 32px rgba(44, 213, 196, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25);\r\n    }\r\n\r\n    .cm-ia-form-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .cm-ia-form-note {\r\n        margin-top: 18px;\r\n        text-align: center;\r\n        font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n        font-size: 0.85rem;\r\n        color: var(--cm-gray, #a0a0a0);\r\n    }\r\n\r\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n    @media (max-width: 768px) {\r\n        .cm-ia-form-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cm-ia-form-box {\r\n            padding: 28px 20px;\r\n        }\r\n\r\n        .cm-ia-form-submit {\r\n            padding: 16px 28px;\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"cm-form\" class=\"cm-section cm-ia-form\">\r\n    <div class=\"cm-ia-form-inner\">\r\n        <h2 class=\"cm-ia-section-title\">Solicita tu AI & Cyber Blueprint 360<\/h2>\r\n        <div class=\"cm-ia-section-divider\"><\/div>\r\n\r\n        <div class=\"cm-ia-form-box\">\r\n            <form id=\"cm-contact-form\" novalidate>\r\n                <!-- Nombre completo -->\r\n                <div class=\"cm-ia-form-group\">\r\n                    <label for=\"cm-name\">Nombre completo *<\/label>\r\n                    <input id=\"cm-name\" name=\"name\" type=\"text\" required \/>\r\n                <\/div>\r\n\r\n                <div class=\"cm-ia-form-row\">\r\n                    <!-- Empresa -->\r\n                    <div class=\"cm-ia-form-group\">\r\n                        <label for=\"cm-company\">Razon Social de la Empresa *<\/label>\r\n                        <input id=\"cm-company\" name=\"company\" type=\"text\" required \/>\r\n                    <\/div>\r\n\r\n                    <!-- RUC -->\r\n                    <div class=\"cm-ia-form-group\">\r\n                        <label for=\"cm-ruc\">RUC \/ ID Fiscal *<\/label>\r\n                        <input id=\"cm-ruc\" name=\"ruc\" type=\"text\" required \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cm-ia-form-row\">\r\n                    <!-- Cargo -->\r\n                    <div>\r\n                        <div class=\"cm-ia-form-group\">\r\n                            <label for=\"cm-position\">Cargo *<\/label>\r\n                            <select id=\"cm-position\" name=\"position\" 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                        <\/div>\r\n                        <div class=\"cm-ia-form-group\" id=\"cm-position-otro-group\" style=\"display: none;\">\r\n                            <input id=\"cm-position-otro\" name=\"position_otro\" type=\"text\" placeholder=\"Especifica tu cargo\" \/>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Rubro -->\r\n                    <div>\r\n                        <div class=\"cm-ia-form-group\">\r\n                            <label for=\"cm-rubro\">Rubro de la empresa *<\/label>\r\n                            <select id=\"cm-rubro\" name=\"rubro\" 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                        <\/div>\r\n                        <div class=\"cm-ia-form-group\" id=\"cm-rubro-otro-group\" style=\"display: none;\">\r\n                            <input id=\"cm-rubro-otro\" name=\"rubro_otro\" type=\"text\" placeholder=\"Especifica el rubro\" \/>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Facturaci\u00f3n aproximada -->\r\n                <div class=\"cm-ia-form-group\">\r\n                    <label for=\"cm-revenue\">Facturaci\u00f3n anual aproximada *<\/label>\r\n                    <select id=\"cm-revenue\" name=\"revenue\" 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-ia-form-row\">\r\n                    <!-- Email corporativo -->\r\n                    <div class=\"cm-ia-form-group\">\r\n                        <label for=\"cm-email\">Email corporativo *<\/label>\r\n                        <input id=\"cm-email\" name=\"email\" type=\"email\" required \/>\r\n                    <\/div>\r\n\r\n                    <!-- Tel\u00e9fono -->\r\n                    <div class=\"cm-ia-form-group\">\r\n                        <label for=\"cm-phone\">Tel\u00e9fono \/ WhatsApp *<\/label>\r\n                        <input id=\"cm-phone\" name=\"phone\" type=\"tel\" required \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Mensaje -->\r\n                <div class=\"cm-ia-form-group\">\r\n                    <label for=\"cm-message\">\u00bfQu\u00e9 deseas mejorar con IA? *<\/label>\r\n                    <select id=\"cm-message\" name=\"message\" 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                <\/div>\r\n                <div class=\"cm-ia-form-group\" id=\"cm-message-otro-group\" style=\"display: none;\">\r\n                    <textarea id=\"cm-message-otro\" name=\"message_otro\" placeholder=\"Cu\u00e9ntanos brevemente el mayor reto actual de tu empresa...\"><\/textarea>\r\n                <\/div>\r\n\r\n                <!-- Hidden UTM -->\r\n                <input id=\"utm_source\" name=\"utm_source\" type=\"hidden\" value=\"\" \/>\r\n\r\n                <button class=\"cm-ia-form-submit\" type=\"submit\">Quiero que me contacten<\/button>\r\n            <\/form>\r\n            <p class=\"cm-ia-form-note\">Limitado a 3 empresas por mes. Te responderemos en 24h.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function () {\r\n        \/* \u26a0\ufe0f PERSONALIZAR ESTA L\u00cdNEA \u26a0\ufe0f *\/\r\n        var WEBHOOK_URL = 'https:\/\/TU-WEBHOOK-N8N-AQUI';   \/\/ <-- pega aqu\u00ed la URL del webhook de n8n\r\n\r\n        var form = document.getElementById('cm-contact-form');\r\n        if (!form) { return; }\r\n\r\n        function handleOtro(selectId, groupId, inputId) {\r\n            var selectEl = document.getElementById(selectId);\r\n            var groupEl = document.getElementById(groupId);\r\n            var inputEl = document.getElementById(inputId);\r\n            \r\n            if (selectEl && groupEl && inputEl) {\r\n                selectEl.addEventListener('change', function () {\r\n                    if (this.value === 'Otros') {\r\n                        groupEl.style.display = 'block';\r\n                        inputEl.required = true;\r\n                    } else {\r\n                        groupEl.style.display = 'none';\r\n                        inputEl.required = false;\r\n                        inputEl.value = '';\r\n                    }\r\n                });\r\n            }\r\n        }\r\n\r\n        handleOtro('cm-position', 'cm-position-otro-group', 'cm-position-otro');\r\n        handleOtro('cm-rubro', 'cm-rubro-otro-group', 'cm-rubro-otro');\r\n        handleOtro('cm-message', 'cm-message-otro-group', 'cm-message-otro');\r\n\r\n        form.addEventListener('submit', async function (e) {\r\n            e.preventDefault();\r\n            \r\n            if (!form.checkValidity()) {\r\n                form.reportValidity();\r\n                return;\r\n            }\r\n            \r\n            var button = form.querySelector('.cm-ia-form-submit');\r\n            var originalText = button.textContent;\r\n            var fd = new FormData(form);\r\n\r\n            var data = {\r\n                name: fd.get('name'),\r\n                company: fd.get('company'),\r\n                ruc: fd.get('ruc'),\r\n                position: fd.get('position'),\r\n                position_otro: fd.get('position_otro'),\r\n                rubro: fd.get('rubro'),\r\n                rubro_otro: fd.get('rubro_otro'),\r\n                revenue: fd.get('revenue'),\r\n                email: fd.get('email'),\r\n                phone: fd.get('phone'),\r\n                message: fd.get('message'),\r\n                message_otro: fd.get('message_otro'),\r\n                utm_source: fd.get('utm_source') || (function () { try { return localStorage.getItem('cm_utm_source'); } catch (e) { return null; } })() || 'direct',\r\n                timestamp: new Date().toISOString(),\r\n                page_url: window.location.href\r\n            };\r\n\r\n            button.textContent = 'Enviando...';\r\n            button.disabled = true;\r\n            try {\r\n                var res = await fetch(WEBHOOK_URL, {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/json' },\r\n                    body: JSON.stringify(data)\r\n                });\r\n                if (!res.ok) { throw new Error('Error en el env\u00edo'); }\r\n\r\n                \/\/ Mostrar mensaje de \u00e9xito en lugar del formulario\r\n                var formBox = document.querySelector('.cm-ia-form-box');\r\n                formBox.innerHTML = `\r\n        <div style=\"text-align: center; padding: 40px 20px;\">\r\n          <div style=\"font-size: 3.5rem; margin-bottom: 24px; animation: cm-ia-fade-up 0.6s ease forwards;\">\u2728<\/div>\r\n          <h3 style=\"font-family: var(--cm-font-display, 'Syne', sans-serif); font-size: 1.6rem; color: var(--cm-primary, #2cd5c4); margin-bottom: 16px; font-weight: 700;\">\u00a1Muchas gracias por contactarnos!<\/h3>\r\n          <p style=\"font-family: var(--cm-font-body, 'DM Sans', sans-serif); color: var(--cm-gray-light, #cccccc); line-height: 1.7; font-size: 1.05rem;\">\r\n            Hemos registrado tus datos correctamente. Nuestro equipo analizar\u00e1 la informaci\u00f3n y te contactaremos muy pronto para agendar tu diagn\u00f3stico.\r\n          <\/p>\r\n        <\/div>\r\n      `;\r\n            } catch (err) {\r\n                console.error('Error:', err);\r\n                button.textContent = 'Error - Intenta de nuevo';\r\n                button.style.background = '#ff5252';\r\n                setTimeout(function () {\r\n                    button.textContent = originalText;\r\n                    button.style.background = '';\r\n                    button.disabled = false;\r\n                }, 3000);\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-a4b7d98 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"a4b7d98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAJ\u00d3N 09 \u2014 CTA FINAL + FOOTER\r\n     \u00daltimo empuj\u00f3n para los que llegaron al fondo sin convertir\r\n     ============================================================ -->\r\n\r\n<style>\r\n.cm-ia-cta-final {\r\n  padding: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n\r\n.cm-ia-cta-final::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -30%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 700px;\r\n  height: 700px;\r\n  background: radial-gradient(circle, rgba(44,213,196,0.06) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: cm-ia-cta-glow 10s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes cm-ia-cta-glow {\r\n  0% { opacity: 0.5; transform: translateX(-50%) scale(1); }\r\n  100% { opacity: 1; transform: translateX(-50%) scale(1.1); }\r\n}\r\n\r\n.cm-ia-cta-final-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  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cm-ia-cta-final-title {\r\n  font-family: var(--cm-font-display, 'Syne', sans-serif);\r\n  font-size: clamp(2rem, 4vw, 2.8rem);\r\n  font-weight: 800;\r\n  margin: 0 0 20px;\r\n  line-height: 1.2;\r\n  color: var(--cm-white, #ffffff);\r\n}\r\n\r\n.cm-ia-cta-final-title .cm-accent-word {\r\n  color: var(--cm-primary, #2cd5c4);\r\n}\r\n\r\n.cm-ia-cta-final-subtitle {\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.05rem;\r\n  color: var(--cm-gray, #a0a0a0);\r\n  margin: 0 auto 40px auto;\r\n  line-height: 1.7;\r\n  max-width: 600px;\r\n}\r\n\r\n.cm-ia-cta-final-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 20px 48px;\r\n  background: var(--cm-primary, #2cd5c4);\r\n  color: #0a0a0a;\r\n  font-family: var(--cm-font-body, 'DM Sans', sans-serif);\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  border-radius: 50px;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  text-decoration: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 24px rgba(44,213,196,0.18), inset 0 1px 0 rgba(255,255,255,0.2);\r\n}\r\n\r\n.cm-ia-cta-final-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n  transition: left 0.5s ease;\r\n}\r\n\r\n.cm-ia-cta-final-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.cm-ia-cta-final-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 32px rgba(44,213,196,0.28), inset 0 1px 0 rgba(255,255,255,0.25);\r\n}\r\n\r\n.cm-ia-cta-final-btn svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.cm-ia-cta-final-btn:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .cm-ia-cta-final-btn {\r\n    padding: 16px 36px;\r\n    font-size: 0.95rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"cm-ia-contacto\" class=\"cm-section cm-ia-cta-final\">\r\n  <div class=\"cm-ia-cta-final-inner\">\r\n    <h2 class=\"cm-ia-cta-final-title\">\r\n      No dejes pasar la <span class=\"cm-accent-word\">oportunidad<\/span>\r\n    <\/h2>\r\n    <p class=\"cm-ia-cta-final-subtitle\">\r\n      Cada mes solo trabajamos con 3 empresas. Completa el formulario arriba y nuestro equipo te contactar\u00e1 en menos de 24 horas para agendar tu diagn\u00f3stico.\r\n    <\/p>\r\n    <a href=\"#cm-form\" class=\"cm-ia-cta-final-btn\">\r\n      Ir al Formulario\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M12 19V5M5 12l7-7 7 7\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5525d5d2 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"5525d5d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p><style>\n\/* ============================================================\n   00-A \u2014 CSS GLOBAL \u2014 Corporativo Matheus SAC\n   PEGAR EN: Apariencia \u2192 Personalizar \u2192 CSS adicional\n   Aplica a TODO el sitio (Header, Footer, Home, etc.)\n   ============================================================ *\/\n\n\/* \u2500\u2500 RESET & BASE \u2500\u2500 *\/\nhtml, body {\n  background-color: #0a0a0a !important;\n  overflow-x: hidden;\n}\n\n.elementor-page,\n.page-template-default,\nbody.elementor-default {\n  background-color: #0a0a0a !important;\n}\n\n.elementor .elementor-section,\n.elementor .elementor-container,\n.elementor .e-con,\n.elementor .e-con-inner {\n  background-color: transparent !important;\n}\n\n\/* \u2500\u2500 VARIABLES GLOBALES \u2500\u2500 *\/\n:root {\n  --cm-primary: #2cd5c4;\n  --cm-primary-dark: #1fb8a9;\n  --cm-primary-glow: rgba(44, 213, 196, 0.3);\n  --cm-primary-subtle: rgba(44, 213, 196, 0.08);\n  --cm-black: #000000;\n  --cm-dark: #0a0a0a;\n  --cm-dark-card: #111111;\n  --cm-dark-card-hover: #181818;\n  --cm-dark-border: rgba(255,255,255,0.06);\n  --cm-white: #ffffff;\n  --cm-gray: #a0a0a0;\n  --cm-gray-light: #cccccc;\n  --cm-font-display: 'Syne', sans-serif;\n  --cm-font-body: 'DM Sans', sans-serif;\n  --cm-radius: 16px;\n  --cm-radius-sm: 10px;\n  --cm-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  --cm-max-width: 1200px;\n  --cm-section-padding: 100px 24px;\n  --cm-section-padding-mobile: 60px 16px;\n}\n\n\/* \u2500\u2500 TIPOGRAF\u00cdA BASE \u2500\u2500 *\/\n.cm-section * {\n  box-sizing: border-box;\n}\n\n.cm-section {\n  position: relative;\n  z-index: 2;\n  font-family: var(--cm-font-body);\n  color: var(--cm-white);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.cm-container {\n  max-width: var(--cm-max-width);\n  margin: 0 auto;\n  padding: var(--cm-section-padding);\n}\n\n\/* \u2500\u2500 HEADLINES GLOBALES \u2500\u2500 *\/\n.cm-headline {\n  font-family: var(--cm-font-display);\n  font-weight: 700;\n  line-height: 1.1;\n  color: var(--cm-white);\n}\n\n.cm-headline-lg { font-size: clamp(2.2rem, 5vw, 3.8rem); }\n.cm-headline-md { font-size: clamp(1.8rem, 3.5vw, 2.8rem); }\n.cm-headline-sm { font-size: clamp(1.3rem, 2.5vw, 1.8rem); }\n\n.cm-text {\n  font-family: var(--cm-font-body);\n  font-size: clamp(1rem, 1.2vw, 1.15rem);\n  line-height: 1.7;\n  color: var(--cm-gray);\n}\n\n.cm-accent { color: var(--cm-primary); }\n\n\/* \u2500\u2500 UTILIDAD: ETIQUETAS \u2500\u2500 *\/\n.cm-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: var(--cm-font-display);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--cm-primary);\n  margin-bottom: 20px;\n}\n\n.cm-label::before {\n  content: '';\n  width: 24px;\n  height: 1px;\n  background: var(--cm-primary);\n}\n\n\/* \u2500\u2500 UTILIDAD: DIVISOR \u2500\u2500 *\/\n.cm-divider {\n  width: 60px;\n  height: 3px;\n  background: linear-gradient(90deg, var(--cm-primary), transparent);\n  border-radius: 2px;\n  margin: 24px 0;\n}\n\n\/* \u2500\u2500 BOTONES GLOBALES \u2500\u2500 *\/\n.cm-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 36px;\n  border-radius: 60px;\n  font-family: var(--cm-font-display);\n  font-weight: 600;\n  font-size: 15px;\n  letter-spacing: 0.02em;\n  text-decoration: none;\n  cursor: pointer;\n  border: none;\n  transition: var(--cm-transition);\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-btn-primary {\n  background: var(--cm-primary);\n  color: var(--cm-dark);\n  box-shadow: 0 0 30px var(--cm-primary-glow), 0 4px 15px rgba(0,0,0,0.3);\n}\n\n.cm-btn-primary:hover {\n  background: #3ee0d0;\n  transform: translateY(-2px);\n  box-shadow: 0 0 50px var(--cm-primary-glow), 0 8px 25px rgba(0,0,0,0.4);\n}\n\n.cm-btn-secondary {\n  background: transparent;\n  color: var(--cm-white);\n  border: 1px solid rgba(255,255,255,0.2);\n  backdrop-filter: blur(4px);\n}\n\n.cm-btn-secondary:hover {\n  border-color: var(--cm-primary);\n  color: var(--cm-primary);\n  background: var(--cm-primary-subtle);\n}\n\n.cm-btn-ghost {\n  background: rgba(255,255,255,0.05);\n  color: var(--cm-primary);\n  border: 1px solid rgba(44,213,196,0.2);\n}\n\n.cm-btn-ghost:hover {\n  background: var(--cm-primary);\n  color: var(--cm-dark);\n  border-color: var(--cm-primary);\n}\n\n\/* \u2500\u2500 PARTICLES & GRADIENT OVERLAY \u2500\u2500 *\/\n#cm-particles-bg {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  pointer-events: none;\n}\n\n#cm-gradient-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  pointer-events: none;\n  background:\n    radial-gradient(ellipse at 20% 0%, rgba(44,213,196,0.06) 0%, transparent 50%),\n    radial-gradient(ellipse at 80% 100%, rgba(44,213,196,0.04) 0%, transparent 50%),\n    linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,0.3) 50%, rgba(10,10,10,0) 100%);\n}\n\n.elementor-widget-html {\n  position: relative;\n  z-index: 2;\n}\n\n\/* \u2500\u2500 ANIMACIONES DE ENTRADA \u2500\u2500 *\/\n.cm-fade-up {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.cm-fade-up.cm-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* \u2500\u2500 RESPONSIVE GLOBAL \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .cm-container {\n    padding: var(--cm-section-padding-mobile);\n  }\n  .cm-btn {\n    padding: 14px 28px;\n    font-size: 14px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n<\/style><\/p>\n<!-- ============================================================\n     CAJ\u00d3N 00-B \u2014 PARTICLES.JS + GOOGLE FONTS   (SIEMPRE PRIMERO)\n     Fondo animado + carga de fuentes + scroll reveal + captura UTM\n     Usa los IDs\/clases del CSS global: #cm-particles-bg,\n     #cm-gradient-overlay, .cm-fade-up \/ .cm-visible\n     ============================================================ --><!-- Google Fonts: Syne (display) + DM Sans (body) --><!-- Capa 2 (part\u00edculas) + Capa 3 (gradiente). Ya est\u00e1n estilados en el CSS global. -->\n<div id=\"cm-particles-bg\">\u00a0<\/div>\n<div id=\"cm-gradient-overlay\">\u00a0<\/div>\n<p><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/particles.js@2.0.0\/particles.min.js\"><\/script> <script>\n(function () {\n  \/* \u2500\u2500 1. PART\u00cdCULAS \u2500\u2500 *\/\n  function initParticles() {\n    if (typeof particlesJS === 'undefined') { return setTimeout(initParticles, 150); }\n    particlesJS('cm-particles-bg', {\n      particles: {\n        number:  { value: 60, density: { enable: true, value_area: 800 } },\n        color:   { value: '#2cd5c4' },\n        shape:   { type: 'circle' },\n        opacity: { value: 0.2, random: true, anim: { enable: true, speed: 0.5, opacity_min: 0.05, sync: false } },\n        size:    { value: 2.5, random: true, anim: { enable: false } },\n        line_linked: { enable: true, distance: 160, color: '#2cd5c4', opacity: 0.12, width: 1 },\n        move:    { enable: true, speed: 0.6, direction: 'none', random: true, straight: false, out_mode: 'out', bounce: false }\n      },\n      interactivity: {\n        detect_on: 'canvas',\n        events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: false }, resize: true },\n        modes:  { grab: { distance: 140, line_linked: { opacity: 0.3 } } }\n      },\n      retina_detect: true\n    });\n  }\n  initParticles();\n\n  \/* \u2500\u2500 2. SCROLL REVEAL \u2192 a\u00f1ade .cm-visible a los .cm-fade-up \u2500\u2500 *\/\n  function initReveal() {\n    var els = document.querySelectorAll('.cm-fade-up');\n    if (!('IntersectionObserver' in window)) {\n      els.forEach(function (el) { el.classList.add('cm-visible'); });\n      return;\n    }\n    var obs = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('cm-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    els.forEach(function (el) { obs.observe(el); });\n  }\n\n  \/* \u2500\u2500 3. CAPTURA UTM SOURCE \u2192 rellena los campos hidden #utm_source \u2500\u2500 *\/\n  function captureUTM() {\n    var utm = new URLSearchParams(window.location.search).get('utm_source') || 'direct';\n    try { localStorage.setItem('cm_utm_source', utm); } catch (e) {}\n    document.querySelectorAll('#utm_source').forEach(function (f) { f.value = utm; });\n  }\n\n  if (document.readyState !== 'loading') { initReveal(); captureUTM(); }\n  else {\n    document.addEventListener('DOMContentLoaded', function () { initReveal(); captureUTM(); });\n  }\n})();\n<\/script><\/p>\n<!-- ============================================================\n     CAJ\u00d3N 01 \u2014 HERO\n     Above the fold: promesa + subt\u00edtulo + CTA al formulario\n     ============================================================ -->\n<p><style>\n.cm-lp-hero {\n  min-height: 90vh;\n  display: flex;\n  align-items: center;\n  text-align: center;\n}\n.cm-lp-hero .cm-container { max-width: 880px; }\n\n.cm-lp-hero__tag {\n  display: inline-block;\n  font-family: var(--cm-font-display);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--cm-primary);\n  background: var(--cm-primary-subtle);\n  border: 1px solid rgba(44,213,196,0.25);\n  padding: 8px 18px;\n  border-radius: 60px;\n  margin-bottom: 28px;\n}\n.cm-lp-hero h1 { margin: 0 auto 28px; max-width: 16ch; }\n.cm-lp-hero__sub {\n  max-width: 620px;\n  margin: 0 auto 40px;\n  color: var(--cm-gray-light);\n}\n@media (max-width: 768px) {\n  .cm-lp-hero { min-height: 80vh; }\n}\n<\/style><\/p>\n<section class=\"cm-section cm-lp-hero\">\n<div class=\"cm-container\"><span class=\"cm-lp-hero__tag cm-fade-up\">Para compa\u00f1\u00edas que facturan +1M$\/a\u00f1o<\/span>\n<h1 class=\"cm-headline cm-headline-lg cm-fade-up\">Escala y blinda tu empresa con <span class=\"cm-accent\">IA y Ciberseguridad<\/span> en 15 d\u00edas o menos<\/h1>\n<p class=\"cm-text cm-lp-hero__sub cm-fade-up\">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.<\/p>\n<a class=\"cm-btn cm-btn-primary cm-fade-up\" href=\"#cm-form\">Solicitar An\u00e1lisis Personalizado<\/a><br \/><br \/>\ud83d\udd5e Limitado a <strong>3 empresas <\/strong>por mes<\/div>\n<\/section>\n<!-- ============================================================\n     CAJ\u00d3N 02 \u2014 BENEFICIOS CLAVE\n     4 tarjetas de beneficio + aviso de descuento\n     ============================================================ -->\n<p><style>\n.cm-lp-benefits { text-align: center; }\n.cm-lp-benefits .cm-label { justify-content: center; }\n.cm-lp-benefits .cm-divider { margin-left: auto; margin-right: auto; }\n\n.cm-lp-benefits__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n.cm-lp-benefit {\n  background: rgba(17,17,17,0.6);\n  border: 1px solid var(--cm-dark-border);\n  border-radius: var(--cm-radius);\n  padding: 32px 24px;\n  text-align: left;\n  transition: var(--cm-transition);\n}\n.cm-lp-benefit:hover {\n  background: var(--cm-dark-card-hover);\n  border-color: rgba(44,213,196,0.3);\n  transform: translateY(-4px);\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n}\n.cm-lp-benefit__icon { font-size: 34px; margin-bottom: 16px; }\n.cm-lp-benefit__text { font-size: 0.98rem; line-height: 1.6; color: var(--cm-gray-light); }\n\n.cm-lp-benefits__notice {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 48px;\n  padding: 18px 28px;\n  border-radius: 60px;\n  background: var(--cm-primary-subtle);\n  border: 1px solid rgba(44,213,196,0.25);\n  font-family: var(--cm-font-display);\n  font-weight: 600;\n  color: var(--cm-white);\n  font-size: 0.95rem;\n}\n.cm-lp-benefits__notice b { color: var(--cm-primary); }\n\n@media (max-width: 992px) { .cm-lp-benefits__grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 560px) { .cm-lp-benefits__grid { grid-template-columns: 1fr; } }\n<\/style><\/p>\n<section class=\"cm-section cm-lp-benefits\">\n<div class=\"cm-container\">\n<h2 class=\"cm-headline cm-headline-md cm-fade-up\">Beneficios Clave<\/h2>\n<div class=\"cm-divider cm-fade-up\">\u00a0<\/div>\n<div class=\"cm-lp-benefits__grid\">\n<div class=\"cm-lp-benefit cm-fade-up\">\n<div class=\"cm-lp-benefit__icon\">\ud83d\ude80<\/div>\n<p class=\"cm-lp-benefit__text\">Escala sin fricci\u00f3n: identificamos \u00e1reas donde la IA puede reducir costes operativos, <strong>automatizar procesos repetitivos<\/strong> y liberar recursos clave para el crecimiento de tu negocio.<\/p>\n<\/div>\n<div class=\"cm-lp-benefit cm-fade-up\">\n<div class=\"cm-lp-benefit__icon\">\ud83d\udd12<\/div>\n<p class=\"cm-lp-benefit__text\">Mitiga riesgos operativos: detectamos <strong>brechas de Seguridad<\/strong> que podr\u00edan comprometer tu negocio.<\/p>\n<\/div>\n<div class=\"cm-lp-benefit cm-fade-up\">\n<div class=\"cm-lp-benefit__icon\">\ud83e\udde0<\/div>\n<p class=\"cm-lp-benefit__text\">Toma decisiones informadas: recibe un roadmap visual y tecnico accionable, dise\u00f1ado por ingenieros y estrategas IA. No por consultores gen\u00e9ricos.<\/p>\n<\/div>\n<div class=\"cm-lp-benefit cm-fade-up\">\n<div class=\"cm-lp-benefit__icon\">\u26a1<\/div>\n<p class=\"cm-lp-benefit__text\">Resultados en 2 semanas, sin interrumpir tu operativa actual.<\/p>\n<\/div>\n<\/div>\n<div class=\"cm-lp-benefits__notice cm-fade-up\">\u2713<b>100% del coste se descuenta<\/b> si contratas Alpha AI Orchestration\u2122 tras el diagn\u00f3stico.<\/div>\n<\/div>\n<\/section>\n<!-- ============================================================\n     CAJ\u00d3N 03 \u2014 INCLUIDO  (\u00bfQu\u00e9 obtienes con el AI & Cyber 360\u2122?)\n     Lista de entregables + bloques de duraci\u00f3n \/ inversi\u00f3n\n     ============================================================ -->\n<p><style>\n.cm-lp-included { text-align: center; }\n.cm-lp-included .cm-label { justify-content: center; }\n.cm-lp-included .cm-divider { margin-left: auto; margin-right: auto; }\n\n.cm-lp-included__list {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  margin: 48px 0;\n  text-align: left;\n}\n.cm-lp-included__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 18px 22px;\n  background: rgba(17,17,17,0.6);\n  border: 1px solid var(--cm-dark-border);\n  border-radius: var(--cm-radius-sm);\n  transition: var(--cm-transition);\n}\n.cm-lp-included__item:hover { border-color: rgba(44,213,196,0.3); }\n.cm-lp-included__check {\n  flex-shrink: 0;\n  width: 24px; height: 24px;\n  display: grid; place-items: center;\n  border-radius: 50%;\n  background: var(--cm-primary-subtle);\n  color: var(--cm-primary);\n  font-size: 13px; font-weight: 700;\n}\n.cm-lp-included__item span:last-child { color: var(--cm-gray-light); font-size: 0.98rem; line-height: 1.5; }\n\n.cm-lp-included__pricing {\n  display: flex;\n  justify-content: center;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n.cm-lp-pricing-block {\n  min-width: 220px;\n  padding: 28px 36px;\n  background: rgba(17,17,17,0.6);\n  border: 1px solid var(--cm-dark-border);\n  border-radius: var(--cm-radius);\n}\n.cm-lp-pricing-block__label { font-size: 0.85rem; color: var(--cm-gray); letter-spacing: 0.05em; }\n.cm-lp-pricing-block__value {\n  font-family: var(--cm-font-display);\n  font-weight: 700;\n  font-size: 2rem;\n  color: var(--cm-primary);\n  margin: 6px 0;\n}\n\n@media (max-width: 768px) { .cm-lp-included__list { grid-template-columns: 1fr; } }\n<\/style><\/p>\n<section class=\"cm-section cm-lp-included\">\n<div class=\"cm-container\">\n<h2 class=\"cm-headline cm-headline-md cm-fade-up\">\u00bfQu\u00e9 obtienes con el AI &amp; Cyber Blueprint 360\u2122?<\/h2>\n<div class=\"cm-divider cm-fade-up\">\u00a0<\/div>\n<div class=\"cm-lp-included__list\">\n<div class=\"cm-lp-included__item cm-fade-up\"><span class=\"cm-lp-included__check\">\u2713<\/span>Auditor\u00eda de procesos clave y herramientas actuales<br \/><br \/><span class=\"cm-lp-included__check\">\u2713<\/span>An\u00e1lisis de oportunidades para integrar IA en los procesos de tu negocio<\/div>\n<div class=\"cm-lp-included__item cm-fade-up\"><span class=\"cm-lp-included__check\">\u2713<\/span>Evaluaci\u00f3n de ciberseguridad completa<\/div>\n<div class=\"cm-lp-included__item cm-fade-up\"><span class=\"cm-lp-included__check\">\u2713<\/span>Roadmap visual y t\u00e9cnico personalizado<\/div>\n<div class=\"cm-lp-included__item cm-fade-up\"><span class=\"cm-lp-included__check\">\u2713<\/span>Reuni\u00f3n 1:1 con el CTO de Corporativo Matheus<\/div>\n<div class=\"cm-lp-included__item cm-fade-up\"><span class=\"cm-lp-included__check\">\u2713<\/span>Informe t\u00e9cnico detallado con pasos siguientes<\/div>\n<\/div>\n<div class=\"cm-lp-included__pricing\">\n<div class=\"cm-lp-pricing-block cm-fade-up\">\n<p class=\"cm-lp-pricing-block__label\">Duraci\u00f3n<\/p>\n<p class=\"cm-lp-pricing-block__value\">10\u201315 d\u00edas<\/p>\n<\/div>\n<div class=\"cm-lp-pricing-block cm-fade-up\">\n<p class=\"cm-lp-pricing-block__label\">Inversi\u00f3n<\/p>\n<p class=\"cm-lp-pricing-block__value\">&gt;2.500$ (USD)<\/p>\n<p class=\"cm-lp-pricing-block__label\">(ajustable seg\u00fan complejidad y alcance)<br \/><br \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ============================================================\n     CAJ\u00d3N 04 \u2014 FILTRO DE CLIENTE  (\u00bfEs para ti?)\n     Criterios S\u00cd (encaja) \/ NO (no recomendado)\n     ============================================================ -->\n<p style=\"text-align: center;\"><a class=\"cm-btn-primary\" href=\"https:\/\/www.corporativomatheus.com\/ai-cyber-blueprint-360-2\/#formulario\">Quiero mi Blueprint personalizado<\/a><\/p>\n<p><style>\n.cm-lp-filter { text-align: center; }\n.cm-lp-filter .cm-label { justify-content: center; }\n.cm-lp-filter .cm-divider { margin-left: auto; margin-right: auto; }\n\n.cm-lp-filter__grid {\n  display: grid;\n  gap: 16px;\n  max-width: 820px;\n  margin: 48px auto 0;\n  text-align: left;\n}\n.cm-lp-filter__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 20px 24px;\n  border-radius: var(--cm-radius-sm);\n  background: rgba(17,17,17,0.6);\n  border: 1px solid var(--cm-dark-border);\n  border-left: 3px solid var(--cm-primary);\n}\n.cm-lp-filter__item.is-no { border-left-color: #ff5252; }\n.cm-lp-filter__mark {\n  flex-shrink: 0;\n  width: 26px; height: 26px;\n  display: grid; place-items: center;\n  border-radius: 50%;\n  font-size: 14px; font-weight: 700;\n}\n.cm-lp-filter__item .cm-lp-filter__mark { background: var(--cm-primary-subtle); color: var(--cm-primary); }\n.cm-lp-filter__item.is-no .cm-lp-filter__mark { background: rgba(255,82,82,0.12); color: #ff5252; }\n.cm-lp-filter__item span:last-child { color: var(--cm-gray-light); line-height: 1.5; }\n<\/style><\/p>\n<section class=\"cm-section cm-lp-filter\">\n<div class=\"cm-container\">\n<h2 class=\"cm-headline cm-headline-md cm-fade-up\">\u00bfEs para ti?<\/h2>\n<div class=\"cm-divider cm-fade-up\">\u00a0<\/div>\n<div class=\"cm-lp-filter__grid\">\n<div class=\"cm-lp-filter__item cm-fade-up\"><span class=\"cm-lp-filter__mark\">\u2713<\/span>CEOs, CTOs o directores de innovaci\u00f3n en empresas 1M\u20ac\u201310M\u20ac+<\/div>\n<div class=\"cm-lp-filter__item cm-fade-up\"><span class=\"cm-lp-filter__mark\">\u2713<\/span>Equipos con dependencia operativa alta o procesos no escalables<\/div>\n<div class=\"cm-lp-filter__item cm-fade-up\"><span class=\"cm-lp-filter__mark\">\u2713<\/span>Empresas con propiedad intelectual, datos sensibles o visi\u00f3n de crecimiento internacional<\/div>\n<div class=\"cm-lp-filter__item cm-fade-up\"><span class=\"cm-lp-filter__mark\">\u2713<\/span>CEOs y CTOs que quieren claridad y acci\u00f3n antes de implementar IA<\/div>\n<div class=\"cm-lp-filter__item is-no cm-fade-up\"><span class=\"cm-lp-filter__mark\">\u2717<\/span>No recomendado para negocios sin urgencia operativa ni recursos asignados<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ============================================================\n     CAJ\u00d3N 05 \u2014 TESTIMONIOS  (Lo que dicen nuestros clientes)\n     3 tarjetas de prueba social\n     NOTA: textos y nombres reales del origen. Si no tienes derecho\n     a usarlos para Corporativo Matheus, reempl\u00e1zalos.\n     ============================================================ -->\n<p><style>\n.cm-lp-tst { text-align: center; }\n.cm-lp-tst .cm-label { justify-content: center; }\n.cm-lp-tst .cm-divider { margin-left: auto; margin-right: auto; }\n\n.cm-lp-tst__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n  text-align: left;\n}\n.cm-lp-tst__card {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  padding: 32px;\n  background: rgba(17,17,17,0.6);\n  border: 1px solid var(--cm-dark-border);\n  border-radius: var(--cm-radius);\n  transition: var(--cm-transition);\n}\n.cm-lp-tst__card:hover { border-color: rgba(44,213,196,0.3); transform: translateY(-4px); }\n.cm-lp-tst__quote { font-size: 0.98rem; line-height: 1.65; color: var(--cm-gray-light); }\n.cm-lp-tst__quote::before { content: '\u201c'; color: var(--cm-primary); font-size: 2.4rem; font-family: var(--cm-font-display); line-height: 0; vertical-align: -0.4em; margin-right: 4px; }\n.cm-lp-tst__person { display: flex; align-items: center; gap: 14px; margin-top: auto; }\n.cm-lp-tst__avatar {\n  width: 46px; height: 46px; border-radius: 50%;\n  display: grid; place-items: center;\n  background: var(--cm-primary-subtle);\n  color: var(--cm-primary);\n  font-family: var(--cm-font-display); font-weight: 700; font-size: 1rem;\n  border: 1px solid rgba(44,213,196,0.25);\n}\n.cm-lp-tst__name { font-family: var(--cm-font-display); font-weight: 700; color: var(--cm-white); font-size: 1rem; }\n.cm-lp-tst__role { font-size: 0.85rem; color: var(--cm-gray); }\n\n@media (max-width: 992px) { .cm-lp-tst__grid { grid-template-columns: 1fr; max-width: 560px; margin-left: auto; margin-right: auto; } }\n<\/style><\/p>\n<section class=\"cm-section cm-lp-tst\">\n<div class=\"cm-container\">\n<h2 class=\"cm-headline cm-headline-md cm-fade-up\">Lo que dicen nuestros clientes<\/h2>\n<div class=\"cm-divider cm-fade-up\">\u00a0<\/div>\n<div class=\"cm-lp-tst__grid\">\n<div class=\"cm-lp-tst__card cm-fade-up\">\n<p class=\"cm-lp-tst__quote\">En solo dos semanas ten\u00edamos\u00a0<strong>claridad total sobre qu\u00e9 hacer con IA<\/strong>\u00a0en nuestra operaci\u00f3n. El roadmap fue accionable desde el primer d\u00eda. 100% recomendado si buscas integraci\u00f3n de IA real y garantizando la seguridad de tus datos.<\/p>\n<\/div>\n<div class=\"cm-lp-tst__avatar\">RM<\/div>\n<div class=\"cm-lp-tst__card cm-fade-up\">\n<div class=\"cm-lp-tst__person\">\n<div>\n<div class=\"cm-lp-tst__name\">Ricardo Mercan<\/div>\n<div class=\"cm-lp-tst__role\">CEO, Empresa Tecnol\u00f3gica<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"cm-lp-tst__card cm-fade-up\">\n<p class=\"cm-lp-tst__quote\">Identificaron vulnerabilidades cr\u00edticas que otros consultores pasaron por alto. Su enfoque t\u00e9cnico es excepcional.<\/p>\n<div class=\"cm-lp-tst__person\">\n<div class=\"cm-lp-tst__avatar\">AP<\/div>\n<div>\n<div class=\"cm-lp-tst__name\">Andra Paredes<\/div>\n<div class=\"cm-lp-tst__role\">CTO, Industria Log\u00edstica<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"cm-lp-tst__card cm-fade-up\">\n<p class=\"cm-lp-tst__quote\">El roadmap de IA que nos proporcionaron fue clave para cerrar nuestra ronda de inversi\u00f3n. ROI inmediato.<\/p>\n<div class=\"cm-lp-tst__person\">\n<div class=\"cm-lp-tst__avatar\">AP<\/div>\n<div>\n<div class=\"cm-lp-tst__name\">Ana Mari Padilla<\/div>\n<div class=\"cm-lp-tst__role\">Founder, Herbalay<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ============================================================\n     CAJ\u00d3N 06 \u2014 FORMULARIO  (Solicita tu AI & Cyber 360\u2122)\n     Captura de lead. Env\u00eda por fetch a un webhook (n8n).\n     \u26a0\ufe0f REEMPLAZAR la constante WEBHOOK_URL y GRACIAS_URL abajo.\n     ============================================================ -->\n<p><style>\n.cm-lp-form { text-align: center; }\n.cm-lp-form .cm-label { justify-content: center; }\n.cm-lp-form .cm-divider { margin-left: auto; margin-right: auto; }\n\n.cm-lp-form__box {\n  max-width: 640px;\n  margin: 48px auto 0;\n  padding: 40px;\n  background: rgba(17,17,17,0.7);\n  border: 1px solid var(--cm-dark-border);\n  border-radius: var(--cm-radius);\n  text-align: left;\n}\n.cm-lp-form__group { margin-bottom: 20px; }\n.cm-lp-form__group label {\n  display: block;\n  font-size: 0.85rem;\n  font-weight: 500;\n  color: var(--cm-gray-light);\n  margin-bottom: 8px;\n  font-family: var(--cm-font-body);\n}\n.cm-lp-form__box input,\n.cm-lp-form__box select,\n.cm-lp-form__box textarea {\n  width: 100%;\n  padding: 14px 16px;\n  background: var(--cm-dark);\n  border: 1px solid var(--cm-dark-border);\n  border-radius: var(--cm-radius-sm);\n  color: var(--cm-white);\n  font-family: var(--cm-font-body);\n  font-size: 1rem;\n  transition: var(--cm-transition);\n}\n.cm-lp-form__box input:focus,\n.cm-lp-form__box select:focus,\n.cm-lp-form__box textarea:focus {\n  outline: none;\n  border-color: var(--cm-primary);\n  box-shadow: 0 0 0 3px var(--cm-primary-subtle);\n}\n.cm-lp-form__box textarea { min-height: 110px; resize: vertical; }\n.cm-lp-form__box select { appearance: none; cursor: pointer; }\n.cm-lp-form__box .cm-btn-primary { width: 100%; margin-top: 8px; }\n.cm-lp-form__note { margin-top: 18px; text-align: center; font-size: 0.85rem; color: var(--cm-gray); }\n<\/style><\/p>\n<section id=\"cm-form\" class=\"cm-section cm-lp-form\">\n<div class=\"cm-container\">\n<h2 class=\"cm-headline cm-headline-md cm-fade-up\">Solicita tu AI &amp; Cyber Blueprint 360\u2122<\/h2>\n<div class=\"cm-divider cm-fade-up\">\u00a0<\/div>\n<div class=\"cm-lp-form__box cm-fade-up\" style=\"text-align: left;\"><form id=\"cm-contact-form\" novalidate=\"\">\n<div class=\"cm-lp-form__group\"><label for=\"cm-name\">Nombre completo *<\/label> <input id=\"cm-name\" name=\"name\" required=\"\" type=\"text\" \/><\/div>\n<div class=\"cm-lp-form__group\"><label for=\"cm-company\">Empresa *<\/label> <input id=\"cm-company\" name=\"company\" required=\"\" type=\"text\" \/><\/div>\n<div class=\"cm-lp-form__group\"><label for=\"cm-position\">Cargo *<\/label> <input id=\"cm-position\" name=\"position\" required=\"\" type=\"text\" \/><\/div>\n<div class=\"cm-lp-form__group\"><label for=\"cm-revenue\">Facturaci\u00f3n aproximada *<\/label><select id=\"cm-revenue\" name=\"revenue\" required=\"\">\n<option value=\"\">Seleccionar&#8230;<\/option>\n<option value=\"1-3M\">1M &#8211; 3M \u20ac<\/option>\n<option value=\"3-5M\">3M &#8211; 5M \u20ac<\/option>\n<option value=\"5-10M\">5M &#8211; 10M \u20ac<\/option>\n<option value=\"10M+\">M\u00e1s de 10M \u20ac<\/option>\n<\/select><\/div>\n<div class=\"cm-lp-form__group\"><label for=\"cm-email\">Email corporativo *<\/label> <input id=\"cm-email\" name=\"email\" required=\"\" type=\"email\" \/><\/div>\n<div class=\"cm-lp-form__group\"><label for=\"cm-phone\">Tel\u00e9fono *<\/label> <input id=\"cm-phone\" name=\"phone\" required=\"\" type=\"tel\" \/><\/div>\n<div class=\"cm-lp-form__group\"><label for=\"cm-message\">\u00bfQu\u00e9 te gustar\u00eda mejorar con IA? *<\/label> <textarea id=\"cm-message\" name=\"message\" required=\"\" placeholder=\"Describe brevemente tus principales desaf\u00edos o \u00e1reas que quieres optimizar...\"><\/textarea><\/div>\n<div style=\"text-align: center;\">\u00a0<\/div>\n<input id=\"utm_source\" name=\"utm_source\" type=\"hidden\" value=\"\" \/> <button class=\"cm-btn cm-btn-primary\" type=\"submit\">Quiero que me contacten<\/button><\/form>\n<p class=\"cm-lp-form__note\">Limitado a 3 empresas por mes. Te responderemos en 24h.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p><script>\n(function () {\n  \/* \u26a0\ufe0f PERSONALIZAR ESTAS DOS L\u00cdNEAS \u26a0\ufe0f *\/\n  var WEBHOOK_URL = 'https:\/\/TU-WEBHOOK-N8N-AQUI';   \/\/ <-- pega aqu\u00ed la URL del webhook de n8n\n  var GRACIAS_URL = '\/gracias';                       \/\/ <-- p\u00e1gina de agradecimiento tras enviar\n\n  var form = document.getElementById('cm-contact-form');\n  if (!form) { return; }\n\n  form.addEventListener('submit', async function (e) {\n    e.preventDefault();\n    var button = form.querySelector('.cm-btn-primary');\n    var originalText = button.textContent;\n    var fd = new FormData(form);\n    var data = {\n      name: fd.get('name'),\n      company: fd.get('company'),\n      position: fd.get('position'),\n      revenue: fd.get('revenue'),\n      email: fd.get('email'),\n      phone: fd.get('phone'),\n      message: fd.get('message'),\n      utm_source: fd.get('utm_source') || (function(){ try { return localStorage.getItem('cm_utm_source'); } catch(e){ return null; } })() || 'direct',\n      timestamp: new Date().toISOString(),\n      page_url: window.location.href\n    };\n\n    button.textContent = 'Enviando...';\n    button.disabled = true;\n    try {\n      var res = await fetch(WEBHOOK_URL, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify(data)\n      });\n      if (!res.ok) { throw new Error('Error en el env\u00edo'); }\n      button.textContent = '\u2713 Enviado con \u00e9xito';\n      button.style.background = 'var(--cm-primary)';\n      setTimeout(function () { window.location.href = GRACIAS_URL; }, 1000);\n    } catch (err) {\n      console.error('Error:', err);\n      button.textContent = 'Error - Intenta de nuevo';\n      button.style.background = '#ff5252';\n      setTimeout(function () {\n        button.textContent = originalText;\n        button.style.background = '';\n        button.disabled = false;\n      }, 3000);\n    }\n  });\n})();\n<\/script><\/p>\n<!-- ============================================================\n     CAJ\u00d3N 07 \u2014 GARANT\u00cdA + URGENCIA\n     Caja de garant\u00eda total + aviso de escasez\n     ============================================================ -->\n<p><style>\n.cm-lp-guarantee .cm-container { max-width: 820px; }\n.cm-lp-guarantee__box {\n  text-align: center;\n  padding: 48px 40px;\n  background: linear-gradient(160deg, rgba(44,213,196,0.08), rgba(17,17,17,0.6));\n  border: 1px solid rgba(44,213,196,0.25);\n  border-radius: var(--cm-radius);\n}\n.cm-lp-guarantee__title {\n  font-family: var(--cm-font-display);\n  font-weight: 700;\n  font-size: clamp(1.5rem, 3vw, 2rem);\n  color: var(--cm-primary);\n  margin-bottom: 16px;\n}\n.cm-lp-guarantee__box p { color: var(--cm-gray-light); line-height: 1.7; }\n.cm-lp-guarantee__box p strong { color: var(--cm-white); }\n.cm-lp-guarantee__urgency {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 28px;\n  padding: 14px 26px;\n  border-radius: 60px;\n  background: rgba(250,197,28,0.1);\n  border: 1px solid rgba(250,197,28,0.3);\n  color: var(--cm-gray-light);\n  font-size: 0.95rem;\n}\n.cm-lp-guarantee__urgency span.dot { color: #FAC51C; font-weight: 700; }\n<\/style><\/p>\n<section class=\"cm-section cm-lp-guarantee\">\n<div class=\"cm-container\">\n<div class=\"cm-lp-guarantee__box cm-fade-up\">\n<h3 class=\"cm-lp-guarantee__title\">Garant\u00eda Total<\/h3>\n<p>100% del coste se descuenta si decides avanzar al proyecto completo <br \/><strong>Alpha AI Orchestration\u2122<\/strong> en los siguientes 30 d\u00edas.<br \/>\u00a1No pagas por el diagn\u00f3stico si seguimos trabajando juntos!<br \/><br \/><\/p>\n<div class=\"cm-lp-guarantee__urgency\"><strong><span class=\"dot\">\u00a1<\/span>\u00a0Limitado a 3 empresas por mes <span class=\"dot\">!<\/span><\/strong>\u00a0para garantizar calidad t\u00e9cnica.<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ============================================================\n     CAJ\u00d3N 08 \u2014 FOOTER M\u00cdNIMO\n     Solo: logo\/nombre + redes + legales + \u00a9 (sin navegaci\u00f3n)\n     \u26a0\ufe0f PERSONALIZAR: nombre de empresa, email, redes y enlaces legales.\n     ============================================================ -->\n<h2 style=\"text-align: left;\"><style>\n.cm-lp-footer { padding-top: 40px; }\n.cm-lp-footer__inner {\n  max-width: var(--cm-max-width);\n  margin: 0 auto;\n  padding: 48px 24px 32px;\n  border-top: 1px solid var(--cm-dark-border);\n  text-align: center;\n}\n.cm-lp-footer__logo {\n  font-family: var(--cm-font-display);\n  font-weight: 700;\n  font-size: 1.2rem;\n  letter-spacing: 0.04em;\n  color: var(--cm-white);\n}\n.cm-lp-footer__social { display: flex; justify-content: center; gap: 14px; margin: 22px 0; }\n.cm-lp-footer__social a {\n  width: 40px; height: 40px;\n  display: grid; place-items: center;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid var(--cm-dark-border);\n  color: var(--cm-gray-light);\n  transition: var(--cm-transition);\n}\n.cm-lp-footer__social a:hover { background: var(--cm-primary); color: var(--cm-dark); border-color: var(--cm-primary); }\n.cm-lp-footer__links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 22px; margin-bottom: 16px; }\n.cm-lp-footer__links a { color: var(--cm-gray); font-size: 0.88rem; }\n.cm-lp-footer__links a:hover { color: var(--cm-primary); }\n.cm-lp-footer__email a { color: var(--cm-primary); font-size: 0.95rem; }\n.cm-lp-footer__copy { margin-top: 18px; color: var(--cm-gray); font-size: 0.82rem; }\n<\/style><br \/>CORPORATIVO MATHEUS S.A.C.<br \/><br \/><img decoding=\"async\" class=\"aligncenter wp-image-64\" src=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-300x180.png\" alt=\"\" width=\"166\" height=\"100\" srcset=\"https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-300x180.png 300w, https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-scaled-600x360.png 600w, https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-1024x614.png 1024w, https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-768x461.png 768w, https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-1536x922.png 1536w, https:\/\/www.corporativomatheus.com\/wp-content\/uploads\/2026\/04\/customcolor_logo_transparent_background-2048x1229.png 2048w\" sizes=\"(max-width: 166px) 100vw, 166px\" \/><\/h2>\n<section class=\"cm-section cm-lp-footer\">\n<div class=\"cm-lp-footer__inner\">\n<div class=\"cm-lp-footer__social\">\u00a0<\/div>\n<div class=\"cm-lp-footer__links\"><a href=\"https:\/\/www.corporativomatheus.com\/politica-privacidad\/\">Pol\u00edtica de Privacidad<\/a> <a href=\"https:\/\/www.corporativomatheus.com\/politica-de-cookiess\/\">Pol\u00edtica de Cookies<\/a> <a href=\"https:\/\/www.corporativomatheus.com\/aviso-legal\/\">Aviso Legal<\/a><\/div>\n<div class=\"cm-lp-footer__email\"><a href=\"mailto:info@corporativomatheus.com\">info@corporativomatheus.com<\/a><\/div>\n<p class=\"cm-lp-footer__copy\">Copyright \u00a9 2026 CORPORATIVO MATHEUS SAC. Todos los derechos reservados.<\/p>\n<\/div>\n<\/section>\n\n<p>\u00a0<\/p>\t\t\t\t\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-11d1144 e-con e-atomic-element e-flexbox-base e-default-div e-aeedde3 \" data-id=\"11d1144\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"11d1144\" data-e-type=\"e-flexbox\" data-id=\"11d1144\">\n    \t\t<div class=\"elementor-element elementor-element-800a7b1 elementor-widget elementor-widget-shortcode\" data-id=\"800a7b1\" 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>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 Scroll Beneficios Clave \ud83d\ude80 Escala sin fricci\u00f3n: identificamos \u00e1reas donde [&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-877","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/877","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=877"}],"version-history":[{"count":79,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"predecessor-version":[{"id":2577,"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/pages\/877\/revisions\/2577"}],"wp:attachment":[{"href":"https:\/\/www.corporativomatheus.com\/en\/wp-json\/wp\/v2\/media?parent=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}