{"id":69,"date":"2025-06-10T22:13:59","date_gmt":"2025-06-10T22:13:59","guid":{"rendered":"https:\/\/nicomorenouxai.com\/?page_id=69"},"modified":"2026-07-19T15:13:42","modified_gmt":"2026-07-19T15:13:42","slug":"elementor-69","status":"publish","type":"page","link":"https:\/\/nicomorenouxai.com\/en\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"69\" class=\"elementor elementor-69\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-38bac94 e-con-full e-flex e-con e-parent\" data-id=\"38bac94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-599cb04 elementor-widget elementor-widget-html\" data-id=\"599cb04\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   NICOL\u00c1S MORENO - PARTE 1\n   HEADER + HERO\n   C\u00d3DIGO ENCAPSULADO PARA ELEMENTOR\n========================================================= *\/\n\n#nm-hero {\n  --nm-bg: #020817;\n  --nm-bg-2: #061a38;\n  --nm-bg-3: #0a2853;\n\n  --nm-blue: #1677ff;\n  --nm-blue-2: #00a8ff;\n  --nm-cyan: #36e8ff;\n  --nm-violet: #745cff;\n\n  --nm-white: #ffffff;\n  --nm-text: #edf7ff;\n  --nm-muted: #b0c4d9;\n\n  --nm-line: rgba(108, 190, 255, 0.2);\n  --nm-line-strong: rgba(77, 204, 255, 0.55);\n\n  position: relative;\n\n  width: 100vw !important;\n  max-width: none !important;\n\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n\n  overflow: hidden;\n\n  color: var(--nm-text);\n\n  font-family:\n    \"Manrope\",\n    Arial,\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 15% 20%,\n      rgba(0, 168, 255, 0.22),\n      transparent 32%\n    ),\n    radial-gradient(\n      circle at 88% 30%,\n      rgba(116, 92, 255, 0.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      var(--nm-bg),\n      var(--nm-bg-2),\n      var(--nm-bg)\n    );\n\n  isolation: isolate;\n}\n\n#nm-hero,\n#nm-hero *,\n#nm-hero *::before,\n#nm-hero *::after {\n  box-sizing: border-box;\n}\n\n#nm-hero a {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n\n#nm-hero img {\n  display: block;\n  max-width: 100%;\n}\n\n#nm-hero h1,\n#nm-hero h2,\n#nm-hero h3,\n#nm-hero p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#nm-hero h1,\n#nm-hero h2,\n#nm-hero h3 {\n  color: var(--nm-white) !important;\n\n  font-family:\n    \"Space Grotesk\",\n    \"Manrope\",\n    Arial,\n    sans-serif !important;\n}\n\n#nm-hero p {\n  color: var(--nm-muted) !important;\n}\n\n\/* =========================================================\n   FONDO TECNOL\u00d3GICO\n========================================================= *\/\n\n#nm-hero::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: -4;\n\n  opacity: 0.38;\n\n  background-image:\n    linear-gradient(\n      rgba(66, 159, 255, 0.09) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(66, 159, 255, 0.09) 1px,\n      transparent 1px\n    );\n\n  background-size: 70px 70px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black 0%,\n      rgba(0, 0, 0, 0.8) 72%,\n      transparent 100%\n    );\n}\n\n#nm-hero::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 680px;\n  height: 680px;\n\n  top: -300px;\n  left: 50%;\n\n  z-index: -3;\n\n  border-radius: 50%;\n\n  transform: translateX(-50%);\n\n  background:\n    conic-gradient(\n      from 0deg,\n      transparent,\n      rgba(0, 168, 255, 0.2),\n      transparent,\n      rgba(116, 92, 255, 0.15),\n      transparent\n    );\n\n  filter: blur(85px);\n\n  animation:\n    nmAuroraRotate 20s linear infinite;\n}\n\n@keyframes nmAuroraRotate {\n  to {\n    transform:\n      translateX(-50%)\n      rotate(360deg);\n  }\n}\n\n.nm-ambient {\n  position: absolute;\n\n  z-index: -2;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  filter: blur(100px);\n\n  animation:\n    nmAmbientMove 14s ease-in-out infinite alternate;\n}\n\n.nm-ambient-one {\n  width: 430px;\n  height: 430px;\n\n  top: 18%;\n  left: -220px;\n\n  background:\n    rgba(0, 168, 255, 0.2);\n}\n\n.nm-ambient-two {\n  width: 480px;\n  height: 480px;\n\n  right: -260px;\n  bottom: -100px;\n\n  background:\n    rgba(116, 92, 255, 0.18);\n\n  animation-delay: -5s;\n}\n\n@keyframes nmAmbientMove {\n  from {\n    transform:\n      translate3d(0, 0, 0)\n      scale(0.9);\n  }\n\n  to {\n    transform:\n      translate3d(70px, -45px, 0)\n      scale(1.15);\n  }\n}\n\n\/* =========================================================\n   CONTENEDOR INTERNO\n========================================================= *\/\n\n#nm-hero .nm-container {\n  width: min(\n    1240px,\n    calc(100% - 40px)\n  ) !important;\n\n  max-width: 1240px !important;\n\n  margin-inline: auto !important;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#nm-hero .nm-header {\n  position: relative;\n\n  z-index: 50;\n\n  width: 100%;\n\n  border-bottom:\n    1px solid\n    rgba(94, 174, 255, 0.13);\n\n  background:\n    rgba(2, 8, 23, 0.74);\n\n  backdrop-filter: blur(22px);\n  -webkit-backdrop-filter: blur(22px);\n}\n\n#nm-hero .nm-nav {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  min-height: 78px;\n\n  gap: 30px;\n}\n\n#nm-hero .nm-brand {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  color: var(--nm-white) !important;\n\n  font-size: 15px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n#nm-hero .nm-brand-mark {\n  display: grid;\n\n  place-items: center;\n\n  width: 44px;\n  height: 44px;\n\n  flex: 0 0 44px;\n\n  border:\n    1px solid\n    rgba(99, 208, 255, 0.45);\n\n  border-radius: 14px;\n\n  color: var(--nm-white);\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--nm-blue),\n      var(--nm-violet)\n    );\n\n  box-shadow:\n    0 0 28px\n    rgba(0, 168, 255, 0.3);\n}\n\n#nm-hero .nm-nav-links {\n  display: flex;\n\n  align-items: center;\n\n  gap: 22px;\n}\n\n#nm-hero .nm-nav-links a {\n  position: relative;\n\n  color: #bfd1e5 !important;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  transition:\n    color 0.25s ease;\n}\n\n#nm-hero .nm-nav-links a::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: 0;\n  bottom: -8px;\n  left: 0;\n\n  height: 2px;\n\n  border-radius: 20px;\n\n  transform: scaleX(0);\n  transform-origin: right;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nm-blue-2),\n      var(--nm-cyan)\n    );\n\n  transition:\n    transform 0.3s ease;\n}\n\n#nm-hero .nm-nav-links a:hover {\n  color: var(--nm-white) !important;\n}\n\n#nm-hero .nm-nav-links a:hover::after {\n  transform: scaleX(1);\n  transform-origin: left;\n}\n\n#nm-hero .nm-menu-button {\n  display: none;\n\n  padding: 9px 13px;\n\n  border:\n    1px solid\n    var(--nm-line);\n\n  border-radius: 12px;\n\n  color: var(--nm-white);\n\n  background:\n    rgba(255, 255, 255, 0.05);\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#nm-hero .nm-hero-section {\n  position: relative;\n\n  min-height: 810px;\n\n  padding: 82px 0 72px;\n}\n\n#nm-hero .nm-hero-grid {\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, 1.02fr)\n    minmax(460px, 0.98fr) !important;\n\n  align-items: center !important;\n\n  gap: 60px !important;\n}\n\n#nm-hero .nm-copy {\n  position: relative;\n\n  z-index: 5;\n\n  min-width: 0;\n}\n\n#nm-hero .nm-chips {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n  margin-bottom: 25px;\n}\n\n#nm-hero .nm-chip {\n  position: relative;\n\n  padding: 8px 13px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(105, 188, 255, 0.2);\n\n  border-radius: 999px;\n\n  color: #d8ebff;\n\n  background:\n    rgba(12, 40, 78, 0.4);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  backdrop-filter: blur(14px);\n\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#nm-hero .nm-chip::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  transform: translateX(-120%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.18),\n      transparent\n    );\n\n  animation:\n    nmChipSweep 6s ease-in-out infinite;\n}\n\n#nm-hero .nm-chip:nth-child(2)::before {\n  animation-delay: 0.8s;\n}\n\n#nm-hero .nm-chip:nth-child(3)::before {\n  animation-delay: 1.6s;\n}\n\n#nm-hero .nm-chip:nth-child(4)::before {\n  animation-delay: 2.4s;\n}\n\n#nm-hero .nm-chip:hover {\n  transform:\n    translateY(-4px)\n    scale(1.03);\n\n  border-color:\n    rgba(56, 216, 255, 0.62);\n\n  box-shadow:\n    0 12px 30px\n    rgba(0, 168, 255, 0.13);\n}\n\n@keyframes nmChipSweep {\n  0%,\n  55% {\n    transform: translateX(-120%);\n  }\n\n  80%,\n  100% {\n    transform: translateX(120%);\n  }\n}\n\n#nm-hero .nm-main-title {\n  max-width: 720px !important;\n\n  color: var(--nm-white) !important;\n\n  font-size:\n    clamp(\n      54px,\n      5.2vw,\n      82px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 0.99 !important;\n\n  letter-spacing:\n    -0.055em !important;\n\n  text-wrap: balance;\n}\n\n#nm-hero .nm-main-title .nm-gradient-text {\n  display: inline;\n\n  color: transparent !important;\n\n  background:\n    linear-gradient(\n      90deg,\n      #67ecff,\n      #00a8ff,\n      #547cff,\n      #b16fff,\n      #67ecff\n    );\n\n  background-size:\n    260% auto;\n\n  background-clip: text;\n  -webkit-background-clip: text;\n\n  animation:\n    nmTextGradient 8s linear infinite;\n}\n\n@keyframes nmTextGradient {\n  to {\n    background-position:\n      260% center;\n  }\n}\n\n#nm-hero .nm-description {\n  max-width: 660px;\n\n  margin-top: 26px !important;\n\n  color: #c0d2e4 !important;\n\n  font-size:\n    clamp(\n      16px,\n      1.35vw,\n      19px\n    ) !important;\n\n  font-weight: 400;\n\n  line-height: 1.5 !important;\n}\n\n#nm-hero .nm-buttons {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 13px;\n\n  margin-top: 31px;\n}\n\n#nm-hero .nm-button {\n  position: relative;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 54px;\n\n  padding: 14px 24px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--nm-line);\n\n  border-radius: 999px;\n\n  color:\n    var(--nm-white) !important;\n\n  background:\n    rgba(255, 255, 255, 0.045);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#nm-hero .nm-button::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -150%;\n  left: -45%;\n\n  width: 35%;\n  height: 400%;\n\n  transform: rotate(24deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.65),\n      transparent\n    );\n\n  transition:\n    left 0.7s ease;\n}\n\n#nm-hero .nm-button:hover {\n  transform: translateY(-4px);\n\n  border-color:\n    var(--nm-line-strong);\n\n  box-shadow:\n    0 18px 42px\n    rgba(0, 0, 0, 0.3),\n    0 0 28px\n    rgba(0, 168, 255, 0.17);\n}\n\n#nm-hero .nm-button:hover::before {\n  left: 130%;\n}\n\n#nm-hero .nm-button-primary {\n  border-color:\n    rgba(255, 255, 255, 0.22);\n\n  background:\n    linear-gradient(\n      110deg,\n      var(--nm-blue),\n      var(--nm-blue-2),\n      var(--nm-violet)\n    );\n\n  background-size:\n    220% 100%;\n\n  box-shadow:\n    0 16px 42px\n    rgba(0, 119, 255, 0.3);\n\n  animation:\n    nmButtonFlow 6s linear infinite;\n}\n\n@keyframes nmButtonFlow {\n  to {\n    background-position:\n      220% center;\n  }\n}\n\n\/* =========================================================\n   ESTAD\u00cdSTICAS\n========================================================= *\/\n\n#nm-hero .nm-stats {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 14px;\n\n  margin-top: 38px;\n}\n\n#nm-hero .nm-stat {\n  position: relative;\n\n  min-height: 125px;\n\n  padding: 20px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(102, 188, 255, 0.17);\n\n  border-radius: 19px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(14, 53, 99, 0.48),\n      rgba(5, 18, 42, 0.5)\n    );\n\n  box-shadow:\n    0 20px 45px\n    rgba(0, 0, 0, 0.18);\n\n  backdrop-filter: blur(18px);\n\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#nm-hero .nm-stat::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 130px;\n  height: 130px;\n\n  top: -80px;\n  right: -70px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(0, 168, 255, 0.11);\n\n  filter: blur(12px);\n}\n\n#nm-hero .nm-stat:hover {\n  transform:\n    translateY(-7px)\n    scale(1.015);\n\n  border-color:\n    rgba(67, 214, 255, 0.52);\n\n  box-shadow:\n    0 24px 55px\n    rgba(0, 0, 0, 0.28),\n    0 0 30px\n    rgba(0, 168, 255, 0.13);\n}\n\n#nm-hero .nm-stat strong {\n  position: relative;\n\n  display: block;\n\n  color: var(--nm-cyan);\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 26px;\n  font-weight: 700;\n\n  line-height: 1.1;\n\n  text-shadow:\n    0 0 24px\n    rgba(54, 232, 255, 0.3);\n}\n\n#nm-hero .nm-stat span {\n  position: relative;\n\n  display: block;\n\n  margin-top: 9px;\n\n  color: #a9bfd5;\n\n  font-size: 11px;\n  line-height: 1.45;\n}\n\n\/* =========================================================\n   PERFIL Y \u00d3RBITAS\n========================================================= *\/\n\n#nm-hero .nm-profile-stage {\n  position: relative;\n\n  min-width: 0;\n  min-height: 670px;\n\n  perspective: 1400px;\n}\n\n#nm-hero .nm-profile-glow {\n  position: absolute;\n\n  inset: 16% 12% 7%;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle at 50% 38%,\n      rgba(0, 168, 255, 0.27),\n      rgba(84, 91, 255, 0.1) 42%,\n      transparent 72%\n    );\n\n  filter: blur(36px);\n\n  animation:\n    nmProfileGlow 5s ease-in-out infinite;\n}\n\n@keyframes nmProfileGlow {\n  0%,\n  100% {\n    opacity: 0.7;\n    transform: scale(0.96);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.04);\n  }\n}\n\n#nm-hero .nm-profile-card {\n  position: absolute;\n\n  top: 10%;\n  right: 13%;\n  bottom: 2%;\n  left: 13%;\n\n  z-index: 5;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(92, 196, 255, 0.3);\n\n  border-radius:\n    47% 47% 30px 30px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7, 27, 59, 0.82),\n      rgba(2, 8, 21, 0.96)\n    );\n\n  box-shadow:\n    0 40px 100px\n    rgba(0, 0, 0, 0.5),\n    0 0 70px\n    rgba(0, 168, 255, 0.13);\n\n  transform-style:\n    preserve-3d;\n\n  transition:\n    transform 0.18s linear;\n}\n\n#nm-hero .nm-profile-card::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: 2;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent 0%,\n      transparent 58%,\n      rgba(1, 5, 15, 0.75) 100%\n    );\n}\n\n#nm-hero .nm-profile-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: -35%;\n  right: 0;\n  left: 0;\n\n  z-index: 4;\n\n  height: 14%;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(61, 224, 255, 0.16),\n      transparent\n    );\n\n  animation:\n    nmProfileScan 7s linear infinite;\n}\n\n@keyframes nmProfileScan {\n  from {\n    transform: translateY(0);\n    opacity: 0;\n  }\n\n  12% {\n    opacity: 0.75;\n  }\n\n  88% {\n    opacity: 0.75;\n  }\n\n  to {\n    transform: translateY(880%);\n    opacity: 0;\n  }\n}\n\n#nm-hero .nm-profile-image {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  object-fit: contain !important;\n  object-position: center bottom !important;\n\n  filter:\n    saturate(0.95)\n    contrast(1.05)\n    drop-shadow(\n      0 28px 34px\n      rgba(0, 0, 0, 0.34)\n    );\n\n  transform:\n    translateZ(40px)\n    scale(1.01);\n}\n\n#nm-hero .nm-profile-label {\n  position: absolute;\n\n  right: 25px;\n  bottom: 24px;\n  left: 25px;\n\n  z-index: 8;\n\n  padding: 17px 19px;\n\n  border:\n    1px solid\n    rgba(105, 192, 255, 0.2);\n\n  border-radius: 18px;\n\n  background:\n    rgba(2, 8, 23, 0.75);\n\n  box-shadow:\n    0 18px 45px\n    rgba(0, 0, 0, 0.28);\n\n  backdrop-filter: blur(18px);\n}\n\n#nm-hero .nm-profile-label strong {\n  display: block;\n\n  color: var(--nm-white);\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 18px;\n}\n\n#nm-hero .nm-profile-label span {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #a8bfd5;\n\n  font-size: 11px;\n}\n\n\/* =========================================================\n   SISTEMA DE \u00d3RBITAS\n========================================================= *\/\n\n#nm-hero .nm-orbit-system {\n  position: absolute;\n  inset: 0;\n\n  z-index: 10;\n\n  pointer-events: none;\n}\n\n#nm-hero .nm-orbit {\n  position: absolute;\n\n  top: 50%;\n  left: 50%;\n\n  border:\n    1px solid\n    rgba(69, 190, 255, 0.2);\n\n  border-radius: 50%;\n\n  transform-origin: center;\n\n  pointer-events: none;\n}\n\n#nm-hero .nm-orbit::before {\n  content: \"\";\n\n  position: absolute;\n  inset: -1px;\n\n  border-radius: inherit;\n\n  border:\n    1px dashed\n    rgba(81, 179, 255, 0.13);\n}\n\n#nm-hero .nm-orbit-one {\n  width: 540px;\n  height: 540px;\n\n  margin-top: -270px;\n  margin-left: -270px;\n\n  animation:\n    nmOrbitClockwise 25s linear infinite;\n}\n\n#nm-hero .nm-orbit-two {\n  width: 650px;\n  height: 650px;\n\n  margin-top: -325px;\n  margin-left: -325px;\n\n  border-color:\n    rgba(116, 92, 255, 0.17);\n\n  animation:\n    nmOrbitCounter 34s linear infinite;\n}\n\n@keyframes nmOrbitClockwise {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes nmOrbitCounter {\n  to {\n    transform: rotate(-360deg);\n  }\n}\n\n\/* Cada icono gira con la \u00f3rbita, pero su contenido compensa\n   la rotaci\u00f3n para mantenerse visualmente estable. *\/\n\n#nm-hero .nm-orbit-item {\n  position: absolute;\n\n  width: 70px;\n  height: 70px;\n\n  margin:\n    -35px 0 0 -35px;\n\n  pointer-events: auto;\n}\n\n#nm-hero .nm-orbit-item-inner {\n  display: grid;\n\n  place-items: center;\n\n  width: 70px;\n  height: 70px;\n\n  padding: 12px;\n\n  border:\n    1px solid\n    rgba(91, 201, 255, 0.38);\n\n  border-radius: 21px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(24, 74, 135, 0.78),\n      rgba(3, 15, 36, 0.82)\n    );\n\n  box-shadow:\n    0 18px 42px\n    rgba(0, 0, 0, 0.32),\n    inset 0 0 25px\n    rgba(255, 255, 255, 0.05),\n    0 0 28px\n    rgba(0, 168, 255, 0.17);\n\n  backdrop-filter: blur(18px);\n\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#nm-hero .nm-orbit-one .nm-orbit-item-inner {\n  animation:\n    nmCounterRotation 25s linear infinite;\n}\n\n#nm-hero .nm-orbit-two .nm-orbit-item-inner {\n  animation:\n    nmClockwiseCompensation 34s linear infinite;\n}\n\n@keyframes nmCounterRotation {\n  to {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes nmClockwiseCompensation {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n#nm-hero .nm-orbit-item:hover {\n  z-index: 30;\n}\n\n#nm-hero .nm-orbit-item:hover .nm-orbit-item-inner {\n  transform:\n    scale(1.18) !important;\n\n  border-color:\n    rgba(54, 232, 255, 0.85);\n\n  box-shadow:\n    0 24px 58px\n    rgba(0, 0, 0, 0.45),\n    0 0 48px\n    rgba(0, 168, 255, 0.4);\n}\n\n#nm-hero .nm-orbit-item img {\n  width: 45px !important;\n  height: 45px !important;\n\n  object-fit: contain !important;\n\n  filter:\n    drop-shadow(\n      0 0 12px\n      rgba(255, 255, 255, 0.2)\n    );\n}\n\n\/* Posiciones de los iconos en la \u00f3rbita *\/\n\n#nm-hero .nm-pos-top {\n  top: 0;\n  left: 50%;\n}\n\n#nm-hero .nm-pos-right {\n  top: 50%;\n  left: 100%;\n}\n\n#nm-hero .nm-pos-bottom {\n  top: 100%;\n  left: 50%;\n}\n\n#nm-hero .nm-pos-left {\n  top: 50%;\n  left: 0;\n}\n\n#nm-hero .nm-pos-top-right {\n  top: 15%;\n  left: 85%;\n}\n\n#nm-hero .nm-pos-bottom-right {\n  top: 85%;\n  left: 85%;\n}\n\n#nm-hero .nm-pos-bottom-left {\n  top: 85%;\n  left: 15%;\n}\n\n#nm-hero .nm-pos-top-left {\n  top: 15%;\n  left: 15%;\n}\n\n\/* Puntos tecnol\u00f3gicos en movimiento *\/\n\n#nm-hero .nm-energy-dot {\n  position: absolute;\n\n  z-index: 4;\n\n  width: 9px;\n  height: 9px;\n\n  border-radius: 50%;\n\n  background:\n    var(--nm-cyan);\n\n  box-shadow:\n    0 0 18px\n    var(--nm-cyan);\n\n  animation:\n    nmDotPulse 2s ease-in-out infinite;\n}\n\n#nm-hero .nm-dot-one {\n  top: 28%;\n  right: 5%;\n}\n\n#nm-hero .nm-dot-two {\n  top: 48%;\n  left: 2%;\n\n  animation-delay: -0.6s;\n}\n\n#nm-hero .nm-dot-three {\n  right: 10%;\n  bottom: 22%;\n\n  animation-delay: -1.2s;\n}\n\n@keyframes nmDotPulse {\n  0%,\n  100% {\n    opacity: 0.35;\n    transform: scale(0.7);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.25);\n  }\n}\n\n\/* =========================================================\n   ANIMACI\u00d3N DE ENTRADA\n========================================================= *\/\n\n#nm-hero .nm-reveal {\n  opacity: 0;\n\n  transform:\n    translateY(36px);\n\n  transition:\n    opacity 0.9s ease,\n    transform 0.9s\n    cubic-bezier(\n      0.2,\n      0.8,\n      0.2,\n      1\n    );\n}\n\n#nm-hero .nm-reveal.nm-visible {\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n  #nm-hero .nm-hero-grid {\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(390px, 0.9fr)\n      !important;\n\n    gap: 35px !important;\n  }\n\n  #nm-hero .nm-main-title {\n    font-size:\n      clamp(\n        48px,\n        6.3vw,\n        68px\n      ) !important;\n  }\n\n  #nm-hero .nm-profile-stage {\n    min-height: 610px;\n  }\n\n  #nm-hero .nm-orbit-one {\n    width: 465px;\n    height: 465px;\n\n    margin-top: -232.5px;\n    margin-left: -232.5px;\n  }\n\n  #nm-hero .nm-orbit-two {\n    width: 550px;\n    height: 550px;\n\n    margin-top: -275px;\n    margin-left: -275px;\n  }\n\n  #nm-hero .nm-orbit-item,\n  #nm-hero .nm-orbit-item-inner {\n    width: 62px;\n    height: 62px;\n  }\n\n  #nm-hero .nm-orbit-item {\n    margin:\n      -31px 0 0 -31px;\n  }\n\n  #nm-hero .nm-orbit-item img {\n    width: 39px !important;\n    height: 39px !important;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 820px) {\n  #nm-hero .nm-nav {\n    min-height: 72px;\n  }\n\n  #nm-hero .nm-menu-button {\n    display: block;\n  }\n\n  #nm-hero .nm-nav-links {\n    position: absolute;\n\n    top: 72px;\n    right: 0;\n    left: 0;\n\n    display: none;\n\n    align-items: stretch;\n\n    padding: 18px;\n\n    border:\n      1px solid\n      var(--nm-line);\n\n    border-radius:\n      0 0 20px 20px;\n\n    background:\n      rgba(2, 8, 23, 0.97);\n\n    backdrop-filter: blur(22px);\n\n    flex-direction: column;\n  }\n\n  #nm-hero .nm-nav-links.nm-open {\n    display: flex;\n  }\n\n  #nm-hero .nm-hero-section {\n    padding:\n      65px 0 40px;\n  }\n\n  #nm-hero .nm-hero-grid {\n    grid-template-columns:\n      1fr !important;\n\n    gap: 35px !important;\n  }\n\n  #nm-hero .nm-copy {\n    text-align: center;\n  }\n\n  #nm-hero .nm-chips,\n  #nm-hero .nm-buttons {\n    justify-content: center;\n  }\n\n  #nm-hero .nm-main-title {\n    max-width: 760px !important;\n\n    margin-inline:\n      auto !important;\n\n    font-size:\n      clamp(\n        48px,\n        10vw,\n        76px\n      ) !important;\n  }\n\n  #nm-hero .nm-description {\n    margin-inline:\n      auto !important;\n  }\n\n  #nm-hero .nm-stats {\n    max-width: 760px;\n\n    margin-inline:\n      auto;\n  }\n\n  #nm-hero .nm-profile-stage {\n    min-height: 670px;\n  }\n\n  #nm-hero .nm-profile-card {\n    top: 11%;\n    right: 16%;\n    left: 16%;\n  }\n}\n\n@media (max-width: 580px) {\n  #nm-hero .nm-container {\n    width:\n      calc(100% - 24px)\n      !important;\n  }\n\n  #nm-hero .nm-brand span:last-child {\n    display: none;\n  }\n\n  #nm-hero .nm-main-title {\n    font-size:\n      clamp(\n        42px,\n        13vw,\n        62px\n      ) !important;\n\n    line-height:\n      0.98 !important;\n  }\n\n  #nm-hero .nm-description {\n    font-size:\n      16px !important;\n  }\n\n  #nm-hero .nm-stats {\n    grid-template-columns:\n      1fr;\n  }\n\n  #nm-hero .nm-buttons {\n    display: grid;\n\n    grid-template-columns:\n      1fr;\n  }\n\n  #nm-hero .nm-button {\n    width: 100%;\n  }\n\n  #nm-hero .nm-profile-stage {\n    min-height: 570px;\n  }\n\n  #nm-hero .nm-profile-card {\n    top: 13%;\n    right: 10%;\n    bottom: 4%;\n    left: 10%;\n  }\n\n  #nm-hero .nm-orbit-one {\n    width: 390px;\n    height: 390px;\n\n    margin-top: -195px;\n    margin-left: -195px;\n  }\n\n  #nm-hero .nm-orbit-two {\n    width: 465px;\n    height: 465px;\n\n    margin-top: -232.5px;\n    margin-left: -232.5px;\n  }\n\n  #nm-hero .nm-orbit-item,\n  #nm-hero .nm-orbit-item-inner {\n    width: 52px;\n    height: 52px;\n  }\n\n  #nm-hero .nm-orbit-item {\n    margin:\n      -26px 0 0 -26px;\n  }\n\n  #nm-hero .nm-orbit-item-inner {\n    padding: 9px;\n\n    border-radius: 16px;\n  }\n\n  #nm-hero .nm-orbit-item img {\n    width: 33px !important;\n    height: 33px !important;\n  }\n\n  #nm-hero .nm-profile-label {\n    right: 14px;\n    bottom: 14px;\n    left: 14px;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #nm-hero *,\n  #nm-hero *::before,\n  #nm-hero *::after {\n    animation-duration:\n      0.001ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    transition-duration:\n      0.001ms !important;\n  }\n\n  #nm-hero .nm-reveal {\n    opacity: 1;\n\n    transform: none;\n  }\n}\n<\/style>\n\n<div id=\"nm-hero\">\n\n  <div class=\"nm-ambient nm-ambient-one\"><\/div>\n  <div class=\"nm-ambient nm-ambient-two\"><\/div>\n\n  <!-- HEADER -->\n\n  <header class=\"nm-header\">\n\n    <div class=\"nm-container nm-nav\">\n\n      <a\n        class=\"nm-brand\"\n        href=\"#nm-inicio\"\n      >\n        <span class=\"nm-brand-mark\">\n          NM\n        <\/span>\n\n        <span>\n          Nicol\u00e1s Moreno\n        <\/span>\n      <\/a>\n\n      <button\n        class=\"nm-menu-button\"\n        id=\"nmMenuButton\"\n        type=\"button\"\n        aria-label=\"Abrir men\u00fa\"\n      >\n        Men\u00fa\n      <\/button>\n\n      <nav\n        class=\"nm-nav-links\"\n        id=\"nmNavLinks\"\n      >\n        <a href=\"#nm-servicios\">\n          Servicios\n        <\/a>\n\n        <a href=\"#nm-herramientas\">\n          Herramientas\n        <\/a>\n\n        <a href=\"#nm-trayectoria\">\n          Trayectoria\n        <\/a>\n\n        <a href=\"#nm-especialidades\">\n          Especialidades\n        <\/a>\n\n        <a href=\"#nm-enfoque\">\n          Enfoque\n        <\/a>\n\n        <a href=\"#nm-soluciones\">\n          Soluciones\n        <\/a>\n\n        <a href=\"#nm-contacto\">\n          Contacto\n        <\/a>\n      <\/nav>\n\n    <\/div>\n\n  <\/header>\n\n  <!-- HERO -->\n\n  <section\n    class=\"nm-hero-section\"\n    id=\"nm-inicio\"\n  >\n\n    <div class=\"nm-container nm-hero-grid\">\n\n      <!-- INFORMACI\u00d3N -->\n\n      <div class=\"nm-copy nm-reveal\">\n\n        <div class=\"nm-chips\">\n\n          <span class=\"nm-chip\">\n            Dise\u00f1o Web\n          <\/span>\n\n          <span class=\"nm-chip\">\n            Automatizaci\u00f3n GHL\n          <\/span>\n\n          <span class=\"nm-chip\">\n            UX\/UI\n          <\/span>\n\n          <span class=\"nm-chip\">\n            IA Aplicada\n          <\/span>\n\n        <\/div>\n\n        <h1 class=\"nm-main-title\">\n          Sistemas digitales que combinan\n          <span class=\"nm-gradient-text\">\n            dise\u00f1o, automatizaci\u00f3n e IA.\n          <\/span>\n        <\/h1>\n\n        <p class=\"nm-description\">\n          Soy desarrollador web, especialista en automatizaci\u00f3n,\n          integrador de CRM y creador de soluciones con inteligencia\n          artificial para marketing y ventas.\n        <\/p>\n\n        <div class=\"nm-buttons\">\n\n          <a\n            class=\"nm-button nm-button-primary\"\n            href=\"#nm-contacto\"\n          >\n            Comencemos tu proyecto\n          <\/a>\n\n          <a\n            class=\"nm-button\"\n            href=\"#nm-trayectoria\"\n          >\n            Ver trayectoria\n          <\/a>\n\n        <\/div>\n\n        <div class=\"nm-stats\">\n\n          <article class=\"nm-stat\">\n            <strong>\n              +10\n            <\/strong>\n\n            <span>\n              A\u00f1os de experiencia profesional\n            <\/span>\n          <\/article>\n\n          <article class=\"nm-stat\">\n            <strong>\n              +7\n            <\/strong>\n\n            <span>\n              A\u00f1os creando sistemas digitales\n            <\/span>\n          <\/article>\n\n          <article class=\"nm-stat\">\n            <strong>\n              Co-founder\n            <\/strong>\n\n            <span>\n              Polar IA\n            <\/span>\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- PERFIL -->\n\n      <div\n        class=\"nm-profile-stage nm-reveal\"\n        id=\"nmProfileStage\"\n      >\n\n        <div class=\"nm-profile-glow\"><\/div>\n\n        <span class=\"nm-energy-dot nm-dot-one\"><\/span>\n        <span class=\"nm-energy-dot nm-dot-two\"><\/span>\n        <span class=\"nm-energy-dot nm-dot-three\"><\/span>\n\n        <!-- FOTO -->\n\n        <div\n          class=\"nm-profile-card\"\n          id=\"nmProfileCard\"\n        >\n\n          <img decoding=\"async\"\n            class=\"nm-profile-image\"\n            src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/nicolas.png\"\n            alt=\"Nicol\u00e1s Moreno, especialista en desarrollo web, automatizaci\u00f3n e inteligencia artificial\"\n          >\n\n          <div class=\"nm-profile-label\">\n\n            <strong>\n              Nicol\u00e1s Moreno\n            <\/strong>\n\n            <span>\n              Web \u00b7 Automatizaci\u00f3n GHL \u00b7 UX\/UI \u00b7 IA aplicada\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- ICONOS EN \u00d3RBITA -->\n\n        <div class=\"nm-orbit-system\">\n\n          <!-- \u00d3RBITA INTERIOR -->\n\n          <div class=\"nm-orbit nm-orbit-one\">\n\n            <div class=\"nm-orbit-item nm-pos-top\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-5.webp\"\n                  alt=\"GHL\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"nm-orbit-item nm-pos-right\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-11.webp\"\n                  alt=\"Google Ads\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"nm-orbit-item nm-pos-bottom\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-13.webp\"\n                  alt=\"Figma\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"nm-orbit-item nm-pos-left\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-16.webp\"\n                  alt=\"n8n\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- \u00d3RBITA EXTERIOR -->\n\n          <div class=\"nm-orbit nm-orbit-two\">\n\n            <div class=\"nm-orbit-item nm-pos-top-right\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-6.webp\"\n                  alt=\"Hostinger\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"nm-orbit-item nm-pos-bottom-right\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-12.webp\"\n                  alt=\"Illustrator\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"nm-orbit-item nm-pos-bottom-left\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-15.webp\"\n                  alt=\"WordPress\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"nm-orbit-item nm-pos-top-left\">\n\n              <div class=\"nm-orbit-item-inner\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-7.webp\"\n                  alt=\"Filmora\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  const root =\n    document.getElementById(\n      \"nm-hero\"\n    );\n\n  if (!root) {\n    return;\n  }\n\n  \/* ==========================================\n     MEN\u00da M\u00d3VIL\n  ========================================== *\/\n\n  const menuButton =\n    root.querySelector(\n      \"#nmMenuButton\"\n    );\n\n  const navLinks =\n    root.querySelector(\n      \"#nmNavLinks\"\n    );\n\n  if (\n    menuButton &&\n    navLinks\n  ) {\n    menuButton.addEventListener(\n      \"click\",\n      function () {\n        navLinks.classList.toggle(\n          \"nm-open\"\n        );\n      }\n    );\n\n    navLinks\n      .querySelectorAll(\"a\")\n      .forEach(function (link) {\n        link.addEventListener(\n          \"click\",\n          function () {\n            navLinks.classList.remove(\n              \"nm-open\"\n            );\n          }\n        );\n      });\n  }\n\n  \/* ==========================================\n     REVEAL\n  ========================================== *\/\n\n  const revealElements =\n    root.querySelectorAll(\n      \".nm-reveal\"\n    );\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (\n                !entry.isIntersecting\n              ) {\n                return;\n              }\n\n              entry.target\n                .classList\n                .add(\n                  \"nm-visible\"\n                );\n\n              currentObserver\n                .unobserve(\n                  entry.target\n                );\n            }\n          );\n        },\n        {\n          threshold: 0.12\n        }\n      );\n\n    revealElements.forEach(\n      function (element) {\n        observer.observe(\n          element\n        );\n      }\n    );\n  } else {\n    revealElements.forEach(\n      function (element) {\n        element.classList.add(\n          \"nm-visible\"\n        );\n      }\n    );\n  }\n\n  \/* ==========================================\n     MOVIMIENTO 3D DEL PERFIL\n  ========================================== *\/\n\n  const profileStage =\n    root.querySelector(\n      \"#nmProfileStage\"\n    );\n\n  const profileCard =\n    root.querySelector(\n      \"#nmProfileCard\"\n    );\n\n  if (\n    profileStage &&\n    profileCard\n  ) {\n    profileStage.addEventListener(\n      \"pointermove\",\n      function (event) {\n        if (\n          window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n          ).matches\n        ) {\n          return;\n        }\n\n        const rect =\n          profileStage\n            .getBoundingClientRect();\n\n        const x =\n          (\n            event.clientX -\n            rect.left\n          ) \/ rect.width;\n\n        const y =\n          (\n            event.clientY -\n            rect.top\n          ) \/ rect.height;\n\n        const rotateY =\n          (x - 0.5) * 8;\n\n        const rotateX =\n          (0.5 - y) * 7;\n\n        const moveX =\n          (x - 0.5) * 10;\n\n        const moveY =\n          (y - 0.5) * 8;\n\n        profileCard.style.transform =\n          \"rotateX(\" +\n          rotateX +\n          \"deg) rotateY(\" +\n          rotateY +\n          \"deg) translate3d(\" +\n          moveX +\n          \"px,\" +\n          moveY +\n          \"px,0)\";\n      }\n    );\n\n    profileStage.addEventListener(\n      \"pointerleave\",\n      function () {\n        profileCard.style.transform =\n          \"\";\n      }\n    );\n  }\n})();\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8df6f23 e-con-full e-flex e-con e-parent\" data-id=\"8df6f23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24db983 elementor-widget elementor-widget-html\" data-id=\"24db983\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   NICOL\u00c1S MORENO - PARTE 2\n   MARQUEE + PERFIL PROFESIONAL\n========================================================= *\/\n\n#nm-profile-section {\n  --nm2-bg: #020817;\n  --nm2-bg-soft: #071a38;\n  --nm2-panel: rgba(15, 44, 88, 0.56);\n\n  --nm2-white: #ffffff;\n  --nm2-text: #eef7ff;\n  --nm2-muted: #bfd0e2;\n\n  --nm2-blue: #147cff;\n  --nm2-blue-2: #00a8ff;\n  --nm2-cyan: #45ecff;\n  --nm2-violet: #765cff;\n\n  --nm2-line: rgba(99, 188, 255, 0.2);\n  --nm2-line-strong: rgba(67, 213, 255, 0.58);\n\n  position: relative;\n\n  left: 50%;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n\n  overflow: hidden;\n\n  color: var(--nm2-text);\n\n  font-family:\n    \"Manrope\",\n    Arial,\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 10% 18%,\n      rgba(0, 168, 255, 0.17),\n      transparent 31%\n    ),\n    radial-gradient(\n      circle at 90% 72%,\n      rgba(118, 92, 255, 0.13),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      var(--nm2-bg),\n      var(--nm2-bg-soft),\n      var(--nm2-bg)\n    );\n\n  isolation: isolate;\n}\n\n#nm-profile-section,\n#nm-profile-section *,\n#nm-profile-section *::before,\n#nm-profile-section *::after {\n  box-sizing: border-box;\n}\n\n#nm-profile-section img {\n  display: block;\n  max-width: 100%;\n}\n\n#nm-profile-section h2,\n#nm-profile-section h3,\n#nm-profile-section p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#nm-profile-section h2,\n#nm-profile-section h3 {\n  color: var(--nm2-white) !important;\n\n  font-family:\n    \"Space Grotesk\",\n    \"Manrope\",\n    Arial,\n    sans-serif !important;\n\n  text-transform: none !important;\n}\n\n#nm-profile-section p {\n  color: var(--nm2-muted) !important;\n}\n\n\/* =========================================================\n   FONDO\n========================================================= *\/\n\n#nm-profile-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: -4;\n\n  opacity: 0.32;\n\n  background-image:\n    linear-gradient(\n      rgba(81, 169, 255, 0.08) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(81, 169, 255, 0.08) 1px,\n      transparent 1px\n    );\n\n  background-size: 72px 72px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      rgba(0, 0, 0, 0.6),\n      transparent\n    );\n}\n\n#nm-profile-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 5%;\n  left: -200px;\n\n  z-index: -3;\n\n  width: 470px;\n  height: 470px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(0, 168, 255, 0.18);\n\n  filter: blur(110px);\n\n  animation:\n    nm2BlobMove 14s ease-in-out infinite alternate;\n}\n\n@keyframes nm2BlobMove {\n  from {\n    transform:\n      translate3d(0, 0, 0)\n      scale(0.9);\n  }\n\n  to {\n    transform:\n      translate3d(90px, 45px, 0)\n      scale(1.16);\n  }\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n#nm-profile-section .nm2-container {\n  width: min(\n    1240px,\n    calc(100% - 40px)\n  ) !important;\n\n  max-width: 1240px !important;\n\n  margin-inline: auto !important;\n}\n\n\/* =========================================================\n   CINTA DE HERRAMIENTAS\n========================================================= *\/\n\n#nm-profile-section .nm2-marquee {\n  position: relative;\n\n  overflow: hidden;\n\n  border-top:\n    1px solid\n    rgba(93, 184, 255, 0.14);\n\n  border-bottom:\n    1px solid\n    rgba(93, 184, 255, 0.14);\n\n  background:\n    rgba(1, 8, 25, 0.82);\n\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n}\n\n#nm-profile-section .nm2-marquee::before,\n#nm-profile-section .nm2-marquee::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  z-index: 5;\n\n  width: 130px;\n\n  pointer-events: none;\n}\n\n#nm-profile-section .nm2-marquee::before {\n  left: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      #020817,\n      transparent\n    );\n}\n\n#nm-profile-section .nm2-marquee::after {\n  right: 0;\n\n  background:\n    linear-gradient(\n      -90deg,\n      #020817,\n      transparent\n    );\n}\n\n#nm-profile-section .nm2-track {\n  display: flex;\n\n  align-items: center;\n\n  gap: 55px;\n\n  width: max-content;\n\n  padding: 20px 0;\n\n  animation:\n    nm2MarqueeMove 28s linear infinite;\n}\n\n#nm-profile-section .nm2-track:hover {\n  animation-play-state: paused;\n}\n\n#nm-profile-section .nm2-track span {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n  color: #d2e4f6 !important;\n\n  font-size: 13px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n#nm-profile-section .nm2-track span::before {\n  content: \"\";\n\n  width: 7px;\n  height: 7px;\n\n  flex: 0 0 7px;\n\n  border-radius: 50%;\n\n  background:\n    var(--nm2-cyan);\n\n  box-shadow:\n    0 0 15px\n    rgba(69, 236, 255, 0.9);\n}\n\n@keyframes nm2MarqueeMove {\n  to {\n    transform:\n      translateX(-50%);\n  }\n}\n\n\/* =========================================================\n   SECCI\u00d3N\n========================================================= *\/\n\n#nm-profile-section .nm2-content {\n  position: relative;\n\n  padding: 105px 0 110px;\n}\n\n#nm-profile-section .nm2-heading {\n  max-width: 880px;\n\n  margin-bottom: 42px;\n}\n\n#nm-profile-section .nm2-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 17px;\n\n  color: var(--nm2-cyan) !important;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: 0.17em;\n\n  text-transform: uppercase;\n}\n\n#nm-profile-section .nm2-eyebrow::before {\n  content: \"\";\n\n  width: 35px;\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--nm2-cyan)\n    );\n\n  box-shadow:\n    0 0 17px\n    rgba(69, 236, 255, 0.75);\n}\n\n#nm-profile-section .nm2-title {\n  max-width: 900px !important;\n\n  color: var(--nm2-white) !important;\n\n  font-size:\n    clamp(\n      38px,\n      4.2vw,\n      64px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.03 !important;\n\n  letter-spacing:\n    -0.045em !important;\n}\n\n#nm-profile-section .nm2-title-gradient {\n  color: transparent !important;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ffffff,\n      var(--nm2-cyan),\n      var(--nm2-blue-2),\n      var(--nm2-violet),\n      var(--nm2-cyan)\n    );\n\n  background-size:\n    260% auto;\n\n  background-clip: text;\n  -webkit-background-clip: text;\n\n  animation:\n    nm2TextFlow 7s linear infinite;\n}\n\n@keyframes nm2TextFlow {\n  to {\n    background-position:\n      260% center;\n  }\n}\n\n#nm-profile-section .nm2-description {\n  max-width: 800px;\n\n  margin-top: 20px !important;\n\n  color: #c2d5e8 !important;\n\n  font-size:\n    clamp(\n      16px,\n      1.4vw,\n      19px\n    ) !important;\n\n  line-height: 1.55 !important;\n}\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n#nm-profile-section .nm2-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 20px;\n}\n\n#nm-profile-section .nm2-card {\n  position: relative;\n\n  min-height: 260px;\n\n  padding: 30px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--nm2-line);\n\n  border-radius: 27px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(43, 94, 160, 0.3),\n      rgba(7, 24, 56, 0.58)\n    );\n\n  box-shadow:\n    0 30px 75px\n    rgba(0, 0, 0, 0.28),\n    inset 0 1px 0\n    rgba(255, 255, 255, 0.04);\n\n  backdrop-filter: blur(22px);\n  -webkit-backdrop-filter: blur(22px);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform 0.18s linear,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease,\n    background 0.35s ease;\n}\n\n#nm-profile-section .nm2-card::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: 0;\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      400px circle at var(--nm2-x, 50%) var(--nm2-y, 50%),\n      rgba(36, 196, 255, 0.24),\n      transparent 43%\n    );\n\n  transition:\n    opacity 0.3s ease;\n}\n\n#nm-profile-section .nm2-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: -170%;\n  left: -70%;\n\n  z-index: 0;\n\n  width: 35%;\n  height: 450%;\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  transform: rotate(23deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.18),\n      transparent\n    );\n\n  transition:\n    left 0.85s ease,\n    opacity 0.3s ease;\n}\n\n#nm-profile-section .nm2-card:hover {\n  border-color:\n    var(--nm2-line-strong);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(29, 111, 217, 0.32),\n      rgba(7, 24, 56, 0.66)\n    );\n\n  box-shadow:\n    0 38px 90px\n    rgba(0, 0, 0, 0.4),\n    0 0 48px\n    rgba(0, 168, 255, 0.17);\n}\n\n#nm-profile-section .nm2-card:hover::before {\n  opacity: 1;\n}\n\n#nm-profile-section .nm2-card:hover::after {\n  left: 140%;\n  opacity: 1;\n}\n\n#nm-profile-section .nm2-card > * {\n  position: relative;\n\n  z-index: 2;\n\n  transform:\n    translateZ(28px);\n}\n\n#nm-profile-section .nm2-number {\n  display: grid;\n\n  place-items: center;\n\n  width: 51px;\n  height: 51px;\n\n  margin-bottom: 25px;\n\n  border:\n    1px solid\n    rgba(61, 207, 255, 0.33);\n\n  border-radius: 15px;\n\n  color: var(--nm2-cyan) !important;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(14, 127, 255, 0.2),\n      rgba(91, 76, 255, 0.11)\n    );\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 18px;\n\n  box-shadow:\n    0 0 25px\n    rgba(0, 168, 255, 0.12);\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n#nm-profile-section .nm2-card:hover .nm2-number {\n  transform:\n    translateY(-5px)\n    rotate(-6deg)\n    scale(1.08);\n\n  box-shadow:\n    0 0 38px\n    rgba(0, 190, 255, 0.3);\n}\n\n#nm-profile-section .nm2-card-title {\n  color: var(--nm2-white) !important;\n\n  font-size:\n    clamp(\n      24px,\n      2vw,\n      31px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.1 !important;\n\n  letter-spacing:\n    -0.035em !important;\n}\n\n#nm-profile-section .nm2-card-text {\n  margin-top: 15px !important;\n\n  color: #bfd1e4 !important;\n\n  font-size: 15px !important;\n\n  line-height: 1.6 !important;\n}\n\n\/* =========================================================\n   L\u00cdNEA INFERIOR ANIMADA\n========================================================= *\/\n\n#nm-profile-section .nm2-card-line {\n  position: absolute;\n\n  right: 30px;\n  bottom: 22px;\n  left: 30px;\n\n  z-index: 3;\n\n  height: 1px;\n\n  overflow: hidden;\n\n  background:\n    rgba(91, 182, 255, 0.12);\n}\n\n#nm-profile-section .nm2-card-line::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: -45%;\n\n  width: 45%;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--nm2-cyan),\n      transparent\n    );\n\n  animation:\n    nm2LineFlow 4.5s ease-in-out infinite;\n}\n\n@keyframes nm2LineFlow {\n  0% {\n    left: -45%;\n  }\n\n  65%,\n  100% {\n    left: 120%;\n  }\n}\n\n\/* =========================================================\n   APARICI\u00d3N\n========================================================= *\/\n\n#nm-profile-section .nm2-reveal {\n  opacity: 0;\n\n  transform:\n    translateY(38px);\n\n  transition:\n    opacity 0.85s ease,\n    transform 0.85s\n    cubic-bezier(\n      0.2,\n      0.8,\n      0.2,\n      1\n    );\n}\n\n#nm-profile-section .nm2-reveal.nm2-visible {\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n#nm-profile-section .nm2-card:nth-child(2) {\n  transition-delay: 0.08s;\n}\n\n#nm-profile-section .nm2-card:nth-child(3) {\n  transition-delay: 0.16s;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 900px) {\n  #nm-profile-section .nm2-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  #nm-profile-section .nm2-card:last-child {\n    grid-column:\n      1 \/ -1;\n  }\n}\n\n@media (max-width: 650px) {\n  #nm-profile-section .nm2-container {\n    width:\n      calc(100% - 24px)\n      !important;\n  }\n\n  #nm-profile-section .nm2-content {\n    padding:\n      78px 0 82px;\n  }\n\n  #nm-profile-section .nm2-title {\n    font-size:\n      clamp(\n        36px,\n        11vw,\n        52px\n      ) !important;\n  }\n\n  #nm-profile-section .nm2-grid {\n    grid-template-columns:\n      1fr;\n  }\n\n  #nm-profile-section .nm2-card:last-child {\n    grid-column: auto;\n  }\n\n  #nm-profile-section .nm2-card {\n    min-height: 230px;\n\n    padding: 25px;\n  }\n\n  #nm-profile-section .nm2-marquee::before,\n  #nm-profile-section .nm2-marquee::after {\n    width: 55px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #nm-profile-section *,\n  #nm-profile-section *::before,\n  #nm-profile-section *::after {\n    animation-duration:\n      0.001ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    transition-duration:\n      0.001ms !important;\n  }\n\n  #nm-profile-section .nm2-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<section id=\"nm-profile-section\">\n\n  <!-- CINTA DE HERRAMIENTAS -->\n\n  <div class=\"nm2-marquee\">\n\n    <div class=\"nm2-track\">\n\n      <span>Illustrator<\/span>\n      <span>WordPress<\/span>\n      <span>Figma<\/span>\n      <span>n8n<\/span>\n      <span>Meta Ads<\/span>\n      <span>Photoshop<\/span>\n      <span>GHL<\/span>\n      <span>Hostinger<\/span>\n      <span>Filmora<\/span>\n      <span>Google Ads<\/span>\n\n      <span>Illustrator<\/span>\n      <span>WordPress<\/span>\n      <span>Figma<\/span>\n      <span>n8n<\/span>\n      <span>Meta Ads<\/span>\n      <span>Photoshop<\/span>\n      <span>GHL<\/span>\n      <span>Hostinger<\/span>\n      <span>Filmora<\/span>\n      <span>Google Ads<\/span>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- PERFIL PROFESIONAL -->\n\n  <div class=\"nm2-content\">\n\n    <div class=\"nm2-container\">\n\n      <div class=\"nm2-heading nm2-reveal\">\n\n        <span class=\"nm2-eyebrow\">\n          Perfil profesional\n        <\/span>\n\n        <h2 class=\"nm2-title\">\n          Dise\u00f1o, tecnolog\u00eda y ejecuci\u00f3n\n          <span class=\"nm2-title-gradient\">\n            orientados a resultados.\n          <\/span>\n        <\/h2>\n\n        <p class=\"nm2-description\">\n          Combino visi\u00f3n estrat\u00e9gica, desarrollo web,\n          experiencia de usuario, automatizaci\u00f3n e inteligencia\n          artificial para transformar ideas en sistemas digitales\n          s\u00f3lidos, escalables y rentables.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"nm2-grid\">\n\n        <article class=\"nm2-card nm2-reveal\">\n\n          <div class=\"nm2-number\">\n            01\n          <\/div>\n\n          <h3 class=\"nm2-card-title\">\n            Experto en\n          <\/h3>\n\n          <p class=\"nm2-card-text\">\n            Dise\u00f1o web, automatizaci\u00f3n con GHL e inteligencia\n            artificial aplicada a procesos de marketing, ventas\n            y atenci\u00f3n al cliente.\n          <\/p>\n\n          <span class=\"nm2-card-line\"><\/span>\n\n        <\/article>\n\n        <article class=\"nm2-card nm2-reveal\">\n\n          <div class=\"nm2-number\">\n            02\n          <\/div>\n\n          <h3 class=\"nm2-card-title\">\n            Habilidades\n          <\/h3>\n\n          <p class=\"nm2-card-text\">\n            UX\/UI, embudos digitales, desarrollo web,\n            integraci\u00f3n de CRM, automatizaciones e\n            integraciones inteligentes.\n          <\/p>\n\n          <span class=\"nm2-card-line\"><\/span>\n\n        <\/article>\n\n        <article class=\"nm2-card nm2-reveal\">\n\n          <div class=\"nm2-number\">\n            03\n          <\/div>\n\n          <h3 class=\"nm2-card-title\">\n            Formaci\u00f3n\n          <\/h3>\n\n          <p class=\"nm2-card-text\">\n            Formaci\u00f3n continua en dise\u00f1o web, GHL,\n            inteligencia artificial, experiencia de usuario\n            y herramientas digitales para negocios.\n          <\/p>\n\n          <span class=\"nm2-card-line\"><\/span>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section =\n    document.getElementById(\n      \"nm-profile-section\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n  \/* =====================================================\n     APARICI\u00d3N CON SCROLL\n  ===================================================== *\/\n\n  const revealElements =\n    section.querySelectorAll(\n      \".nm2-reveal\"\n    );\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (\n                !entry.isIntersecting\n              ) {\n                return;\n              }\n\n              entry.target\n                .classList\n                .add(\n                  \"nm2-visible\"\n                );\n\n              currentObserver\n                .unobserve(\n                  entry.target\n                );\n            }\n          );\n        },\n        {\n          threshold: 0.12,\n          rootMargin:\n            \"0px 0px -40px 0px\"\n        }\n      );\n\n    revealElements.forEach(\n      function (element) {\n        observer.observe(\n          element\n        );\n      }\n    );\n  } else {\n    revealElements.forEach(\n      function (element) {\n        element.classList.add(\n          \"nm2-visible\"\n        );\n      }\n    );\n  }\n\n  \/* =====================================================\n     HOVER 3D Y BRILLO\n  ===================================================== *\/\n\n  const cards =\n    section.querySelectorAll(\n      \".nm2-card\"\n    );\n\n  cards.forEach(\n    function (card) {\n      card.addEventListener(\n        \"pointermove\",\n        function (event) {\n          if (\n            window.matchMedia(\n              \"(prefers-reduced-motion: reduce)\"\n            ).matches\n          ) {\n            return;\n          }\n\n          const rect =\n            card.getBoundingClientRect();\n\n          const x =\n            event.clientX -\n            rect.left;\n\n          const y =\n            event.clientY -\n            rect.top;\n\n          const centerX =\n            rect.width \/ 2;\n\n          const centerY =\n            rect.height \/ 2;\n\n          const rotateX =\n            (\n              (\n                y -\n                centerY\n              ) \/\n              centerY\n            ) * -4;\n\n          const rotateY =\n            (\n              (\n                x -\n                centerX\n              ) \/\n              centerX\n            ) * 4;\n\n          card.style.setProperty(\n            \"--nm2-x\",\n            x + \"px\"\n          );\n\n          card.style.setProperty(\n            \"--nm2-y\",\n            y + \"px\"\n          );\n\n          card.style.transform =\n            \"perspective(1000px) \" +\n            \"rotateX(\" +\n            rotateX +\n            \"deg) \" +\n            \"rotateY(\" +\n            rotateY +\n            \"deg) \" +\n            \"translateY(-7px)\";\n        }\n      );\n\n      card.addEventListener(\n        \"pointerleave\",\n        function () {\n          card.style.transform =\n            \"\";\n        }\n      );\n    }\n  );\n\n  \/* =====================================================\n     PARALLAX SUAVE DEL CONTENIDO\n  ===================================================== *\/\n\n  const content =\n    section.querySelector(\n      \".nm2-content\"\n    );\n\n  let ticking = false;\n\n  function updateParallax() {\n    if (!content) {\n      ticking = false;\n      return;\n    }\n\n    const rect =\n      section.getBoundingClientRect();\n\n    const center =\n      rect.top +\n      rect.height \/ 2;\n\n    const viewportCenter =\n      window.innerHeight \/ 2;\n\n    const movement =\n      (\n        viewportCenter -\n        center\n      ) * 0.018;\n\n    content.style.transform =\n      \"translate3d(0,\" +\n      movement +\n      \"px,0)\";\n\n    ticking = false;\n  }\n\n  window.addEventListener(\n    \"scroll\",\n    function () {\n      if (!ticking) {\n        requestAnimationFrame(\n          updateParallax\n        );\n\n        ticking = true;\n      }\n    },\n    {\n      passive: true\n    }\n  );\n\n  updateParallax();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3aac77c e-con-full e-flex e-con e-parent\" data-id=\"3aac77c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aca22bf elementor-widget elementor-widget-html\" data-id=\"aca22bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap\");\r\n\r\n\/* =========================================================\r\n   RECORRIDO DEL PROYECTO CON IA\r\n   SCROLL CINEMATOGR\u00c1FICO PARA ELEMENTOR\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow {\r\n  --nmf-bg: #020817;\r\n  --nmf-bg-2: #061a36;\r\n  --nmf-bg-3: #0a2650;\r\n\r\n  --nmf-white: #ffffff;\r\n  --nmf-text: #edf7ff;\r\n  --nmf-muted: #a9bdd3;\r\n\r\n  --nmf-blue: #1687ff;\r\n  --nmf-blue-2: #00afff;\r\n  --nmf-cyan: #45ecff;\r\n  --nmf-violet: #755cff;\r\n  --nmf-green: #32e6a1;\r\n\r\n  --nmf-line: rgba(91, 190, 255, 0.2);\r\n  --nmf-line-active: rgba(69, 236, 255, 0.78);\r\n\r\n  position: relative;\r\n  left: 50%;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  margin-left: -50vw !important;\r\n  margin-right: -50vw !important;\r\n\r\n  overflow: clip;\r\n\r\n  color: var(--nmf-text);\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 16%,\r\n      rgba(0, 174, 255, 0.18),\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 88% 28%,\r\n      rgba(117, 92, 255, 0.16),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--nmf-bg),\r\n      var(--nmf-bg-2),\r\n      var(--nmf-bg)\r\n    );\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n#nm-ai-project-flow,\r\n#nm-ai-project-flow *,\r\n#nm-ai-project-flow *::before,\r\n#nm-ai-project-flow *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#nm-ai-project-flow h2,\r\n#nm-ai-project-flow h3,\r\n#nm-ai-project-flow p {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#nm-ai-project-flow h2,\r\n#nm-ai-project-flow h3 {\r\n  color: var(--nmf-white) !important;\r\n\r\n  font-family:\r\n    \"Space Grotesk\",\r\n    \"Manrope\",\r\n    Arial,\r\n    sans-serif !important;\r\n\r\n  text-transform: none !important;\r\n}\r\n\r\n#nm-ai-project-flow p {\r\n  color: var(--nmf-muted) !important;\r\n}\r\n\r\n#nm-ai-project-flow img,\r\n#nm-ai-project-flow video {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   FONDO BASE\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -8;\r\n\r\n  opacity: 0.32;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(78, 168, 255, 0.08) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(78, 168, 255, 0.08) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 72px 72px;\r\n}\r\n\r\n#nm-ai-project-flow::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 8%;\r\n  left: 50%;\r\n\r\n  z-index: -7;\r\n\r\n  width: 880px;\r\n  height: 880px;\r\n\r\n  border-radius: 50%;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    conic-gradient(\r\n      from 0deg,\r\n      transparent,\r\n      rgba(0, 174, 255, 0.18),\r\n      transparent 30%,\r\n      rgba(117, 92, 255, 0.18),\r\n      transparent 64%,\r\n      rgba(50, 230, 161, 0.11),\r\n      transparent\r\n    );\r\n\r\n  filter: blur(115px);\r\n\r\n  animation:\r\n    nmfAurora 25s linear infinite;\r\n}\r\n\r\n@keyframes nmfAurora {\r\n  to {\r\n    transform:\r\n      translateX(-50%)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   PART\u00cdCULAS\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-particles {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -4;\r\n\r\n  overflow: hidden;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-particle {\r\n  position: absolute;\r\n\r\n  width: var(--size);\r\n  height: var(--size);\r\n\r\n  left: var(--left);\r\n  top: var(--top);\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: var(--opacity);\r\n\r\n  background:\r\n    var(--particle-color);\r\n\r\n  box-shadow:\r\n    0 0 calc(var(--size) * 3)\r\n    var(--particle-color);\r\n\r\n  animation:\r\n    nmfParticleFloat\r\n    var(--duration)\r\n    ease-in-out\r\n    infinite alternate;\r\n\r\n  animation-delay:\r\n    var(--delay);\r\n}\r\n\r\n@keyframes nmfParticleFloat {\r\n  from {\r\n    transform:\r\n      translate3d(0, 0, 0)\r\n      scale(0.75);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translate3d(\r\n        var(--move-x),\r\n        var(--move-y),\r\n        0\r\n      )\r\n      scale(1.25);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   L\u00cdNEAS DE DATOS\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-data-lines {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -5;\r\n\r\n  overflow: hidden;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-data-line {\r\n  position: absolute;\r\n\r\n  height: 1px;\r\n\r\n  opacity: 0.15;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--nmf-cyan),\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    nmfDataTravel\r\n    var(--line-speed)\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-data-line:nth-child(1) {\r\n  top: 18%;\r\n  left: -35%;\r\n  width: 55%;\r\n  --line-speed: 8s;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-data-line:nth-child(2) {\r\n  top: 44%;\r\n  left: -55%;\r\n  width: 70%;\r\n  --line-speed: 11s;\r\n  animation-delay: -4s;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-data-line:nth-child(3) {\r\n  top: 71%;\r\n  left: -45%;\r\n  width: 60%;\r\n  --line-speed: 9s;\r\n  animation-delay: -6s;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-data-line:nth-child(4) {\r\n  top: 86%;\r\n  left: -30%;\r\n  width: 48%;\r\n  --line-speed: 13s;\r\n  animation-delay: -8s;\r\n}\r\n\r\n@keyframes nmfDataTravel {\r\n  to {\r\n    transform:\r\n      translateX(270vw);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   ALTURA CONTROLADA POR SCROLL\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-scroll-space {\r\n  position: relative;\r\n\r\n  height: 620vh;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-sticky {\r\n  position: sticky;\r\n  top: 0;\r\n\r\n  width: 100%;\r\n  height: 100vh;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENEDOR PRINCIPAL\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-container {\r\n  width: min(\r\n    1340px,\r\n    calc(100% - 48px)\r\n  ) !important;\r\n\r\n  max-width: 1340px !important;\r\n\r\n  margin-inline: auto !important;\r\n}\r\n\r\n\/* =========================================================\r\n   ENCABEZADO CORREGIDO\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-header-area {\r\n  position: relative;\r\n\r\n  z-index: 40;\r\n\r\n  width: 100%;\r\n\r\n  padding-top: clamp(28px, 4vh, 52px);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-heading {\r\n  max-width: 1050px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-eyebrow {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color: var(--nmf-cyan);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 0.17em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-eyebrow::before {\r\n  content: \"\";\r\n\r\n  width: 36px;\r\n  height: 2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--nmf-cyan)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 17px\r\n    rgba(69, 236, 255, 0.76);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-main-title {\r\n  max-width: 1040px;\r\n\r\n  color: var(--nmf-white) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4.2vw,\r\n      64px\r\n    ) !important;\r\n\r\n  font-weight: 700 !important;\r\n\r\n  line-height: 0.98 !important;\r\n\r\n  letter-spacing:\r\n    -0.048em !important;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-gradient-text {\r\n  color: transparent !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ffffff,\r\n      var(--nmf-cyan),\r\n      var(--nmf-blue),\r\n      var(--nmf-violet),\r\n      var(--nmf-cyan)\r\n    );\r\n\r\n  background-size: 260% auto;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  animation:\r\n    nmfGradientMove\r\n    8s linear infinite;\r\n}\r\n\r\n@keyframes nmfGradientMove {\r\n  to {\r\n    background-position:\r\n      260% center;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   ZONA DEL RECORRIDO\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-stage {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(220px, 0.65fr)\r\n    minmax(390px, 1.05fr)\r\n    minmax(340px, 0.86fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: clamp(24px, 3vw, 42px);\r\n\r\n  height:\r\n    calc(\r\n      100vh - 185px\r\n    );\r\n\r\n  padding-top: 22px;\r\n  padding-bottom: 42px;\r\n}\r\n\r\n\/* =========================================================\r\n   TIMELINE\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-timeline {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  gap: clamp(14px, 1.5vh, 24px);\r\n\r\n  padding-left: 42px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-line {\r\n  position: absolute;\r\n\r\n  top: 12px;\r\n  bottom: 12px;\r\n  left: 13px;\r\n\r\n  width: 3px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(91, 181, 255, 0.14);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-line-fill {\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n\r\n  height: 0%;\r\n\r\n  border-radius: inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      var(--nmf-cyan),\r\n      var(--nmf-blue),\r\n      var(--nmf-violet),\r\n      var(--nmf-green)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(69, 236, 255, 0.72);\r\n\r\n  transition:\r\n    height 0.1s linear;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker {\r\n  position: relative;\r\n\r\n  min-height: 55px;\r\n\r\n  padding: 9px 13px;\r\n\r\n  border:\r\n    1px solid\r\n    transparent;\r\n\r\n  border-radius: 16px;\r\n\r\n  opacity: 0.36;\r\n\r\n  transform:\r\n    translateX(-7px);\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.35s ease,\r\n    border-color 0.35s ease,\r\n    background 0.35s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 18px;\r\n  left: -38px;\r\n\r\n  width: 13px;\r\n  height: 13px;\r\n\r\n  border:\r\n    2px solid\r\n    rgba(111, 189, 255, 0.34);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    #06142d;\r\n\r\n  transition:\r\n    background 0.35s ease,\r\n    border-color 0.35s ease,\r\n    box-shadow 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker.active {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateX(0);\r\n\r\n  border-color:\r\n    rgba(69, 216, 255, 0.2);\r\n\r\n  background:\r\n    rgba(18, 75, 145, 0.14);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker.complete {\r\n  opacity: 0.7;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker.active::before {\r\n  border-color:\r\n    var(--nmf-cyan);\r\n\r\n  background:\r\n    var(--nmf-cyan);\r\n\r\n  box-shadow:\r\n    0 0 20px\r\n    rgba(69, 236, 255, 0.9);\r\n\r\n  transform:\r\n    scale(1.2);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker span {\r\n  display: block;\r\n\r\n  color: var(--nmf-cyan);\r\n\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 0.13em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-marker strong {\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: white;\r\n\r\n  font-family:\r\n    \"Space Grotesk\",\r\n    sans-serif;\r\n\r\n  font-size: 15px;\r\n}\r\n\r\n\/* =========================================================\r\n   PILA DE TARJETAS\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-card-stack {\r\n  position: relative;\r\n\r\n  height:\r\n    min(\r\n      60vh,\r\n      570px\r\n    );\r\n\r\n  min-height: 490px;\r\n\r\n  perspective: 1400px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  display: flex;\r\n\r\n  padding:\r\n    clamp(\r\n      26px,\r\n      3vw,\r\n      38px\r\n    );\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    var(--nmf-line);\r\n\r\n  border-radius: 31px;\r\n\r\n  flex-direction: column;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 80% 8%,\r\n      rgba(0, 168, 255, 0.13),\r\n      transparent 36%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(28, 70, 128, 0.5),\r\n      rgba(3, 14, 35, 0.9)\r\n    );\r\n\r\n  box-shadow:\r\n    0 38px 95px\r\n    rgba(0, 0, 0, 0.46),\r\n    inset 0 1px 0\r\n    rgba(255, 255, 255, 0.05);\r\n\r\n  backdrop-filter: blur(22px);\r\n  -webkit-backdrop-filter: blur(22px);\r\n\r\n  transform-origin:\r\n    center bottom;\r\n\r\n  transition:\r\n    opacity 0.5s ease,\r\n    transform 0.66s\r\n    cubic-bezier(\r\n      0.2,\r\n      0.8,\r\n      0.2,\r\n      1\r\n    ),\r\n    filter 0.5s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: -170%;\r\n  left: -60%;\r\n\r\n  width: 35%;\r\n  height: 430%;\r\n\r\n  transform: rotate(22deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255, 255, 255, 0.15),\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    nmfCardShine 7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes nmfCardShine {\r\n  0%,\r\n  56% {\r\n    left: -60%;\r\n  }\r\n\r\n  82%,\r\n  100% {\r\n    left: 145%;\r\n  }\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card.active {\r\n  z-index: 20;\r\n\r\n  opacity: 1;\r\n\r\n  filter: blur(0);\r\n\r\n  transform:\r\n    translate3d(0, 0, 0)\r\n    rotateX(0deg)\r\n    scale(1);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card.before {\r\n  z-index: 12;\r\n\r\n  opacity: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  filter: blur(4px);\r\n\r\n  transform:\r\n    translate3d(0, -92px, -150px)\r\n    rotateX(7deg)\r\n    scale(0.87);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card.after {\r\n  z-index: 5;\r\n\r\n  opacity: 0.28;\r\n\r\n  pointer-events: none;\r\n\r\n  filter: blur(1.8px);\r\n\r\n  transform:\r\n    translate3d(0, 34px, -95px)\r\n    rotateX(-5deg)\r\n    scale(0.94);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card-label {\r\n  display: inline-flex;\r\n\r\n  width: max-content;\r\n\r\n  padding: 8px 11px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(65, 222, 255, 0.29);\r\n\r\n  border-radius: 999px;\r\n\r\n  color: var(--nmf-cyan);\r\n\r\n  background:\r\n    rgba(0, 168, 255, 0.07);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 0.12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card-title {\r\n  margin-top: 26px !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      2.7vw,\r\n      43px\r\n    ) !important;\r\n\r\n  font-weight: 700 !important;\r\n\r\n  line-height: 1.04 !important;\r\n\r\n  letter-spacing:\r\n    -0.04em !important;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-card-text {\r\n  margin-top: 17px !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      14px,\r\n      1.2vw,\r\n      16px\r\n    ) !important;\r\n\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-tags {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 8px;\r\n\r\n  margin-top: 22px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-tag {\r\n  padding: 8px 11px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(65, 216, 255, 0.18);\r\n\r\n  border-radius: 999px;\r\n\r\n  color: var(--nmf-cyan);\r\n\r\n  background:\r\n    rgba(0, 168, 255, 0.055);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-flow {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  margin-top: auto;\r\n\r\n  padding-top: 24px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-flow-node {\r\n  flex: 1;\r\n\r\n  padding: 11px 8px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(93, 187, 255, 0.19);\r\n\r\n  border-radius: 13px;\r\n\r\n  color: #dbeaff;\r\n\r\n  background:\r\n    rgba(2, 11, 28, 0.58);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  text-align: center;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-flow-arrow {\r\n  color: var(--nmf-cyan);\r\n\r\n  animation:\r\n    nmfArrowMove\r\n    1.35s ease-in-out infinite;\r\n}\r\n\r\n@keyframes nmfArrowMove {\r\n  0%,\r\n  100% {\r\n    opacity: 0.38;\r\n    transform: translateX(-2px);\r\n  }\r\n\r\n  50% {\r\n    opacity: 1;\r\n    transform: translateX(3px);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   PANEL VISUAL\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-visual-panel {\r\n  position: relative;\r\n\r\n  height:\r\n    min(\r\n      60vh,\r\n      570px\r\n    );\r\n\r\n  min-height: 490px;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    var(--nmf-line);\r\n\r\n  border-radius: 31px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      rgba(0, 176, 255, 0.2),\r\n      transparent 38%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(10, 35, 75, 0.74),\r\n      rgba(2, 10, 26, 0.92)\r\n    );\r\n\r\n  box-shadow:\r\n    0 38px 95px\r\n    rgba(0, 0, 0, 0.43);\r\n\r\n  backdrop-filter: blur(22px);\r\n  -webkit-backdrop-filter: blur(22px);\r\n}\r\n\r\n\/* =========================================================\r\n   ANILLOS\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-orbit {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(75, 191, 255, 0.18);\r\n\r\n  border-radius: 50%;\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-orbit-one {\r\n  width: 310px;\r\n  height: 310px;\r\n\r\n  animation:\r\n    nmfOrbitOne\r\n    20s linear infinite;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-orbit-two {\r\n  width: 425px;\r\n  height: 425px;\r\n\r\n  border-style: dashed;\r\n\r\n  animation:\r\n    nmfOrbitTwo\r\n    29s linear infinite;\r\n}\r\n\r\n@keyframes nmfOrbitOne {\r\n  to {\r\n    transform:\r\n      translate(-50%, -50%)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes nmfOrbitTwo {\r\n  to {\r\n    transform:\r\n      translate(-50%, -50%)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   N\u00daCLEO\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-core {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  z-index: 12;\r\n\r\n  display: grid;\r\n\r\n  width: 144px;\r\n  height: 144px;\r\n\r\n  place-items: center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(62, 223, 255, 0.55);\r\n\r\n  border-radius: 50%;\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 35% 25%,\r\n      rgba(121, 239, 255, 0.38),\r\n      rgba(14, 105, 215, 0.84) 42%,\r\n      rgba(61, 42, 160, 0.9)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 65px\r\n    rgba(0, 183, 255, 0.36),\r\n    inset 0 0 35px\r\n    rgba(255, 255, 255, 0.09);\r\n\r\n  animation:\r\n    nmfCorePulse\r\n    3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes nmfCorePulse {\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translate(-50%, -50%)\r\n      scale(0.96);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate(-50%, -50%)\r\n      scale(1.05);\r\n  }\r\n}\r\n\r\n#nm-ai-project-flow .nmf-core svg {\r\n  width: 70px;\r\n  height: 70px;\r\n\r\n  color: white;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 0 18px\r\n      rgba(255, 255, 255, 0.35)\r\n    );\r\n}\r\n\r\n#nm-ai-project-flow .nmf-core-label {\r\n  position: absolute;\r\n\r\n  right: 0;\r\n  bottom: -33px;\r\n  left: 0;\r\n\r\n  color: var(--nmf-cyan);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 0.13em;\r\n\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   ICONOS DE PLATAFORMAS\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-platform {\r\n  position: absolute;\r\n\r\n  z-index: 15;\r\n\r\n  display: grid;\r\n\r\n  width: 70px;\r\n  height: 70px;\r\n\r\n  place-items: center;\r\n\r\n  padding: 12px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(89, 204, 255, 0.32);\r\n\r\n  border-radius: 21px;\r\n\r\n  opacity: 0.36;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(23, 71, 137, 0.82),\r\n      rgba(2, 13, 33, 0.9)\r\n    );\r\n\r\n  box-shadow:\r\n    0 18px 45px\r\n    rgba(0, 0, 0, 0.38),\r\n    0 0 27px\r\n    rgba(0, 168, 255, 0.14);\r\n\r\n  transition:\r\n    opacity 0.45s ease,\r\n    transform 0.45s ease,\r\n    border-color 0.45s ease,\r\n    box-shadow 0.45s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform.active {\r\n  opacity: 1;\r\n\r\n  border-color:\r\n    rgba(69, 236, 255, 0.76);\r\n\r\n  box-shadow:\r\n    0 25px 60px\r\n    rgba(0, 0, 0, 0.48),\r\n    0 0 45px\r\n    rgba(0, 183, 255, 0.34);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform img {\r\n  width: 43px;\r\n  height: 43px;\r\n\r\n  object-fit: contain;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform-1 {\r\n  top: 7%;\r\n  left: 42%;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform-2 {\r\n  top: 22%;\r\n  right: 7%;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform-3 {\r\n  right: 10%;\r\n  bottom: 18%;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform-4 {\r\n  bottom: 6%;\r\n  left: 42%;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform-5 {\r\n  bottom: 19%;\r\n  left: 7%;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-platform-6 {\r\n  top: 22%;\r\n  left: 7%;\r\n}\r\n\r\n\/* =========================================================\r\n   AGENTES IA FLOTANTES\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-agent-card {\r\n  position: absolute;\r\n\r\n  z-index: 24;\r\n\r\n  display: flex;\r\n\r\n  width: 155px;\r\n  min-height: 64px;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding: 10px 12px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(89, 203, 255, 0.24);\r\n\r\n  border-radius: 18px;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(20px)\r\n    scale(0.9);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(11, 50, 101, 0.86),\r\n      rgba(2, 12, 31, 0.9)\r\n    );\r\n\r\n  box-shadow:\r\n    0 22px 54px\r\n    rgba(0, 0, 0, 0.42),\r\n    0 0 28px\r\n    rgba(0, 168, 255, 0.16);\r\n\r\n  backdrop-filter: blur(20px);\r\n\r\n  transition:\r\n    opacity 0.5s ease,\r\n    transform 0.5s ease,\r\n    border-color 0.5s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-card.visible {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0)\r\n    scale(1);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-card::before {\r\n  content: \"\";\r\n\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  flex: 0 0 38px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(69, 236, 255, 0.45);\r\n\r\n  border-radius: 13px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 35% 25%,\r\n      #75f1ff,\r\n      #1687ff 45%,\r\n      #755cff\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 22px\r\n    rgba(0, 174, 255, 0.3);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-card strong {\r\n  display: block;\r\n\r\n  color: white;\r\n\r\n  font-family:\r\n    \"Space Grotesk\",\r\n    sans-serif;\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-card span {\r\n  display: block;\r\n\r\n  margin-top: 2px;\r\n\r\n  color: #91abc4;\r\n\r\n  font-size: 9px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-one {\r\n  top: 12%;\r\n  left: 4%;\r\n\r\n  animation:\r\n    nmfAgentFloatOne\r\n    5.2s ease-in-out infinite;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-two {\r\n  top: 10%;\r\n  right: 3%;\r\n\r\n  animation:\r\n    nmfAgentFloatTwo\r\n    6s ease-in-out infinite;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-three {\r\n  right: 4%;\r\n  bottom: 9%;\r\n\r\n  animation:\r\n    nmfAgentFloatOne\r\n    5.7s ease-in-out infinite reverse;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-agent-four {\r\n  bottom: 9%;\r\n  left: 3%;\r\n\r\n  animation:\r\n    nmfAgentFloatTwo\r\n    6.4s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes nmfAgentFloatOne {\r\n  0%,\r\n  100% {\r\n    translate: 0 -4px;\r\n  }\r\n\r\n  50% {\r\n    translate: 0 10px;\r\n  }\r\n}\r\n\r\n@keyframes nmfAgentFloatTwo {\r\n  0%,\r\n  100% {\r\n    translate: -4px 0;\r\n  }\r\n\r\n  50% {\r\n    translate: 8px -7px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   RED DE CONEXIONES\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-network {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 5;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-network path {\r\n  fill: none;\r\n\r\n  stroke:\r\n    rgba(61, 215, 255, 0.22);\r\n\r\n  stroke-width: 1.4;\r\n\r\n  stroke-dasharray: 8 10;\r\n\r\n  transition:\r\n    stroke 0.45s ease,\r\n    stroke-width 0.45s ease,\r\n    opacity 0.45s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-network path.active {\r\n  stroke:\r\n    rgba(69, 236, 255, 0.88);\r\n\r\n  stroke-width: 2.4;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 0 6px\r\n      rgba(69, 236, 255, 0.82)\r\n    );\r\n\r\n  animation:\r\n    nmfNetworkMove\r\n    1.8s linear infinite;\r\n}\r\n\r\n@keyframes nmfNetworkMove {\r\n  to {\r\n    stroke-dashoffset: -36;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   VIDEO FINAL\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-video-layer {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 40;\r\n\r\n  display: grid;\r\n\r\n  padding: 24px;\r\n\r\n  place-items: center;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  background:\r\n    rgba(1, 6, 17, 0.86);\r\n\r\n  backdrop-filter: blur(23px);\r\n  -webkit-backdrop-filter: blur(23px);\r\n\r\n  transition:\r\n    opacity 0.7s ease,\r\n    visibility 0.7s ease;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-video-layer.active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-video-shell {\r\n  position: relative;\r\n\r\n  width:\r\n    min(\r\n      100%,\r\n      560px\r\n    );\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(62, 221, 255, 0.48);\r\n\r\n  border-radius: 24px;\r\n\r\n  background:\r\n    #020713;\r\n\r\n  box-shadow:\r\n    0 35px 95px\r\n    rgba(0, 0, 0, 0.56),\r\n    0 0 60px\r\n    rgba(0, 174, 255, 0.22);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-video-shell video {\r\n  width: 100%;\r\n\r\n  aspect-ratio: 16 \/ 9;\r\n\r\n  object-fit: cover;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #06182e,\r\n      #080d28\r\n    );\r\n}\r\n\r\n#nm-ai-project-flow .nmf-video-copy {\r\n  padding: 19px 21px 22px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-video-copy strong {\r\n  display: block;\r\n\r\n  color: white;\r\n\r\n  font-family:\r\n    \"Space Grotesk\",\r\n    sans-serif;\r\n\r\n  font-size: 21px;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-video-copy span {\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color: var(--nmf-muted);\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n\/* =========================================================\r\n   PROGRESO\r\n========================================================= *\/\r\n\r\n#nm-ai-project-flow .nmf-progress-ui {\r\n  position: absolute;\r\n\r\n  right: 24px;\r\n  bottom: 20px;\r\n  left: 24px;\r\n\r\n  z-index: 48;\r\n\r\n  max-width: 1340px;\r\n\r\n  margin-inline: auto;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-progress-labels {\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #9eb6cc;\r\n\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.09em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n#nm-ai-project-flow .nmf-progress-track {\r\n  height: 7px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255, 255, 255, 0.075);\r\n}\r\n\r\n#nm-ai-project-flow .nmf-progress-fill {\r\n  width: 0%;\r\n  height: 100%;\r\n\r\n  border-radius: inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--nmf-blue),\r\n      var(--nmf-cyan),\r\n      var(--nmf-violet),\r\n      var(--nmf-green)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 20px\r\n    rgba(69, 236, 255, 0.48);\r\n\r\n  transition:\r\n    width 0.09s linear;\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1160px) {\r\n  #nm-ai-project-flow .nmf-stage {\r\n    grid-template-columns:\r\n      205px\r\n      minmax(350px, 1fr)\r\n      minmax(300px, 0.8fr);\r\n\r\n    gap: 24px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-card-stack,\r\n  #nm-ai-project-flow .nmf-visual-panel {\r\n    min-height: 470px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-platform {\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n    padding: 10px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-platform img {\r\n    width: 37px;\r\n    height: 37px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-agent-card {\r\n    width: 132px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  #nm-ai-project-flow .nmf-scroll-space {\r\n    height: auto;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-sticky {\r\n    position: relative;\r\n\r\n    height: auto;\r\n\r\n    overflow: visible;\r\n\r\n    padding: 70px 0;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-header-area {\r\n    padding-top: 0;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-stage {\r\n    grid-template-columns: 1fr;\r\n\r\n    height: auto;\r\n\r\n    padding-top: 42px;\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-timeline {\r\n    grid-template-columns:\r\n      repeat(3, 1fr);\r\n\r\n    padding-left: 0;\r\n\r\n    order: 1;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-line {\r\n    top: auto;\r\n    right: 12px;\r\n    bottom: -13px;\r\n    left: 12px;\r\n\r\n    width: auto;\r\n    height: 3px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-line-fill {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-marker {\r\n    padding: 9px;\r\n\r\n    text-align: center;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-marker::before {\r\n    display: none;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-card-stack {\r\n    order: 2;\r\n\r\n    height: auto;\r\n    min-height: auto;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-card {\r\n    position: relative;\r\n    inset: auto;\r\n\r\n    display: none;\r\n\r\n    min-height: 460px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-card.active {\r\n    display: flex;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-visual-panel {\r\n    order: 3;\r\n\r\n    height: 560px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-progress-ui {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n  #nm-ai-project-flow .nmf-container {\r\n    width:\r\n      calc(100% - 22px)\r\n      !important;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-main-title {\r\n    font-size:\r\n      clamp(\r\n        34px,\r\n        10vw,\r\n        48px\r\n      ) !important;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-timeline {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-card {\r\n    padding: 25px;\r\n\r\n    min-height: 430px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-card-title {\r\n    font-size: 30px !important;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-visual-panel {\r\n    height: 500px;\r\n    min-height: 500px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-core {\r\n    width: 116px;\r\n    height: 116px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-core svg {\r\n    width: 56px;\r\n    height: 56px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-orbit-one {\r\n    width: 245px;\r\n    height: 245px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-orbit-two {\r\n    width: 340px;\r\n    height: 340px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-platform {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    padding: 8px;\r\n\r\n    border-radius: 16px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-platform img {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-agent-card {\r\n    width: 116px;\r\n\r\n    padding: 8px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-agent-card::before {\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    flex-basis: 30px;\r\n  }\r\n\r\n  #nm-ai-project-flow .nmf-agent-card span {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #nm-ai-project-flow *,\r\n  #nm-ai-project-flow *::before,\r\n  #nm-ai-project-flow *::after {\r\n    animation-duration:\r\n      0.001ms !important;\r\n\r\n    animation-iteration-count:\r\n      1 !important;\r\n\r\n    transition-duration:\r\n      0.001ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"nm-ai-project-flow\">\r\n\r\n  <div class=\"nmf-particles\" id=\"nmfParticles\"><\/div>\r\n\r\n  <div class=\"nmf-data-lines\">\r\n    <span class=\"nmf-data-line\"><\/span>\r\n    <span class=\"nmf-data-line\"><\/span>\r\n    <span class=\"nmf-data-line\"><\/span>\r\n    <span class=\"nmf-data-line\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"nmf-scroll-space\">\r\n\r\n    <div class=\"nmf-sticky\">\r\n\r\n      <div class=\"nmf-container\">\r\n\r\n        <!-- ENCABEZADO -->\r\n\r\n        <div class=\"nmf-header-area\">\r\n\r\n          <div class=\"nmf-heading\">\r\n\r\n            <span class=\"nmf-eyebrow\">\r\n              Recorrido del proyecto\r\n            <\/span>\r\n\r\n            <h2 class=\"nmf-main-title\">\r\n              De una idea inicial a un\r\n              <span class=\"nmf-gradient-text\">\r\n                ecosistema impulsado por inteligencia artificial.\r\n              <\/span>\r\n            <\/h2>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CONTENIDO -->\r\n\r\n        <div class=\"nmf-stage\">\r\n\r\n          <!-- TIMELINE -->\r\n\r\n          <aside class=\"nmf-timeline\">\r\n\r\n            <div class=\"nmf-line\">\r\n              <span\r\n                class=\"nmf-line-fill\"\r\n                id=\"nmfLineFill\"\r\n              ><\/span>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-marker active\"\r\n              data-step=\"0\"\r\n            >\r\n              <span>Etapa 01<\/span>\r\n              <strong>Diagn\u00f3stico<\/strong>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-marker\"\r\n              data-step=\"1\"\r\n            >\r\n              <span>Etapa 02<\/span>\r\n              <strong>Arquitectura<\/strong>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-marker\"\r\n              data-step=\"2\"\r\n            >\r\n              <span>Etapa 03<\/span>\r\n              <strong>Construcci\u00f3n<\/strong>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-marker\"\r\n              data-step=\"3\"\r\n            >\r\n              <span>Etapa 04<\/span>\r\n              <strong>Automatizaci\u00f3n<\/strong>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-marker\"\r\n              data-step=\"4\"\r\n            >\r\n              <span>Etapa 05<\/span>\r\n              <strong>Agentes IA<\/strong>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-marker\"\r\n              data-step=\"5\"\r\n            >\r\n              <span>Resultado<\/span>\r\n              <strong>Ecosistema activo<\/strong>\r\n            <\/div>\r\n\r\n          <\/aside>\r\n\r\n          <!-- TARJETAS -->\r\n\r\n          <div class=\"nmf-card-stack\">\r\n\r\n            <article\r\n              class=\"nmf-card active\"\r\n              data-card=\"0\"\r\n            >\r\n\r\n              <span class=\"nmf-card-label\">\r\n                01 \u00b7 Diagn\u00f3stico\r\n              <\/span>\r\n\r\n              <h3 class=\"nmf-card-title\">\r\n                Primero entendemos el negocio.\r\n              <\/h3>\r\n\r\n              <p class=\"nmf-card-text\">\r\n                Analizamos el modelo comercial, la experiencia actual,\r\n                los puntos de fricci\u00f3n, las herramientas existentes y\r\n                las oportunidades reales de automatizaci\u00f3n.\r\n              <\/p>\r\n\r\n              <div class=\"nmf-tags\">\r\n                <span class=\"nmf-tag\">Objetivos<\/span>\r\n                <span class=\"nmf-tag\">Procesos<\/span>\r\n                <span class=\"nmf-tag\">Clientes<\/span>\r\n                <span class=\"nmf-tag\">Datos<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"nmf-flow\">\r\n                <span class=\"nmf-flow-node\">Problema<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">An\u00e1lisis<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Estrategia<\/span>\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article\r\n              class=\"nmf-card after\"\r\n              data-card=\"1\"\r\n            >\r\n\r\n              <span class=\"nmf-card-label\">\r\n                02 \u00b7 Arquitectura\r\n              <\/span>\r\n\r\n              <h3 class=\"nmf-card-title\">\r\n                Dise\u00f1amos el ecosistema y sus conexiones.\r\n              <\/h3>\r\n\r\n              <p class=\"nmf-card-text\">\r\n                Definimos la estructura web, el CRM, las fuentes de\r\n                captaci\u00f3n, los flujos de datos y las automatizaciones\r\n                necesarias para conectar marketing, ventas y atenci\u00f3n.\r\n              <\/p>\r\n\r\n              <div class=\"nmf-tags\">\r\n                <span class=\"nmf-tag\">Web<\/span>\r\n                <span class=\"nmf-tag\">CRM<\/span>\r\n                <span class=\"nmf-tag\">UX\/UI<\/span>\r\n                <span class=\"nmf-tag\">Embudo<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"nmf-flow\">\r\n                <span class=\"nmf-flow-node\">Tr\u00e1fico<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Landing<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">CRM<\/span>\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article\r\n              class=\"nmf-card after\"\r\n              data-card=\"2\"\r\n            >\r\n\r\n              <span class=\"nmf-card-label\">\r\n                03 \u00b7 Construcci\u00f3n\r\n              <\/span>\r\n\r\n              <h3 class=\"nmf-card-title\">\r\n                Convertimos la estrategia en una experiencia funcional.\r\n              <\/h3>\r\n\r\n              <p class=\"nmf-card-text\">\r\n                Construimos p\u00e1ginas, interfaces, formularios, embudos\r\n                y sistemas para que el proyecto tenga una base s\u00f3lida,\r\n                medible y escalable.\r\n              <\/p>\r\n\r\n              <div class=\"nmf-tags\">\r\n                <span class=\"nmf-tag\">WordPress<\/span>\r\n                <span class=\"nmf-tag\">Figma<\/span>\r\n                <span class=\"nmf-tag\">Responsive<\/span>\r\n                <span class=\"nmf-tag\">Conversi\u00f3n<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"nmf-flow\">\r\n                <span class=\"nmf-flow-node\">Dise\u00f1o<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Desarrollo<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Pruebas<\/span>\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article\r\n              class=\"nmf-card after\"\r\n              data-card=\"3\"\r\n            >\r\n\r\n              <span class=\"nmf-card-label\">\r\n                04 \u00b7 Automatizaci\u00f3n\r\n              <\/span>\r\n\r\n              <h3 class=\"nmf-card-title\">\r\n                Los procesos comienzan a funcionar solos.\r\n              <\/h3>\r\n\r\n              <p class=\"nmf-card-text\">\r\n                Conectamos formularios, CRM, WhatsApp, calendarios,\r\n                campa\u00f1as y bases de datos mediante automatizaciones\r\n                que reducen tareas manuales y aceleran la operaci\u00f3n.\r\n              <\/p>\r\n\r\n              <div class=\"nmf-tags\">\r\n                <span class=\"nmf-tag\">n8n<\/span>\r\n                <span class=\"nmf-tag\">GHL<\/span>\r\n                <span class=\"nmf-tag\">WhatsApp<\/span>\r\n                <span class=\"nmf-tag\">Integraciones<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"nmf-flow\">\r\n                <span class=\"nmf-flow-node\">Lead<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Workflow<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Seguimiento<\/span>\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article\r\n              class=\"nmf-card after\"\r\n              data-card=\"4\"\r\n            >\r\n\r\n              <span class=\"nmf-card-label\">\r\n                05 \u00b7 Agentes de IA\r\n              <\/span>\r\n\r\n              <h3 class=\"nmf-card-title\">\r\n                Integramos inteligencia capaz de actuar.\r\n              <\/h3>\r\n\r\n              <p class=\"nmf-card-text\">\r\n                Los agentes reciben informaci\u00f3n, interpretan solicitudes,\r\n                consultan herramientas y ejecutan acciones dentro del\r\n                ecosistema comercial y operativo.\r\n              <\/p>\r\n\r\n              <div class=\"nmf-tags\">\r\n                <span class=\"nmf-tag\">Agentes<\/span>\r\n                <span class=\"nmf-tag\">Memoria<\/span>\r\n                <span class=\"nmf-tag\">Contexto<\/span>\r\n                <span class=\"nmf-tag\">Acciones<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"nmf-flow\">\r\n                <span class=\"nmf-flow-node\">Mensaje<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Agente IA<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Resultado<\/span>\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article\r\n              class=\"nmf-card after\"\r\n              data-card=\"5\"\r\n            >\r\n\r\n              <span class=\"nmf-card-label\">\r\n                Resultado \u00b7 Sistema activo\r\n              <\/span>\r\n\r\n              <h3 class=\"nmf-card-title\">\r\n                El proyecto se convierte en un ecosistema inteligente.\r\n              <\/h3>\r\n\r\n              <p class=\"nmf-card-text\">\r\n                Web, campa\u00f1as, CRM, automatizaciones y agentes de IA\r\n                trabajan conectados para captar, atender, organizar,\r\n                medir y escalar la operaci\u00f3n.\r\n              <\/p>\r\n\r\n              <div class=\"nmf-tags\">\r\n                <span class=\"nmf-tag\">Escalable<\/span>\r\n                <span class=\"nmf-tag\">Medible<\/span>\r\n                <span class=\"nmf-tag\">Automatizado<\/span>\r\n                <span class=\"nmf-tag\">Inteligente<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"nmf-flow\">\r\n                <span class=\"nmf-flow-node\">Marketing<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Ventas<\/span>\r\n                <span class=\"nmf-flow-arrow\">\u2192<\/span>\r\n                <span class=\"nmf-flow-node\">Crecimiento<\/span>\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n          <!-- PANEL VISUAL -->\r\n\r\n          <div class=\"nmf-visual-panel\">\r\n\r\n            <svg\r\n              class=\"nmf-network\"\r\n              viewBox=\"0 0 500 560\"\r\n              preserveAspectRatio=\"none\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <path\r\n                data-network=\"0\"\r\n                d=\"M250 280 C250 190,250 120,250 70\"\r\n              ><\/path>\r\n\r\n              <path\r\n                data-network=\"1\"\r\n                d=\"M250 280 C330 250,390 210,430 155\"\r\n              ><\/path>\r\n\r\n              <path\r\n                data-network=\"2\"\r\n                d=\"M250 280 C345 310,390 355,425 430\"\r\n              ><\/path>\r\n\r\n              <path\r\n                data-network=\"3\"\r\n                d=\"M250 280 C250 365,250 430,250 500\"\r\n              ><\/path>\r\n\r\n              <path\r\n                data-network=\"4\"\r\n                d=\"M250 280 C165 315,110 355,72 430\"\r\n              ><\/path>\r\n\r\n              <path\r\n                data-network=\"5\"\r\n                d=\"M250 280 C160 245,105 205,67 155\"\r\n              ><\/path>\r\n            <\/svg>\r\n\r\n            <div class=\"nmf-orbit nmf-orbit-one\"><\/div>\r\n            <div class=\"nmf-orbit nmf-orbit-two\"><\/div>\r\n\r\n            <!-- N\u00daCLEO -->\r\n\r\n            <div class=\"nmf-core\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 64 64\"\r\n                fill=\"none\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <path\r\n                  d=\"M20 18C20 11.4 25.4 6 32 6C38.6 6 44 11.4 44 18V22C49.5 24.4 53 29.9 53 36C53 44.8 45.8 52 37 52H27C18.2 52 11 44.8 11 36C11 29.9 14.5 24.4 20 22V18Z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"3\"\r\n                ><\/path>\r\n\r\n                <circle\r\n                  cx=\"25\"\r\n                  cy=\"34\"\r\n                  r=\"3\"\r\n                  fill=\"currentColor\"\r\n                ><\/circle>\r\n\r\n                <circle\r\n                  cx=\"39\"\r\n                  cy=\"34\"\r\n                  r=\"3\"\r\n                  fill=\"currentColor\"\r\n                ><\/circle>\r\n\r\n                <path\r\n                  d=\"M24 43C26.4 45 29 46 32 46C35 46 37.6 45 40 43\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"3\"\r\n                  stroke-linecap=\"round\"\r\n                ><\/path>\r\n\r\n                <path\r\n                  d=\"M32 6V2M18 12L14 8M46 12L50 8\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"3\"\r\n                  stroke-linecap=\"round\"\r\n                ><\/path>\r\n              <\/svg>\r\n\r\n              <span class=\"nmf-core-label\">\r\n                N\u00facleo IA\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- PLATAFORMAS -->\r\n\r\n            <div\r\n              class=\"nmf-platform nmf-platform-1 active\"\r\n              data-platform=\"0\"\r\n            >\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-13.webp\"\r\n                alt=\"Figma\"\r\n              >\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-platform nmf-platform-2\"\r\n              data-platform=\"1\"\r\n            >\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-12.webp\"\r\n                alt=\"Illustrator\"\r\n              >\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-platform nmf-platform-3\"\r\n              data-platform=\"2\"\r\n            >\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-5.webp\"\r\n                alt=\"GHL\"\r\n              >\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-platform nmf-platform-4\"\r\n              data-platform=\"3\"\r\n            >\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-16.webp\"\r\n                alt=\"n8n\"\r\n              >\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-platform nmf-platform-5\"\r\n              data-platform=\"4\"\r\n            >\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-15.webp\"\r\n                alt=\"WordPress\"\r\n              >\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-platform nmf-platform-6\"\r\n              data-platform=\"5\"\r\n            >\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2025\/06\/Recurso-11.webp\"\r\n                alt=\"Google Ads\"\r\n              >\r\n            <\/div>\r\n\r\n            <!-- AGENTES IA FLOTANTES -->\r\n\r\n            <div\r\n              class=\"nmf-agent-card nmf-agent-one\"\r\n              data-agent-card=\"2\"\r\n            >\r\n              <div>\r\n                <strong>Agente comercial<\/strong>\r\n                <span>Califica oportunidades<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-agent-card nmf-agent-two\"\r\n              data-agent-card=\"3\"\r\n            >\r\n              <div>\r\n                <strong>Agente operativo<\/strong>\r\n                <span>Ejecuta automatizaciones<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-agent-card nmf-agent-three\"\r\n              data-agent-card=\"4\"\r\n            >\r\n              <div>\r\n                <strong>Agente de soporte<\/strong>\r\n                <span>Responde y consulta datos<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nmf-agent-card nmf-agent-four\"\r\n              data-agent-card=\"5\"\r\n            >\r\n              <div>\r\n                <strong>Agente anal\u00edtico<\/strong>\r\n                <span>Mide y optimiza resultados<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- VIDEO -->\r\n\r\n            <div\r\n              class=\"nmf-video-layer\"\r\n              id=\"nmfVideoLayer\"\r\n            >\r\n\r\n              <div class=\"nmf-video-shell\">\r\n\r\n                <video\r\n                  id=\"nmfFinalVideo\"\r\n                  muted\r\n                  playsinline\r\n                  preload=\"metadata\"\r\n                  controls\r\n                >\r\n                  <source\r\n                    src=\"https:\/\/nicomorenouxai.com\/wp-content\/uploads\/2026\/07\/videoplayback.mp4\"\r\n                    type=\"video\/mp4\"\r\n                  >\r\n                <\/video>\r\n\r\n                <div class=\"nmf-video-copy\">\r\n\r\n                  <strong>\r\n                    Ecosistema inteligente en funcionamiento\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    El video se activa al completar el recorrido.\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- PROGRESO -->\r\n\r\n      <div class=\"nmf-progress-ui\">\r\n\r\n        <div class=\"nmf-progress-labels\">\r\n          <span>Idea inicial<\/span>\r\n          <span id=\"nmfProgressText\">0%<\/span>\r\n          <span>Sistema con IA<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"nmf-progress-track\">\r\n\r\n          <div\r\n            class=\"nmf-progress-fill\"\r\n            id=\"nmfProgressFill\"\r\n          ><\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const root =\r\n    document.getElementById(\r\n      \"nm-ai-project-flow\"\r\n    );\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n  const scrollSpace =\r\n    root.querySelector(\r\n      \".nmf-scroll-space\"\r\n    );\r\n\r\n  const cards =\r\n    Array.from(\r\n      root.querySelectorAll(\r\n        \".nmf-card\"\r\n      )\r\n    );\r\n\r\n  const markers =\r\n    Array.from(\r\n      root.querySelectorAll(\r\n        \".nmf-marker\"\r\n      )\r\n    );\r\n\r\n  const platforms =\r\n    Array.from(\r\n      root.querySelectorAll(\r\n        \".nmf-platform\"\r\n      )\r\n    );\r\n\r\n  const networkPaths =\r\n    Array.from(\r\n      root.querySelectorAll(\r\n        \".nmf-network path\"\r\n      )\r\n    );\r\n\r\n  const agentCards =\r\n    Array.from(\r\n      root.querySelectorAll(\r\n        \".nmf-agent-card\"\r\n      )\r\n    );\r\n\r\n  const lineFill =\r\n    root.querySelector(\r\n      \"#nmfLineFill\"\r\n    );\r\n\r\n  const progressFill =\r\n    root.querySelector(\r\n      \"#nmfProgressFill\"\r\n    );\r\n\r\n  const progressText =\r\n    root.querySelector(\r\n      \"#nmfProgressText\"\r\n    );\r\n\r\n  const videoLayer =\r\n    root.querySelector(\r\n      \"#nmfVideoLayer\"\r\n    );\r\n\r\n  const finalVideo =\r\n    root.querySelector(\r\n      \"#nmfFinalVideo\"\r\n    );\r\n\r\n  const particlesContainer =\r\n    root.querySelector(\r\n      \"#nmfParticles\"\r\n    );\r\n\r\n  let currentStep = -1;\r\n  let ticking = false;\r\n  let videoStarted = false;\r\n\r\n  const totalSteps =\r\n    cards.length;\r\n\r\n  \/* =====================================================\r\n     PART\u00cdCULAS\r\n  ===================================================== *\/\r\n\r\n  const particleColors = [\r\n    \"rgba(69,236,255,.9)\",\r\n    \"rgba(22,135,255,.85)\",\r\n    \"rgba(117,92,255,.8)\",\r\n    \"rgba(50,230,161,.75)\"\r\n  ];\r\n\r\n  for (\r\n    let index = 0;\r\n    index < 42;\r\n    index += 1\r\n  ) {\r\n    const particle =\r\n      document.createElement(\r\n        \"span\"\r\n      );\r\n\r\n    particle.className =\r\n      \"nmf-particle\";\r\n\r\n    const size =\r\n      Math.random() * 4 + 2;\r\n\r\n    const left =\r\n      Math.random() * 100;\r\n\r\n    const top =\r\n      Math.random() * 100;\r\n\r\n    const opacity =\r\n      Math.random() * 0.55 + 0.2;\r\n\r\n    const duration =\r\n      Math.random() * 8 + 6;\r\n\r\n    const delay =\r\n      Math.random() * -10;\r\n\r\n    const moveX =\r\n      Math.random() * 80 - 40;\r\n\r\n    const moveY =\r\n      Math.random() * 100 - 50;\r\n\r\n    const color =\r\n      particleColors[\r\n        Math.floor(\r\n          Math.random() *\r\n          particleColors.length\r\n        )\r\n      ];\r\n\r\n    particle.style.setProperty(\r\n      \"--size\",\r\n      size + \"px\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--left\",\r\n      left + \"%\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--top\",\r\n      top + \"%\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--opacity\",\r\n      opacity\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--duration\",\r\n      duration + \"s\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--delay\",\r\n      delay + \"s\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--move-x\",\r\n      moveX + \"px\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--move-y\",\r\n      moveY + \"px\"\r\n    );\r\n\r\n    particle.style.setProperty(\r\n      \"--particle-color\",\r\n      color\r\n    );\r\n\r\n    particlesContainer.appendChild(\r\n      particle\r\n    );\r\n  }\r\n\r\n  \/* =====================================================\r\n     UTILIDADES\r\n  ===================================================== *\/\r\n\r\n  function clamp(\r\n    value,\r\n    min,\r\n    max\r\n  ) {\r\n    return Math.min(\r\n      Math.max(\r\n        value,\r\n        min\r\n      ),\r\n      max\r\n    );\r\n  }\r\n\r\n  function getProgress() {\r\n    if (\r\n      window.innerWidth <= 900\r\n    ) {\r\n      return 0;\r\n    }\r\n\r\n    const rect =\r\n      scrollSpace\r\n        .getBoundingClientRect();\r\n\r\n    const totalScrollable =\r\n      scrollSpace.offsetHeight -\r\n      window.innerHeight;\r\n\r\n    if (\r\n      totalScrollable <= 0\r\n    ) {\r\n      return 0;\r\n    }\r\n\r\n    return clamp(\r\n      -rect.top \/\r\n      totalScrollable,\r\n      0,\r\n      1\r\n    );\r\n  }\r\n\r\n  \/* =====================================================\r\n     ACTIVAR ETAPAS\r\n  ===================================================== *\/\r\n\r\n  function activateStep(\r\n    step\r\n  ) {\r\n    if (\r\n      step === currentStep\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    currentStep = step;\r\n\r\n    cards.forEach(\r\n      function (\r\n        card,\r\n        index\r\n      ) {\r\n        card.classList.remove(\r\n          \"active\",\r\n          \"before\",\r\n          \"after\"\r\n        );\r\n\r\n        if (\r\n          index === step\r\n        ) {\r\n          card.classList.add(\r\n            \"active\"\r\n          );\r\n        } else if (\r\n          index < step\r\n        ) {\r\n          card.classList.add(\r\n            \"before\"\r\n          );\r\n        } else {\r\n          card.classList.add(\r\n            \"after\"\r\n          );\r\n        }\r\n      }\r\n    );\r\n\r\n    markers.forEach(\r\n      function (\r\n        marker,\r\n        index\r\n      ) {\r\n        marker.classList.toggle(\r\n          \"active\",\r\n          index === step\r\n        );\r\n\r\n        marker.classList.toggle(\r\n          \"complete\",\r\n          index < step\r\n        );\r\n      }\r\n    );\r\n\r\n    platforms.forEach(\r\n      function (\r\n        platform,\r\n        index\r\n      ) {\r\n        platform.classList.toggle(\r\n          \"active\",\r\n          index <= step\r\n        );\r\n\r\n        const rotation =\r\n          (\r\n            step +\r\n            index\r\n          ) * 2.5;\r\n\r\n        platform.style.transform =\r\n          index <= step\r\n            ? \"translateY(-5px) rotate(\" +\r\n              rotation +\r\n              \"deg) scale(1.04)\"\r\n            : \"\";\r\n      }\r\n    );\r\n\r\n    networkPaths.forEach(\r\n      function (\r\n        path,\r\n        index\r\n      ) {\r\n        path.classList.toggle(\r\n          \"active\",\r\n          index <= step\r\n        );\r\n      }\r\n    );\r\n\r\n    agentCards.forEach(\r\n      function (agentCard) {\r\n        const activationStep =\r\n          Number(\r\n            agentCard.dataset.agentCard\r\n          );\r\n\r\n        agentCard.classList.toggle(\r\n          \"visible\",\r\n          step >= activationStep\r\n        );\r\n      }\r\n    );\r\n  }\r\n\r\n  \/* =====================================================\r\n     VIDEO\r\n  ===================================================== *\/\r\n\r\n  function controlVideo(\r\n    progress\r\n  ) {\r\n    const shouldShow =\r\n      progress >= 0.93;\r\n\r\n    videoLayer.classList.toggle(\r\n      \"active\",\r\n      shouldShow\r\n    );\r\n\r\n    if (\r\n      shouldShow &&\r\n      !videoStarted\r\n    ) {\r\n      videoStarted = true;\r\n\r\n      finalVideo\r\n        .play()\r\n        .catch(\r\n          function () {\r\n            \/* Algunos navegadores exigen interacci\u00f3n *\/\r\n          }\r\n        );\r\n    }\r\n\r\n    if (\r\n      !shouldShow &&\r\n      videoStarted\r\n    ) {\r\n      finalVideo.pause();\r\n\r\n      videoStarted = false;\r\n    }\r\n  }\r\n\r\n  \/* =====================================================\r\n     ACTUALIZACI\u00d3N POR SCROLL\r\n  ===================================================== *\/\r\n\r\n  function updateJourney() {\r\n    if (\r\n      window.innerWidth <= 900\r\n    ) {\r\n      ticking = false;\r\n\r\n      return;\r\n    }\r\n\r\n    const progress =\r\n      getProgress();\r\n\r\n    const percentage =\r\n      Math.round(\r\n        progress * 100\r\n      );\r\n\r\n    const step =\r\n      Math.min(\r\n        totalSteps - 1,\r\n        Math.floor(\r\n          progress *\r\n          totalSteps\r\n        )\r\n      );\r\n\r\n    lineFill.style.height =\r\n      percentage +\r\n      \"%\";\r\n\r\n    progressFill.style.width =\r\n      percentage +\r\n      \"%\";\r\n\r\n    progressText.textContent =\r\n      percentage +\r\n      \"%\";\r\n\r\n    activateStep(step);\r\n    controlVideo(progress);\r\n\r\n    ticking = false;\r\n  }\r\n\r\n  function requestUpdate() {\r\n    if (\r\n      ticking\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    ticking = true;\r\n\r\n    window.requestAnimationFrame(\r\n      updateJourney\r\n    );\r\n  }\r\n\r\n  window.addEventListener(\r\n    \"scroll\",\r\n    requestUpdate,\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n  window.addEventListener(\r\n    \"resize\",\r\n    requestUpdate\r\n  );\r\n\r\n  \/* =====================================================\r\n     COMPORTAMIENTO M\u00d3VIL\r\n  ===================================================== *\/\r\n\r\n  markers.forEach(\r\n    function (marker) {\r\n      marker.addEventListener(\r\n        \"click\",\r\n        function () {\r\n          if (\r\n            window.innerWidth > 900\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          const step =\r\n            Number(\r\n              marker.dataset.step\r\n            );\r\n\r\n          activateStep(step);\r\n\r\n          if (\r\n            step ===\r\n            totalSteps - 1\r\n          ) {\r\n            videoLayer.classList.add(\r\n              \"active\"\r\n            );\r\n\r\n            finalVideo\r\n              .play()\r\n              .catch(\r\n                function () {}\r\n              );\r\n          } else {\r\n            videoLayer.classList.remove(\r\n              \"active\"\r\n            );\r\n\r\n            finalVideo.pause();\r\n          }\r\n        }\r\n      );\r\n    }\r\n  );\r\n\r\n  activateStep(0);\r\n  requestUpdate();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1b908eb e-con-full e-flex e-con e-parent\" data-id=\"1b908eb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97f7195 elementor-widget elementor-widget-html\" data-id=\"97f7195\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap\");\n\n\/* =========================================================\n   NICOL\u00c1S MORENO\n   CINCO SECCIONES PARA ELEMENTOR\n========================================================= *\/\n\n#nm-secciones {\n  --bg: #020817;\n  --bg-light: #061a38;\n\n  --white: #ffffff;\n  --text: #edf7ff;\n  --muted: #b7cbe0;\n\n  --blue: #147cff;\n  --blue-light: #00a8ff;\n  --cyan: #45ecff;\n  --violet: #765cff;\n\n  --line: rgba(100, 188, 255, 0.19);\n  --line-hover: rgba(69, 215, 255, 0.58);\n\n  --radius: 28px;\n\n  position: relative;\n  left: 50%;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n\n  overflow: hidden;\n\n  color: var(--text);\n\n  font-family:\n    \"Manrope\",\n    Arial,\n    sans-serif;\n\n  line-height: 1.6;\n\n  background:\n    radial-gradient(\n      circle at 10% 8%,\n      rgba(0, 168, 255, 0.16),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 90% 20%,\n      rgba(118, 92, 255, 0.15),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      var(--bg),\n      var(--bg-light),\n      var(--bg)\n    );\n\n  isolation: isolate;\n}\n\n#nm-secciones,\n#nm-secciones *,\n#nm-secciones *::before,\n#nm-secciones *::after {\n  box-sizing: border-box;\n}\n\n#nm-secciones img {\n  display: block;\n  max-width: 100%;\n}\n\n#nm-secciones a {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n\n#nm-secciones button,\n#nm-secciones input,\n#nm-secciones select,\n#nm-secciones textarea {\n  font: inherit;\n}\n\n#nm-secciones button {\n  cursor: pointer;\n}\n\n#nm-secciones h2,\n#nm-secciones h3,\n#nm-secciones p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#nm-secciones h2,\n#nm-secciones h3 {\n  color: var(--white) !important;\n\n  font-family:\n    \"Space Grotesk\",\n    \"Manrope\",\n    sans-serif !important;\n\n  text-transform: none !important;\n}\n\n#nm-secciones p {\n  color: var(--muted) !important;\n}\n\n\/* =========================================================\n   FONDO TECNOL\u00d3GICO\n========================================================= *\/\n\n#nm-secciones::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: -5;\n\n  opacity: 0.28;\n\n  background-image:\n    linear-gradient(\n      rgba(79, 165, 255, 0.07) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(79, 165, 255, 0.07) 1px,\n      transparent 1px\n    );\n\n  background-size: 72px 72px;\n}\n\n#nm-secciones::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 8%;\n  right: -280px;\n\n  z-index: -4;\n\n  width: 560px;\n  height: 560px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(116, 92, 255, 0.18);\n\n  filter: blur(115px);\n\n  animation:\n    nmAmbient 15s ease-in-out infinite alternate;\n}\n\n@keyframes nmAmbient {\n  from {\n    transform:\n      translate3d(0, 0, 0)\n      scale(0.9);\n  }\n\n  to {\n    transform:\n      translate3d(-110px, 80px, 0)\n      scale(1.16);\n  }\n}\n\n#nm-secciones .nm-orbe {\n  position: absolute;\n\n  z-index: -3;\n\n  width: 470px;\n  height: 470px;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  background:\n    rgba(0, 168, 255, 0.16);\n\n  filter: blur(105px);\n\n  animation:\n    nmOrbe 17s ease-in-out infinite alternate;\n}\n\n#nm-secciones .nm-orbe-uno {\n  top: 10%;\n  left: -250px;\n}\n\n#nm-secciones .nm-orbe-dos {\n  right: -220px;\n  bottom: 10%;\n\n  background:\n    rgba(116, 92, 255, 0.15);\n\n  animation-delay: -7s;\n}\n\n@keyframes nmOrbe {\n  from {\n    transform:\n      translate3d(0, 0, 0)\n      scale(0.88);\n  }\n\n  to {\n    transform:\n      translate3d(90px, -55px, 0)\n      scale(1.15);\n  }\n}\n\n\/* =========================================================\n   ESTRUCTURA\n========================================================= *\/\n\n#nm-secciones .nm-container {\n  width: min(\n    1240px,\n    calc(100% - 40px)\n  ) !important;\n\n  max-width: 1240px !important;\n\n  margin-inline: auto !important;\n}\n\n#nm-secciones .nm-section {\n  position: relative;\n\n  padding: 105px 0;\n\n  overflow: hidden;\n}\n\n#nm-secciones .nm-section-alt {\n  border-top:\n    1px solid\n    rgba(94, 182, 255, 0.08);\n\n  border-bottom:\n    1px solid\n    rgba(94, 182, 255, 0.08);\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.01),\n      rgba(20, 69, 137, 0.045),\n      rgba(255, 255, 255, 0.01)\n    );\n}\n\n#nm-secciones .nm-grid {\n  display: grid;\n  gap: 22px;\n}\n\n#nm-secciones .nm-heading {\n  max-width: 940px;\n\n  margin-bottom: 44px;\n}\n\n#nm-secciones .nm-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 18px;\n\n  color: var(--cyan) !important;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: 0.17em;\n\n  text-transform: uppercase;\n}\n\n#nm-secciones .nm-eyebrow::before {\n  content: \"\";\n\n  width: 36px;\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--cyan)\n    );\n\n  box-shadow:\n    0 0 17px\n    rgba(69, 236, 255, 0.75);\n}\n\n#nm-secciones .nm-title {\n  color: var(--white) !important;\n\n  font-size:\n    clamp(\n      39px,\n      4.8vw,\n      68px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.02 !important;\n\n  letter-spacing:\n    -0.047em !important;\n}\n\n#nm-secciones .nm-gradient {\n  color: transparent !important;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ffffff,\n      var(--cyan),\n      var(--blue-light),\n      var(--violet),\n      var(--cyan)\n    );\n\n  background-size:\n    260% auto;\n\n  background-clip: text;\n  -webkit-background-clip: text;\n\n  animation:\n    nmTexto 7s linear infinite;\n}\n\n@keyframes nmTexto {\n  to {\n    background-position:\n      260% center;\n  }\n}\n\n#nm-secciones .nm-lead {\n  max-width: 820px;\n\n  margin-top: 21px !important;\n\n  color: #c4d6e8 !important;\n\n  font-size:\n    clamp(\n      16px,\n      1.45vw,\n      19px\n    ) !important;\n\n  line-height: 1.58 !important;\n}\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n#nm-secciones .nm-card {\n  position: relative;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius:\n    var(--radius);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(38, 82, 146, 0.28),\n      rgba(5, 18, 43, 0.67)\n    );\n\n  box-shadow:\n    0 30px 78px\n    rgba(0, 0, 0, 0.3),\n    inset 0 1px 0\n    rgba(255, 255, 255, 0.035);\n\n  backdrop-filter: blur(21px);\n  -webkit-backdrop-filter: blur(21px);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform 0.18s linear,\n    border-color 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n#nm-secciones .nm-card::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: 0;\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      430px circle at var(--mx, 50%) var(--my, 50%),\n      rgba(35, 198, 255, 0.23),\n      transparent 43%\n    );\n\n  transition:\n    opacity 0.3s ease;\n}\n\n#nm-secciones .nm-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: -180%;\n  left: -70%;\n\n  z-index: 0;\n\n  width: 34%;\n  height: 460%;\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  transform: rotate(22deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.17),\n      transparent\n    );\n\n  transition:\n    left 0.85s ease,\n    opacity 0.3s ease;\n}\n\n#nm-secciones .nm-card:hover {\n  border-color:\n    var(--line-hover);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(23, 104, 207, 0.3),\n      rgba(5, 18, 43, 0.73)\n    );\n\n  box-shadow:\n    0 39px 92px\n    rgba(0, 0, 0, 0.42),\n    0 0 48px\n    rgba(0, 168, 255, 0.17);\n}\n\n#nm-secciones .nm-card:hover::before {\n  opacity: 1;\n}\n\n#nm-secciones .nm-card:hover::after {\n  left: 140%;\n  opacity: 1;\n}\n\n#nm-secciones .nm-card > * {\n  position: relative;\n  z-index: 2;\n}\n\n\/* =========================================================\n   SOBRE M\u00cd\n========================================================= *\/\n\n#nm-secciones .nm-about-grid {\n  grid-template-columns:\n    minmax(300px, 0.78fr)\n    minmax(0, 1.22fr);\n\n  align-items: start;\n\n  gap: 58px;\n}\n\n#nm-secciones .nm-about-copy {\n  max-width: 780px;\n}\n\n#nm-secciones .nm-about-copy p + p {\n  margin-top: 20px !important;\n}\n\n#nm-secciones .nm-feature-list {\n  display: grid;\n\n  gap: 13px;\n\n  margin-top: 28px;\n}\n\n#nm-secciones .nm-feature {\n  display: grid;\n\n  grid-template-columns:\n    48px 1fr;\n\n  align-items: center;\n\n  gap: 16px;\n\n  min-height: 80px;\n\n  padding: 15px 19px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 19px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(30, 70, 127, 0.25),\n      rgba(7, 22, 50, 0.46)\n    );\n\n  transition:\n    transform 0.32s ease,\n    border-color 0.32s ease,\n    background 0.32s ease,\n    box-shadow 0.32s ease;\n}\n\n#nm-secciones .nm-feature:hover {\n  transform:\n    translateX(9px)\n    translateY(-2px);\n\n  border-color:\n    var(--line-hover);\n\n  background:\n    rgba(16, 92, 185, 0.15);\n\n  box-shadow:\n    0 20px 45px\n    rgba(0, 0, 0, 0.22);\n}\n\n#nm-secciones .nm-feature-number {\n  display: grid;\n\n  place-items: center;\n\n  width: 42px;\n  height: 42px;\n\n  border:\n    1px solid\n    rgba(99, 198, 255, 0.35);\n\n  border-radius: 14px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--blue),\n      var(--violet)\n    );\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 15px;\n  font-weight: 700;\n\n  box-shadow:\n    0 0 25px\n    rgba(0, 168, 255, 0.2);\n}\n\n#nm-secciones .nm-feature-text {\n  color: #c6d8e9 !important;\n\n  font-size: 15px;\n\n  line-height: 1.55;\n}\n\n\/* =========================================================\n   SERVICIOS\n========================================================= *\/\n\n#nm-secciones .nm-services-grid {\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n}\n\n#nm-secciones .nm-service {\n  min-height: 370px;\n\n  padding: 31px;\n}\n\n#nm-secciones .nm-service-icon {\n  display: grid;\n\n  place-items: center;\n\n  width: 58px;\n  height: 58px;\n\n  margin-bottom: 25px;\n\n  border:\n    1px solid\n    rgba(74, 201, 255, 0.34);\n\n  border-radius: 18px;\n\n  color: var(--cyan);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(13, 118, 236, 0.2),\n      rgba(113, 82, 255, 0.1)\n    );\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 20px;\n  font-weight: 700;\n\n  box-shadow:\n    0 0 28px\n    rgba(0, 168, 255, 0.12);\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n#nm-secciones .nm-service:hover .nm-service-icon {\n  transform:\n    translateY(-6px)\n    rotate(-6deg)\n    scale(1.08);\n\n  box-shadow:\n    0 0 40px\n    rgba(0, 185, 255, 0.28);\n}\n\n#nm-secciones .nm-card-title {\n  color: var(--white) !important;\n\n  font-size:\n    clamp(\n      27px,\n      2.35vw,\n      38px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.08 !important;\n\n  letter-spacing:\n    -0.038em !important;\n}\n\n#nm-secciones .nm-card-description {\n  margin-top: 17px !important;\n\n  color: #bfd1e2 !important;\n\n  font-size: 15px !important;\n\n  line-height: 1.62 !important;\n}\n\n#nm-secciones .nm-tags {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n\n  margin-top: 23px;\n}\n\n#nm-secciones .nm-tag {\n  padding: 8px 11px;\n\n  border:\n    1px solid\n    rgba(76, 213, 255, 0.18);\n\n  border-radius: 999px;\n\n  color: var(--cyan);\n\n  background:\n    rgba(0, 168, 255, 0.06);\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\/* =========================================================\n   HERRAMIENTAS\n========================================================= *\/\n\n#nm-secciones .nm-tools-grid {\n  grid-template-columns:\n    repeat(5, minmax(0, 1fr));\n}\n\n#nm-secciones .nm-tool {\n  min-height: 350px;\n\n  padding: 27px;\n}\n\n#nm-secciones .nm-percent {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-width: 79px;\n\n  margin-bottom: 28px;\n\n  padding: 10px 14px;\n\n  border:\n    1px solid\n    rgba(70, 217, 255, 0.29);\n\n  border-radius: 999px;\n\n  color: var(--cyan);\n\n  background:\n    rgba(0, 168, 255, 0.075);\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 18px;\n  font-weight: 700;\n\n  box-shadow:\n    0 0 25px\n    rgba(0, 168, 255, 0.11);\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n#nm-secciones .nm-tool:hover .nm-percent {\n  transform:\n    translateY(-5px)\n    scale(1.06);\n\n  box-shadow:\n    0 0 38px\n    rgba(0, 190, 255, 0.26);\n}\n\n#nm-secciones .nm-tool-title {\n  color: var(--white) !important;\n\n  font-size:\n    clamp(\n      25px,\n      2vw,\n      34px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.08 !important;\n\n  letter-spacing:\n    -0.035em !important;\n\n  overflow-wrap: anywhere;\n}\n\n#nm-secciones .nm-tool-description {\n  margin-top: 17px !important;\n\n  color: #bfd1e3 !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.7 !important;\n}\n\n\/* =========================================================\n   SOLUCIONES\n========================================================= *\/\n\n#nm-secciones .nm-solutions-grid {\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n}\n\n#nm-secciones .nm-solution {\n  display: flex;\n\n  min-height: 650px;\n\n  padding: 31px;\n\n  flex-direction: column;\n}\n\n#nm-secciones .nm-solution.featured {\n  border-color:\n    rgba(69, 215, 255, 0.5);\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(0, 168, 255, 0.13),\n      transparent 38%\n    ),\n    linear-gradient(\n      145deg,\n      rgba(20, 91, 181, 0.27),\n      rgba(5, 18, 43, 0.7)\n    );\n}\n\n#nm-secciones .nm-solution-title {\n  color: var(--white) !important;\n\n  font-size:\n    clamp(\n      27px,\n      2.15vw,\n      36px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.08 !important;\n\n  letter-spacing:\n    -0.036em !important;\n}\n\n#nm-secciones .nm-solution-description {\n  margin-top: 18px !important;\n\n  color: #bfd1e2 !important;\n\n  font-size: 15px !important;\n\n  line-height: 1.62 !important;\n}\n\n#nm-secciones .nm-solution-highlight {\n  display: block;\n\n  margin-top: 24px;\n\n  color: var(--cyan);\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size: 23px;\n  font-weight: 700;\n\n  line-height: 1.15;\n}\n\n#nm-secciones .nm-solution-list {\n  flex: 1;\n\n  margin: 24px 0 30px;\n\n  padding-left: 22px;\n\n  color: #b8cbe0;\n}\n\n#nm-secciones .nm-solution-list li {\n  margin: 10px 0;\n\n  line-height: 1.55;\n}\n\n\/* =========================================================\n   BOTONES\n========================================================= *\/\n\n#nm-secciones .nm-button {\n  position: relative;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 55px;\n\n  padding: 14px 23px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255, 255, 255, 0.18);\n\n  border-radius: 999px;\n\n  color: white !important;\n\n  background:\n    linear-gradient(\n      110deg,\n      var(--blue),\n      var(--blue-light),\n      var(--violet)\n    );\n\n  background-size:\n    220% 100%;\n\n  box-shadow:\n    0 16px 42px\n    rgba(0, 119, 255, 0.28);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  animation:\n    nmButton 6s linear infinite;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#nm-secciones .nm-button::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -150%;\n  left: -45%;\n\n  width: 35%;\n  height: 400%;\n\n  transform: rotate(24deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.65),\n      transparent\n    );\n\n  transition:\n    left 0.7s ease;\n}\n\n#nm-secciones .nm-button:hover {\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 22px 50px\n    rgba(0, 0, 0, 0.35),\n    0 0 32px\n    rgba(0, 190, 255, 0.2);\n}\n\n#nm-secciones .nm-button:hover::before {\n  left: 130%;\n}\n\n@keyframes nmButton {\n  to {\n    background-position:\n      220% center;\n  }\n}\n\n\/* =========================================================\n   CONTACTO\n========================================================= *\/\n\n#nm-secciones .nm-contact-grid {\n  grid-template-columns:\n    minmax(300px, 0.82fr)\n    minmax(0, 1.18fr);\n\n  align-items: start;\n\n  gap: 45px;\n}\n\n#nm-secciones .nm-contact-copy {\n  position: sticky;\n\n  top: 110px;\n}\n\n#nm-secciones .nm-contact-tags {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n  margin-top: 27px;\n}\n\n#nm-secciones .nm-contact-tag {\n  padding: 9px 12px;\n\n  border:\n    1px solid\n    rgba(73, 208, 255, 0.22);\n\n  border-radius: 999px;\n\n  color: var(--cyan);\n\n  background:\n    rgba(0, 168, 255, 0.055);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n#nm-secciones .nm-form-card {\n  padding: 34px;\n}\n\n#nm-secciones .nm-step-label {\n  color: #b9cde1;\n\n  font-size: 13px;\n  font-weight: 600;\n}\n\n#nm-secciones .nm-progress {\n  height: 8px;\n\n  margin: 16px 0 31px;\n\n  overflow: hidden;\n\n  border-radius: 999px;\n\n  background:\n    rgba(255, 255, 255, 0.075);\n}\n\n#nm-secciones .nm-progress span {\n  display: block;\n\n  width: 20%;\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan),\n      var(--violet)\n    );\n\n  background-size:\n    200% 100%;\n\n  box-shadow:\n    0 0 22px\n    rgba(69, 236, 255, 0.36);\n\n  animation:\n    nmButton 4s linear infinite;\n\n  transition:\n    width 0.35s ease;\n}\n\n#nm-secciones .nm-form-step {\n  display: none;\n}\n\n#nm-secciones .nm-form-step.active {\n  display: block;\n\n  animation:\n    nmForm 0.5s ease;\n}\n\n@keyframes nmForm {\n  from {\n    opacity: 0;\n\n    transform:\n      translateX(20px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateX(0);\n  }\n}\n\n#nm-secciones .nm-form-title {\n  margin-bottom: 23px !important;\n\n  color: var(--white) !important;\n\n  font-size:\n    clamp(\n      31px,\n      3vw,\n      46px\n    ) !important;\n\n  font-weight: 700 !important;\n\n  line-height: 1.08 !important;\n\n  letter-spacing:\n    -0.04em !important;\n}\n\n#nm-secciones label {\n  display: block;\n\n  margin: 15px 0 8px;\n\n  color: #d4e7f8 !important;\n\n  font-size: 13px;\n  font-weight: 700;\n}\n\n#nm-secciones input,\n#nm-secciones select,\n#nm-secciones textarea {\n  width: 100%;\n\n  padding: 15px 16px;\n\n  outline: none;\n\n  color: var(--text) !important;\n\n  border:\n    1px solid\n    rgba(97, 181, 255, 0.21);\n\n  border-radius: 14px;\n\n  background:\n    rgba(2, 10, 27, 0.78) !important;\n\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    background 0.3s ease;\n}\n\n#nm-secciones input::placeholder,\n#nm-secciones textarea::placeholder {\n  color: #70849a;\n}\n\n#nm-secciones input:focus,\n#nm-secciones select:focus,\n#nm-secciones textarea:focus {\n  border-color:\n    rgba(69, 215, 255, 0.62);\n\n  background:\n    rgba(7, 27, 59, 0.91) !important;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(0, 168, 255, 0.09),\n    0 0 26px\n    rgba(0, 168, 255, 0.12);\n}\n\n#nm-secciones select option {\n  color: white;\n  background: #061329;\n}\n\n#nm-secciones textarea {\n  min-height: 130px;\n\n  resize: vertical;\n}\n\n#nm-secciones .nm-options {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 10px;\n\n  margin-top: 18px;\n}\n\n#nm-secciones .nm-option {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0;\n\n  padding: 13px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 14px;\n\n  background:\n    rgba(255, 255, 255, 0.026);\n\n  color: #d6e7f7 !important;\n\n  transition:\n    transform 0.25s ease,\n    border-color 0.25s ease,\n    background 0.25s ease;\n}\n\n#nm-secciones .nm-option:hover {\n  transform:\n    translateY(-3px);\n\n  border-color:\n    var(--line-hover);\n\n  background:\n    rgba(18, 101, 199, 0.13);\n}\n\n#nm-secciones .nm-option input {\n  width: auto;\n\n  accent-color:\n    var(--blue);\n}\n\n#nm-secciones .nm-form-actions {\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 12px;\n\n  margin-top: 29px;\n}\n\n#nm-secciones .nm-back {\n  min-height: 54px;\n\n  padding: 14px 23px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 999px;\n\n  color: white;\n\n  background:\n    rgba(255, 255, 255, 0.04);\n\n  font-weight: 800;\n\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease;\n}\n\n#nm-secciones .nm-back:hover {\n  transform:\n    translateY(-4px);\n\n  border-color:\n    var(--line-hover);\n}\n\n#nm-secciones .nm-summary {\n  margin-top: 20px;\n\n  padding: 18px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 16px;\n\n  color: #ddecff;\n\n  background:\n    rgba(11, 92, 184, 0.1);\n\n  white-space: pre-wrap;\n}\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n#nm-secciones .nm-reveal {\n  opacity: 0;\n\n  transform:\n    translateY(40px);\n\n  transition:\n    opacity 0.86s ease,\n    transform 0.86s\n    cubic-bezier(\n      0.2,\n      0.8,\n      0.2,\n      1\n    );\n}\n\n#nm-secciones .nm-reveal.visible {\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n  #nm-secciones .nm-about-grid,\n  #nm-secciones .nm-contact-grid {\n    grid-template-columns:\n      1fr;\n  }\n\n  #nm-secciones .nm-contact-copy {\n    position: static;\n  }\n\n  #nm-secciones .nm-services-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  #nm-secciones .nm-tools-grid {\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n  }\n\n  #nm-secciones .nm-solutions-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 760px) {\n  #nm-secciones .nm-section {\n    padding:\n      78px 0;\n  }\n\n  #nm-secciones .nm-container {\n    width:\n      calc(100% - 26px)\n      !important;\n  }\n\n  #nm-secciones .nm-title {\n    font-size:\n      clamp(\n        37px,\n        10vw,\n        54px\n      ) !important;\n  }\n\n  #nm-secciones .nm-services-grid,\n  #nm-secciones .nm-tools-grid,\n  #nm-secciones .nm-solutions-grid,\n  #nm-secciones .nm-options {\n    grid-template-columns:\n      1fr;\n  }\n\n  #nm-secciones .nm-service,\n  #nm-secciones .nm-tool,\n  #nm-secciones .nm-solution {\n    min-height: auto;\n  }\n\n  #nm-secciones .nm-solution {\n    min-height: 550px;\n  }\n}\n\n@media (max-width: 540px) {\n  #nm-secciones .nm-container {\n    width:\n      calc(100% - 22px)\n      !important;\n  }\n\n  #nm-secciones .nm-feature {\n    grid-template-columns:\n      42px 1fr;\n\n    padding: 14px;\n  }\n\n  #nm-secciones .nm-form-card {\n    padding: 24px;\n  }\n\n  #nm-secciones .nm-form-actions {\n    flex-direction:\n      column-reverse;\n  }\n\n  #nm-secciones .nm-back,\n  #nm-secciones .nm-button {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #nm-secciones *,\n  #nm-secciones *::before,\n  #nm-secciones *::after {\n    animation-duration:\n      0.001ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    transition-duration:\n      0.001ms !important;\n  }\n\n  #nm-secciones .nm-reveal {\n    opacity: 1;\n\n    transform: none;\n  }\n}\n<\/style>\n\n<div id=\"nm-secciones\">\n\n  <div class=\"nm-orbe nm-orbe-uno\"><\/div>\n  <div class=\"nm-orbe nm-orbe-dos\"><\/div>\n\n  <!-- =====================================================\n       1. SOBRE M\u00cd\n  ====================================================== -->\n\n  <section\n    class=\"nm-section nm-section-alt\"\n    id=\"nm-sobre-mi\"\n  >\n\n    <div class=\"nm-container nm-grid nm-about-grid\">\n\n      <div class=\"nm-reveal\">\n\n        <span class=\"nm-eyebrow\">\n          Sobre m\u00ed\n        <\/span>\n\n        <h2 class=\"nm-title\">\n          M\u00e1s que p\u00e1ginas bonitas:\n          <span class=\"nm-gradient\">\n            ecosistemas digitales que funcionan.\n          <\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"nm-about-copy nm-reveal\">\n\n        <p class=\"nm-lead\">\n          Dise\u00f1o ecosistemas digitales que conectan desarrollo web,\n          agentes de IA, automatizaciones, campa\u00f1as en Google Ads y\n          Meta Ads, y estrategias de conversi\u00f3n orientadas a resultados.\n        <\/p>\n\n        <p>\n          He trabajado con empresas de distintos sectores construyendo\n          sistemas que no solo se ven bien, sino que optimizan procesos,\n          mejoran la experiencia del cliente y potencian el crecimiento\n          del negocio.\n        <\/p>\n\n        <div class=\"nm-feature-list\">\n\n          <article class=\"nm-feature\">\n            <span class=\"nm-feature-number\">\n              01\n            <\/span>\n\n            <span class=\"nm-feature-text\">\n              Desarrollo web funcional, escalable y alineado con los\n              objetivos del negocio.\n            <\/span>\n          <\/article>\n\n          <article class=\"nm-feature\">\n            <span class=\"nm-feature-number\">\n              02\n            <\/span>\n\n            <span class=\"nm-feature-text\">\n              Automatizaciones y CRM para organizar procesos comerciales\n              y operativos.\n            <\/span>\n          <\/article>\n\n          <article class=\"nm-feature\">\n            <span class=\"nm-feature-number\">\n              03\n            <\/span>\n\n            <span class=\"nm-feature-text\">\n              Agentes de IA aplicados a marketing, ventas y atenci\u00f3n al\n              cliente.\n            <\/span>\n          <\/article>\n\n          <article class=\"nm-feature\">\n            <span class=\"nm-feature-number\">\n              04\n            <\/span>\n\n            <span class=\"nm-feature-text\">\n              UX\/UI y embudos digitales enfocados en conversi\u00f3n.\n            <\/span>\n          <\/article>\n\n          <article class=\"nm-feature\">\n            <span class=\"nm-feature-number\">\n              05\n            <\/span>\n\n            <span class=\"nm-feature-text\">\n              Campa\u00f1as digitales conectadas con sistemas de seguimiento\n              y medici\u00f3n.\n            <\/span>\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- =====================================================\n       2. SERVICIOS\n  ====================================================== -->\n\n  <section\n    class=\"nm-section\"\n    id=\"nm-servicios\"\n  >\n\n    <div class=\"nm-container\">\n\n      <div class=\"nm-heading nm-reveal\">\n\n        <span class=\"nm-eyebrow\">\n          Servicios\n        <\/span>\n\n        <h2 class=\"nm-title\">\n          Soluciones digitales que conectan\n          <span class=\"nm-gradient\">\n            dise\u00f1o, automatizaci\u00f3n y crecimiento.\n          <\/span>\n        <\/h2>\n\n        <p class=\"nm-lead\">\n          Cada servicio puede implementarse de forma independiente\n          o integrarse dentro de un ecosistema digital completo.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"nm-grid nm-services-grid\">\n\n        <article class=\"nm-card nm-service nm-tilt nm-reveal\">\n\n          <div class=\"nm-service-icon\">\n            \u2197\n          <\/div>\n\n          <h3 class=\"nm-card-title\">\n            Trafficker Digital\n          <\/h3>\n\n          <p class=\"nm-card-description\">\n            Gesti\u00f3n y optimizaci\u00f3n de campa\u00f1as para captar oportunidades\n            y conectar la pauta con procesos comerciales.\n          <\/p>\n\n          <div class=\"nm-tags\">\n            <span class=\"nm-tag\">Google Ads<\/span>\n            <span class=\"nm-tag\">Meta Ads<\/span>\n            <span class=\"nm-tag\">Conversi\u00f3n<\/span>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"nm-card nm-service nm-tilt nm-reveal\">\n\n          <div class=\"nm-service-icon\">\n            UX\n          <\/div>\n\n          <h3 class=\"nm-card-title\">\n            Dise\u00f1o UX\/UI\n          <\/h3>\n\n          <p class=\"nm-card-description\">\n            Dise\u00f1o de experiencias claras, intuitivas y visualmente\n            s\u00f3lidas para productos y plataformas digitales.\n          <\/p>\n\n          <div class=\"nm-tags\">\n            <span class=\"nm-tag\">Figma<\/span>\n            <span class=\"nm-tag\">Prototipos<\/span>\n            <span class=\"nm-tag\">Experiencia<\/span>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"nm-card nm-service nm-tilt nm-reveal\">\n\n          <div class=\"nm-service-icon\">\n            &lt;\/&gt;\n          <\/div>\n\n          <h3 class=\"nm-card-title\">\n            Dise\u00f1o Web\n          <\/h3>\n\n          <p class=\"nm-card-description\">\n            Sitios web, landing pages y ecosistemas orientados a\n            rendimiento, conversi\u00f3n y escalabilidad.\n          <\/p>\n\n          <div class=\"nm-tags\">\n            <span class=\"nm-tag\">WordPress<\/span>\n            <span class=\"nm-tag\">Hostinger<\/span>\n            <span class=\"nm-tag\">Responsive<\/span>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"nm-card nm-service nm-tilt nm-reveal\">\n\n          <div class=\"nm-service-icon\">\n            Ai\n          <\/div>\n\n          <h3 class=\"nm-card-title\">\n            Dise\u00f1o Gr\u00e1fico\n          <\/h3>\n\n          <p class=\"nm-card-description\">\n            Comunicaci\u00f3n visual, identidad gr\u00e1fica y piezas digitales\n            para fortalecer la presencia de marca.\n          <\/p>\n\n          <div class=\"nm-tags\">\n            <span class=\"nm-tag\">Illustrator<\/span>\n            <span class=\"nm-tag\">Photoshop<\/span>\n            <span class=\"nm-tag\">Branding<\/span>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"nm-card nm-service nm-tilt nm-reveal\">\n\n          <div class=\"nm-service-icon\">\n            SEO\n          <\/div>\n\n          <h3 class=\"nm-card-title\">\n            Optimizaci\u00f3n SEO\n          <\/h3>\n\n          <p class=\"nm-card-description\">\n            Mejoras t\u00e9cnicas y de contenido para aumentar visibilidad,\n            rendimiento y posicionamiento org\u00e1nico.\n          <\/p>\n\n          <div class=\"nm-tags\">\n            <span class=\"nm-tag\">SEO t\u00e9cnico<\/span>\n            <span class=\"nm-tag\">Contenido<\/span>\n            <span class=\"nm-tag\">Performance<\/span>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"nm-card nm-service nm-tilt nm-reveal\">\n\n          <div class=\"nm-service-icon\">\n            IA\n          <\/div>\n\n          <h3 class=\"nm-card-title\">\n            Marketing Estrat\u00e9gico\n          <\/h3>\n\n          <p class=\"nm-card-description\">\n            Estrategias digitales integradas para conectar marca,\n            tecnolog\u00eda, automatizaci\u00f3n y ventas.\n          <\/p>\n\n          <div class=\"nm-tags\">\n            <span class=\"nm-tag\">Estrategia<\/span>\n            <span class=\"nm-tag\">Embudos<\/span>\n            <span class=\"nm-tag\">Crecimiento<\/span>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- =====================================================\n       3. HERRAMIENTAS\n  ====================================================== -->\n\n  <section\n    class=\"nm-section nm-section-alt\"\n    id=\"nm-herramientas\"\n  >\n\n    <div class=\"nm-container\">\n\n      <div class=\"nm-heading nm-reveal\">\n\n        <span class=\"nm-eyebrow\">\n          Herramientas\n        <\/span>\n\n        <h2 class=\"nm-title\">\n          Tecnolog\u00eda que domino y utilizo\n          <span class=\"nm-gradient\">\n            para ejecutar.\n          <\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"nm-grid nm-tools-grid\">\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">80%<\/span>\n          <h3 class=\"nm-tool-title\">GHL<\/h3>\n          <p class=\"nm-tool-description\">\n            CRM, automatizaci\u00f3n, embudos y gesti\u00f3n comercial.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">90%<\/span>\n          <h3 class=\"nm-tool-title\">Hostinger<\/h3>\n          <p class=\"nm-tool-description\">\n            Hosting, despliegue y gesti\u00f3n de infraestructura web.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">90%<\/span>\n          <h3 class=\"nm-tool-title\">Filmora<\/h3>\n          <p class=\"nm-tool-description\">\n            Edici\u00f3n audiovisual para contenido y comunicaci\u00f3n digital.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">85%<\/span>\n          <h3 class=\"nm-tool-title\">Google Ads<\/h3>\n          <p class=\"nm-tool-description\">\n            Campa\u00f1as digitales orientadas a intenci\u00f3n y conversi\u00f3n.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">81%<\/span>\n          <h3 class=\"nm-tool-title\">Illustrator<\/h3>\n          <p class=\"nm-tool-description\">\n            Dise\u00f1o vectorial, identidad visual y piezas gr\u00e1ficas.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">85%<\/span>\n          <h3 class=\"nm-tool-title\">WordPress<\/h3>\n          <p class=\"nm-tool-description\">\n            Desarrollo y administraci\u00f3n de sitios web profesionales.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">80%<\/span>\n          <h3 class=\"nm-tool-title\">Figma<\/h3>\n          <p class=\"nm-tool-description\">\n            Dise\u00f1o UX\/UI, prototipos y sistemas de interfaz.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">80%<\/span>\n          <h3 class=\"nm-tool-title\">n8n<\/h3>\n          <p class=\"nm-tool-description\">\n            Automatizaciones, integraciones y conexi\u00f3n de herramientas.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">80%<\/span>\n          <h3 class=\"nm-tool-title\">Meta Ads<\/h3>\n          <p class=\"nm-tool-description\">\n            Campa\u00f1as de captaci\u00f3n, remarketing y mensajes.\n          <\/p>\n        <\/article>\n\n        <article class=\"nm-card nm-tool nm-tilt nm-reveal\">\n          <span class=\"nm-percent\">80%<\/span>\n          <h3 class=\"nm-tool-title\">Photoshop<\/h3>\n          <p class=\"nm-tool-description\">\n            Edici\u00f3n de im\u00e1genes y producci\u00f3n de piezas visuales.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- =====================================================\n       4. SOLUCIONES\n  ====================================================== -->\n\n  <section\n    class=\"nm-section\"\n    id=\"nm-soluciones\"\n  >\n\n    <div class=\"nm-container\">\n\n      <div class=\"nm-heading nm-reveal\">\n\n        <span class=\"nm-eyebrow\">\n          Soluciones\n        <\/span>\n\n        <h2 class=\"nm-title\">\n          Elige el punto de partida para\n          <span class=\"nm-gradient\">\n            tu siguiente proyecto.\n          <\/span>\n        <\/h2>\n\n        <p class=\"nm-lead\">\n          Cada soluci\u00f3n se adapta al alcance, las necesidades y el nivel\n          de integraci\u00f3n requerido.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"nm-grid nm-solutions-grid\">\n\n        <article class=\"nm-card nm-solution nm-tilt nm-reveal\">\n\n          <h3 class=\"nm-solution-title\">\n            Dise\u00f1o y Desarrollo Web\n          <\/h3>\n\n          <p class=\"nm-solution-description\">\n            Sitios y landing pages funcionales, visuales y orientados\n            a conversi\u00f3n.\n          <\/p>\n\n          <strong class=\"nm-solution-highlight\">\n            Proyecto personalizado\n          <\/strong>\n\n          <ul class=\"nm-solution-list\">\n            <li>Dise\u00f1o UX\/UI<\/li>\n            <li>Desarrollo WordPress<\/li>\n            <li>Dise\u00f1o responsive<\/li>\n            <li>Optimizaci\u00f3n t\u00e9cnica<\/li>\n            <li>Integraciones b\u00e1sicas<\/li>\n          <\/ul>\n\n          <a class=\"nm-button\" href=\"#nm-contacto\">\n            Solicitar propuesta\n          <\/a>\n\n        <\/article>\n\n        <article class=\"nm-card nm-solution nm-tilt nm-reveal\">\n\n          <h3 class=\"nm-solution-title\">\n            Automatizaci\u00f3n con GHL\n          <\/h3>\n\n          <p class=\"nm-solution-description\">\n            Organizaci\u00f3n y automatizaci\u00f3n del proceso comercial dentro\n            del CRM.\n          <\/p>\n\n          <strong class=\"nm-solution-highlight\">\n            Implementaci\u00f3n a medida\n          <\/strong>\n\n          <ul class=\"nm-solution-list\">\n            <li>Pipelines<\/li>\n            <li>Workflows<\/li>\n            <li>Formularios<\/li>\n            <li>Calendarios<\/li>\n            <li>Seguimiento autom\u00e1tico<\/li>\n          <\/ul>\n\n          <a class=\"nm-button\" href=\"#nm-contacto\">\n            Automatizar negocio\n          <\/a>\n\n        <\/article>\n\n        <article class=\"nm-card nm-solution nm-tilt nm-reveal\">\n\n          <h3 class=\"nm-solution-title\">\n            IA e Integraciones\n          <\/h3>\n\n          <p class=\"nm-solution-description\">\n            Agentes e integraciones inteligentes para marketing,\n            ventas y operaci\u00f3n.\n          <\/p>\n\n          <strong class=\"nm-solution-highlight\">\n            Soluci\u00f3n personalizada\n          <\/strong>\n\n          <ul class=\"nm-solution-list\">\n            <li>Agentes de IA<\/li>\n            <li>n8n<\/li>\n            <li>Integraci\u00f3n con CRM<\/li>\n            <li>Automatizaci\u00f3n de datos<\/li>\n            <li>Flujos inteligentes<\/li>\n          <\/ul>\n\n          <a class=\"nm-button\" href=\"#nm-contacto\">\n            Integrar IA\n          <\/a>\n\n        <\/article>\n\n        <article class=\"nm-card nm-solution featured nm-tilt nm-reveal\">\n\n          <h3 class=\"nm-solution-title\">\n            Ecosistema Digital\n          <\/h3>\n\n          <p class=\"nm-solution-description\">\n            Web, automatizaci\u00f3n, CRM, pauta e IA dentro de una sola\n            soluci\u00f3n.\n          <\/p>\n\n          <strong class=\"nm-solution-highlight\">\n            Proyecto integral\n          <\/strong>\n\n          <ul class=\"nm-solution-list\">\n            <li>Estrategia digital<\/li>\n            <li>Dise\u00f1o y desarrollo<\/li>\n            <li>CRM y automatizaci\u00f3n<\/li>\n            <li>Google Ads y Meta Ads<\/li>\n            <li>Medici\u00f3n y optimizaci\u00f3n<\/li>\n          <\/ul>\n\n          <a class=\"nm-button\" href=\"#nm-contacto\">\n            Crear ecosistema\n          <\/a>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- =====================================================\n       5. CONTACTO\n  ====================================================== -->\n\n  <section\n    class=\"nm-section nm-section-alt\"\n    id=\"nm-contacto\"\n  >\n\n    <div class=\"nm-container nm-grid nm-contact-grid\">\n\n      <div class=\"nm-contact-copy nm-reveal\">\n\n        <span class=\"nm-eyebrow\">\n          Nuevo proyecto\n        <\/span>\n\n        <h2 class=\"nm-title\">\n          Comencemos con\n          <span class=\"nm-gradient\">\n            tu siguiente proyecto.\n          <\/span>\n        <\/h2>\n\n        <p class=\"nm-lead\">\n          Cu\u00e9ntame qu\u00e9 necesitas construir, automatizar o mejorar.\n          Al finalizar, se abrir\u00e1 WhatsApp con la informaci\u00f3n organizada.\n        <\/p>\n\n        <div class=\"nm-contact-tags\">\n          <span class=\"nm-contact-tag\">Dise\u00f1o Web<\/span>\n          <span class=\"nm-contact-tag\">GHL<\/span>\n          <span class=\"nm-contact-tag\">IA aplicada<\/span>\n          <span class=\"nm-contact-tag\">UX\/UI<\/span>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nm-card nm-form-card nm-reveal\">\n\n        <div\n          class=\"nm-step-label\"\n          id=\"nmStepLabel\"\n        >\n          Paso 1 de 5\n        <\/div>\n\n        <div class=\"nm-progress\">\n          <span id=\"nmProgressBar\"><\/span>\n        <\/div>\n\n        <form id=\"nmForm\">\n\n          <!-- PASO 1 -->\n\n          <section class=\"nm-form-step active\">\n\n            <h3 class=\"nm-form-title\">\n              Cu\u00e9ntame sobre ti\n            <\/h3>\n\n            <label for=\"nmName\">\n              Tu nombre *\n            <\/label>\n\n            <input\n              id=\"nmName\"\n              type=\"text\"\n              required\n            >\n\n            <label for=\"nmBusiness\">\n              Nombre de tu negocio o proyecto *\n            <\/label>\n\n            <input\n              id=\"nmBusiness\"\n              type=\"text\"\n              required\n            >\n\n            <label for=\"nmType\">\n              Tipo de proyecto *\n            <\/label>\n\n            <select\n              id=\"nmType\"\n              required\n            >\n\n              <option value=\"\">\n                Selecciona una opci\u00f3n\n              <\/option>\n\n              <option>\n                Sitio web o landing page\n              <\/option>\n\n              <option>\n                Automatizaci\u00f3n con GHL\n              <\/option>\n\n              <option>\n                Integraci\u00f3n de inteligencia artificial\n              <\/option>\n\n              <option>\n                Dise\u00f1o UX\/UI\n              <\/option>\n\n              <option>\n                Google Ads o Meta Ads\n              <\/option>\n\n              <option>\n                Ecosistema digital integral\n              <\/option>\n\n              <option>\n                Otro\n              <\/option>\n\n            <\/select>\n\n            <label for=\"nmLocation\">\n              Ciudad y pa\u00eds *\n            <\/label>\n\n            <input\n              id=\"nmLocation\"\n              type=\"text\"\n              required\n            >\n\n          <\/section>\n\n          <!-- PASO 2 -->\n\n          <section class=\"nm-form-step\">\n\n            <h3 class=\"nm-form-title\">\n              \u00bfCu\u00e1l es tu objetivo principal?\n            <\/h3>\n\n            <div class=\"nm-options\">\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"radio\"\n                  name=\"nmGoal\"\n                  value=\"Crear un sitio web\"\n                >\n                Crear un sitio web\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"radio\"\n                  name=\"nmGoal\"\n                  value=\"Automatizar procesos\"\n                >\n                Automatizar procesos\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"radio\"\n                  name=\"nmGoal\"\n                  value=\"Implementar un CRM\"\n                >\n                Implementar un CRM\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"radio\"\n                  name=\"nmGoal\"\n                  value=\"Integrar inteligencia artificial\"\n                >\n                Integrar inteligencia artificial\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"radio\"\n                  name=\"nmGoal\"\n                  value=\"Mejorar UX\/UI\"\n                >\n                Mejorar UX\/UI\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"radio\"\n                  name=\"nmGoal\"\n                  value=\"Generar m\u00e1s oportunidades\"\n                >\n                Generar m\u00e1s oportunidades\n              <\/label>\n\n            <\/div>\n\n          <\/section>\n\n          <!-- PASO 3 -->\n\n          <section class=\"nm-form-step\">\n\n            <h3 class=\"nm-form-title\">\n              \u00bfQu\u00e9 soluciones te interesan?\n            <\/h3>\n\n            <div class=\"nm-options\">\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"Dise\u00f1o web\"\n                >\n                Dise\u00f1o web\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"Automatizaci\u00f3n GHL\"\n                >\n                Automatizaci\u00f3n GHL\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"Agentes de IA\"\n                >\n                Agentes de IA\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"UX\/UI\"\n                >\n                UX\/UI\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"Google Ads\"\n                >\n                Google Ads\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"Meta Ads\"\n                >\n                Meta Ads\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"SEO\"\n                >\n                SEO\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmSolutions\"\n                  value=\"Integraciones n8n\"\n                >\n                Integraciones n8n\n              <\/label>\n\n            <\/div>\n\n          <\/section>\n\n          <!-- PASO 4 -->\n\n          <section class=\"nm-form-step\">\n\n            <h3 class=\"nm-form-title\">\n              \u00bfQu\u00e9 tienes actualmente?\n            <\/h3>\n\n            <div class=\"nm-options\">\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmCurrent\"\n                  value=\"Sitio web\"\n                >\n                Sitio web\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmCurrent\"\n                  value=\"CRM\"\n                >\n                CRM\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmCurrent\"\n                  value=\"GHL\"\n                >\n                GHL\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmCurrent\"\n                  value=\"Automatizaciones\"\n                >\n                Automatizaciones\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmCurrent\"\n                  value=\"Campa\u00f1as activas\"\n                >\n                Campa\u00f1as activas\n              <\/label>\n\n              <label class=\"nm-option\">\n                <input\n                  type=\"checkbox\"\n                  name=\"nmCurrent\"\n                  value=\"A\u00fan no tengo sistema\"\n                >\n                A\u00fan no tengo sistema\n              <\/label>\n\n            <\/div>\n\n            <label for=\"nmStatus\">\n              Estado actual del proyecto\n            <\/label>\n\n            <select id=\"nmStatus\">\n\n              <option>\n                Solo tengo la idea\n              <\/option>\n\n              <option>\n                Ya tengo dise\u00f1o\n              <\/option>\n\n              <option>\n                Ya tengo sitio web\n              <\/option>\n\n              <option>\n                Ya tengo herramientas funcionando\n              <\/option>\n\n              <option>\n                Necesito redise\u00f1ar o reorganizar todo\n              <\/option>\n\n            <\/select>\n\n            <label for=\"nmBudget\">\n              Presupuesto estimado\n            <\/label>\n\n            <select id=\"nmBudget\">\n\n              <option>\n                Quiero recibir una orientaci\u00f3n\n              <\/option>\n\n              <option>\n                Menos de USD 500\n              <\/option>\n\n              <option>\n                USD 500 a USD 1.500\n              <\/option>\n\n              <option>\n                USD 1.500 a USD 5.000\n              <\/option>\n\n              <option>\n                M\u00e1s de USD 5.000\n              <\/option>\n\n            <\/select>\n\n          <\/section>\n\n          <!-- PASO 5 -->\n\n          <section class=\"nm-form-step\">\n\n            <h3 class=\"nm-form-title\">\n              \u00bfQu\u00e9 tan pronto quieres comenzar?\n            <\/h3>\n\n            <label for=\"nmUrgency\">\n              Urgencia\n            <\/label>\n\n            <select id=\"nmUrgency\">\n\n              <option>\n                Lo antes posible\n              <\/option>\n\n              <option>\n                En 2 a 4 semanas\n              <\/option>\n\n              <option>\n                En 1 a 3 meses\n              <\/option>\n\n              <option>\n                Estoy explorando opciones\n              <\/option>\n\n            <\/select>\n\n            <label for=\"nmWeb\">\n              Web o red social del proyecto\n            <\/label>\n\n            <input\n              id=\"nmWeb\"\n              type=\"text\"\n            >\n\n            <label for=\"nmProblem\">\n              Describe lo que necesitas *\n            <\/label>\n\n            <textarea\n              id=\"nmProblem\"\n              required\n            ><\/textarea>\n\n            <div\n              class=\"nm-summary\"\n              id=\"nmSummary\"\n            ><\/div>\n\n          <\/section>\n\n          <div class=\"nm-form-actions\">\n\n            <button\n              class=\"nm-back\"\n              id=\"nmPrevious\"\n              type=\"button\"\n            >\n              Atr\u00e1s\n            <\/button>\n\n            <button\n              class=\"nm-button\"\n              id=\"nmNext\"\n              type=\"button\"\n            >\n              Continuar\n            <\/button>\n\n          <\/div>\n\n        <\/form>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const root =\n    document.getElementById(\n      \"nm-secciones\"\n    );\n\n  if (!root) {\n    return;\n  }\n\n  \/* =====================================================\n     APARICI\u00d3N CON SCROLL\n  ===================================================== *\/\n\n  const revealElements =\n    root.querySelectorAll(\n      \".nm-reveal\"\n    );\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (\n                !entry.isIntersecting\n              ) {\n                return;\n              }\n\n              entry.target\n                .classList\n                .add(\n                  \"visible\"\n                );\n\n              currentObserver\n                .unobserve(\n                  entry.target\n                );\n            }\n          );\n        },\n        {\n          threshold: 0.11,\n          rootMargin:\n            \"0px 0px -45px 0px\"\n        }\n      );\n\n    revealElements.forEach(\n      function (element) {\n        observer.observe(\n          element\n        );\n      }\n    );\n  } else {\n    revealElements.forEach(\n      function (element) {\n        element.classList.add(\n          \"visible\"\n        );\n      }\n    );\n  }\n\n  \/* =====================================================\n     HOVER 3D Y BRILLO\n  ===================================================== *\/\n\n  const cards =\n    root.querySelectorAll(\n      \".nm-tilt\"\n    );\n\n  cards.forEach(\n    function (card) {\n      card.addEventListener(\n        \"pointermove\",\n        function (event) {\n          if (\n            window.matchMedia(\n              \"(prefers-reduced-motion: reduce)\"\n            ).matches\n          ) {\n            return;\n          }\n\n          const rect =\n            card.getBoundingClientRect();\n\n          const x =\n            event.clientX -\n            rect.left;\n\n          const y =\n            event.clientY -\n            rect.top;\n\n          const centerX =\n            rect.width \/ 2;\n\n          const centerY =\n            rect.height \/ 2;\n\n          const rotateX =\n            (\n              (\n                y -\n                centerY\n              ) \/\n              centerY\n            ) * -4;\n\n          const rotateY =\n            (\n              (\n                x -\n                centerX\n              ) \/\n              centerX\n            ) * 4;\n\n          card.style.setProperty(\n            \"--mx\",\n            x + \"px\"\n          );\n\n          card.style.setProperty(\n            \"--my\",\n            y + \"px\"\n          );\n\n          card.style.transform =\n            \"perspective(1000px) \" +\n            \"rotateX(\" +\n            rotateX +\n            \"deg) \" +\n            \"rotateY(\" +\n            rotateY +\n            \"deg) \" +\n            \"translateY(-7px)\";\n        }\n      );\n\n      card.addEventListener(\n        \"pointerleave\",\n        function () {\n          card.style.transform =\n            \"\";\n        }\n      );\n    }\n  );\n\n  \/* =====================================================\n     PARALLAX SUAVE\n  ===================================================== *\/\n\n  const sections =\n    root.querySelectorAll(\n      \".nm-section\"\n    );\n\n  let ticking = false;\n\n  function updateParallax() {\n    sections.forEach(\n      function (section) {\n        const heading =\n          section.querySelector(\n            \".nm-heading\"\n          ) ||\n          section.querySelector(\n            \".nm-contact-copy\"\n          );\n\n        if (!heading) {\n          return;\n        }\n\n        const rect =\n          section.getBoundingClientRect();\n\n        const center =\n          rect.top +\n          rect.height \/ 2;\n\n        const viewportCenter =\n          window.innerHeight \/ 2;\n\n        const movement =\n          (\n            viewportCenter -\n            center\n          ) * 0.012;\n\n        heading.style.translate =\n          \"0 \" +\n          movement +\n          \"px\";\n      }\n    );\n\n    ticking = false;\n  }\n\n  window.addEventListener(\n    \"scroll\",\n    function () {\n      if (!ticking) {\n        requestAnimationFrame(\n          updateParallax\n        );\n\n        ticking = true;\n      }\n    },\n    {\n      passive: true\n    }\n  );\n\n  updateParallax();\n\n  \/* =====================================================\n     FORMULARIO POR PASOS\n  ===================================================== *\/\n\n  const steps =\n    Array.from(\n      root.querySelectorAll(\n        \".nm-form-step\"\n      )\n    );\n\n  const nextButton =\n    root.querySelector(\n      \"#nmNext\"\n    );\n\n  const previousButton =\n    root.querySelector(\n      \"#nmPrevious\"\n    );\n\n  const progressBar =\n    root.querySelector(\n      \"#nmProgressBar\"\n    );\n\n  const stepLabel =\n    root.querySelector(\n      \"#nmStepLabel\"\n    );\n\n  const summary =\n    root.querySelector(\n      \"#nmSummary\"\n    );\n\n  let currentStep = 0;\n\n  function selectedValues(\n    name\n  ) {\n    return Array.from(\n      root.querySelectorAll(\n        '[name=\"' +\n        name +\n        '\"]:checked'\n      )\n    ).map(\n      function (element) {\n        return element.value;\n      }\n    );\n  }\n\n  function fieldValue(\n    selector\n  ) {\n    const element =\n      root.querySelector(\n        selector\n      );\n\n    if (\n      !element ||\n      !element.value\n    ) {\n      return \"-\";\n    }\n\n    return (\n      element.value.trim() ||\n      \"-\"\n    );\n  }\n\n  function buildMessage() {\n    const selectedGoal =\n      root.querySelector(\n        '[name=\"nmGoal\"]:checked'\n      );\n\n    const goal =\n      selectedGoal\n        ? selectedGoal.value\n        : \"No especificado\";\n\n    return [\n      \"Hola Nicol\u00e1s, quiero comenzar un proyecto contigo.\",\n      \"\",\n      \"Nombre: \" +\n        fieldValue(\"#nmName\"),\n      \"Negocio o proyecto: \" +\n        fieldValue(\"#nmBusiness\"),\n      \"Tipo de proyecto: \" +\n        fieldValue(\"#nmType\"),\n      \"Ubicaci\u00f3n: \" +\n        fieldValue(\"#nmLocation\"),\n      \"Objetivo: \" +\n        goal,\n      \"Soluciones: \" +\n        (\n          selectedValues(\n            \"nmSolutions\"\n          ).join(\", \") ||\n          \"No especificadas\"\n        ),\n      \"Actualmente tiene: \" +\n        (\n          selectedValues(\n            \"nmCurrent\"\n          ).join(\", \") ||\n          \"No especificado\"\n        ),\n      \"Estado actual: \" +\n        fieldValue(\"#nmStatus\"),\n      \"Presupuesto estimado: \" +\n        fieldValue(\"#nmBudget\"),\n      \"Urgencia: \" +\n        fieldValue(\"#nmUrgency\"),\n      \"Web o red social: \" +\n        fieldValue(\"#nmWeb\"),\n      \"Necesidad principal: \" +\n        fieldValue(\"#nmProblem\")\n    ].join(\"\\n\");\n  }\n\n  function validateStep() {\n    const requiredFields =\n      steps[currentStep]\n        .querySelectorAll(\n          \"[required]\"\n        );\n\n    for (\n      const field\n      of requiredFields\n    ) {\n      if (\n        !field.checkValidity()\n      ) {\n        field.reportValidity();\n\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  function updateForm() {\n    steps.forEach(\n      function (\n        step,\n        index\n      ) {\n        step.classList.toggle(\n          \"active\",\n          index === currentStep\n        );\n      }\n    );\n\n    const progress =\n      (\n        (\n          currentStep + 1\n        ) \/\n        steps.length\n      ) * 100;\n\n    progressBar.style.width =\n      progress +\n      \"%\";\n\n    stepLabel.textContent =\n      \"Paso \" +\n      (\n        currentStep + 1\n      ) +\n      \" de \" +\n      steps.length;\n\n    previousButton.style.visibility =\n      currentStep === 0\n        ? \"hidden\"\n        : \"visible\";\n\n    nextButton.textContent =\n      currentStep ===\n      steps.length - 1\n        ? \"Abrir WhatsApp\"\n        : \"Continuar\";\n\n    if (\n      currentStep ===\n      steps.length - 1\n    ) {\n      summary.textContent =\n        buildMessage();\n    }\n  }\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n      if (\n        currentStep <\n        steps.length - 1\n      ) {\n        if (\n          !validateStep()\n        ) {\n          return;\n        }\n\n        currentStep += 1;\n\n        updateForm();\n\n        root\n          .querySelector(\n            \".nm-form-card\"\n          )\n          .scrollIntoView(\n            {\n              behavior: \"smooth\",\n              block: \"center\"\n            }\n          );\n\n        return;\n      }\n\n      if (\n        !validateStep()\n      ) {\n        return;\n      }\n\n      \/*\n       * CAMBIA ESTE N\u00daMERO POR EL WHATSAPP REAL.\n       * Incluye indicativo del pa\u00eds.\n       * Sin +, espacios ni guiones.\n       *\/\n\n      const whatsappNumber =\n        \"573175808614\";\n\n      const whatsappURL =\n        \"https:\/\/wa.me\/\" +\n        whatsappNumber +\n        \"?text=\" +\n        encodeURIComponent(\n          buildMessage()\n        );\n\n      window.open(\n        whatsappURL,\n        \"_blank\",\n        \"noopener\"\n      );\n    }\n  );\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n      if (\n        currentStep > 0\n      ) {\n        currentStep -= 1;\n\n        updateForm();\n      }\n    }\n  );\n\n  updateForm();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NM Nicol\u00e1s Moreno Men\u00fa Servicios Herramientas Trayectoria Especialidades Enfoque Soluciones Contacto Dise\u00f1o Web Automatizaci\u00f3n GHL UX\/UI IA Aplicada Sistemas digitales [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":166,"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/pages\/69\/revisions\/404"}],"wp:attachment":[{"href":"https:\/\/nicomorenouxai.com\/en\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}