{"id":41,"date":"2025-02-28T13:11:21","date_gmt":"2025-02-28T13:11:21","guid":{"rendered":"https:\/\/axionel.com\/?page_id=41"},"modified":"2025-05-06T20:50:33","modified_gmt":"2025-05-06T20:50:33","slug":"home","status":"publish","type":"page","link":"https:\/\/axionel.com\/en\/","title":{"rendered":"home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-915381d e-con-full e-flex e-con e-parent\" data-id=\"915381d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad1b70 elementor-widget elementor-widget-html\" data-id=\"4ad1b70\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"home\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;700&display=swap\" rel=\"stylesheet\" \/>\n\n <!-- Bot\u00f3n men\u00fa mobile con logo -->\n  <div class=\"menu-toggle\" onclick=\"toggleNavbar()\">\n    <img decoding=\"async\" src=\"https:\/\/axionel.com\/wp-content\/uploads\/2025\/04\/DALL\u00b7E-2025-03-31-22.26.39-An-ultra-minimalistic-logo-design-for-a-tech-company.-The-logo-features-only-a-very-simple-thin-white-pyramid-outline-with-straight-clean-lines-and-.webp\" alt=\"Logo Menu\" \/>\n  <\/div>\n\n  <!-- Navbar principal -->\n  <nav class=\"navbar hidden-on-load\" id=\"mainNavbar\">\n    <a href=\"#home\">Home<\/a>\n    <a href=\"#servicios\">Services<\/a>\n    <a href=\"#sobre-nosotros\">About Us<\/a>\n    <a href=\"https:\/\/axionel.com\/en\/contacto\/\">Contact<\/a>\n  <\/nav>\n\n  <!-- Preloader -->\n  <div class=\"preloader\" id=\"preloader\"><\/div>\n\n  <!-- Logo animado scramble -->\n  <div class=\"logo-wrapper scramble\" id=\"logo\">\n    Axionel Systems\n    <div id=\"loadingPercentage\">0%<\/div>\n  <\/div>\n\n  <!-- Hero section -->\n  <div id=\"preloader-overlay\"><\/div>\n  <div class=\"hero-wrapper hidden-hero\" id=\"heroWrapper\">\n    <section class=\"hero\" id=\"hero\">\n      <div class=\"hero-inner\">\n        <div class=\"hero-title-wrapper\" id=\"heroTitle\">\n          <div class=\"hero-title-content\" id=\"heroTitleContent\">\n            <h1 class=\"hero-main-title scramble-target\">\n              We empower<br \/>\n              <span class=\"changing outline-text1\" id=\"changing-word\">authentic brands<\/span>\n            <\/h1>\n          <\/div>\n        <\/div>\n        <div class=\"carousel-large fade-in parallax\" data-speed=\"1.2\">\n          <div class=\"carousel-track\">\n            <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/b3\/60\/0b\/b3600b64095d8f729226e7345cedbbfc.jpg\" \/>\n            <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/1f\/4a\/98\/1f4a98b085f173236da8acb60709ae45.jpg\" \/>\n            <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/1b\/a8\/44\/1ba84463fd8070921b5768290ec56a3c.jpg\" \/>\n            <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/b3\/60\/0b\/b3600b64095d8f729226e7345cedbbfc.jpg\" \/>\n          <\/div>\n        <\/div>\n        <div class=\"bottom-block fade-in parallax\" data-speed=\"0.8\">\n          <p class=\"hero-subtext\">\n            We believe in design as a tool for impact. <br \/>\n            We challenge the ordinary. We create the unforgettable.\n          <\/p>\n          <div class=\"cta-icon\" onclick=\"scrollToNextSection()\">\n            <div class=\"circle-arrow\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"halo-glow fade-in parallax\" data-speed=\"1\"><\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n  \n  <div class=\"custom-cursor\" id=\"customCursor\"><\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const lang = document.documentElement.lang || 'es';\n  const isEnglish = lang.startsWith('en');\n\n  const finalText = \"Axionel Systems\";\n  const loadingText = isEnglish ? \"Loading\" : \"Cargando\";\n  const logo = document.getElementById(\"logo\");\n  const wrapper = document.getElementById(\"heroWrapper\");\n  const preloader = document.getElementById(\"preloader\");\n  const preloaderOverlay = document.getElementById(\"preloader-overlay\");\n  const navbar = document.getElementById(\"mainNavbar\");\n  const changingWord = document.getElementById(\"changing-word\");\n\n  \/\/ Frases que cambian\n  const phrases = isEnglish\n    ? [\"unique brands\", \"brave brands\", \"authentic brands\", \"impactful brands\", \"unrepeatable brands\"]\n    : [\"marcas \u00fanicas\", \"marcas valientes\", \"marcas aut\u00e9nticas\", \"marcas impactantes\", \"marcas irrepetibles\"];\n\n  function scrambleText(target, newText) {\n    const chars = \"abcdefghijklmnopqrstuvwxyz\";\n    let iterations = 0;\n    const interval = setInterval(() => {\n      const scrambled = newText.split(\"\").map((char, i) => {\n        if (i < iterations) return newText[i];\n        return chars[Math.floor(Math.random() * chars.length)];\n      }).join(\"\");\n      target.textContent = scrambled;\n\n      iterations += 0.5;\n      if (iterations >= newText.length) {\n        clearInterval(interval);\n        target.textContent = newText;\n      }\n    }, 40);\n  }\n\n  function startPreloaderAndScramble() {\n    if (!isEnglish) {\n      \/\/ Scramble animado en espa\u00f1ol\n      const scrambleChars = finalText.split(\"\").map(char =>\n        char === \" \" ? [\" \"] : [char.toUpperCase(), char.toLowerCase()]\n      );\n      let iterations = 0;\n\n      const scrambleInterval = setInterval(() => {\n        const scrambledText = finalText\n          .split(\"\")\n          .map((char, i) => {\n            if (char === \" \") return \" \";\n            if (i < iterations) return char;\n            const pool = scrambleChars[i];\n            return pool[Math.floor(Math.random() * pool.length)];\n          })\n          .join(\"\");\n\n        const percentage = Math.min(100, Math.round((iterations \/ finalText.length) * 100));\n        logo.innerHTML = `${scrambledText}<div id=\"loadingPercentage\" style=\"opacity: 1;\">${loadingText} ${percentage}%<\/div>`;\n\n        if (iterations >= finalText.length) {\n          clearInterval(scrambleInterval);\n\n          setTimeout(() => {\n            const loadingEl = document.getElementById(\"loadingPercentage\");\n            if (loadingEl) loadingEl.remove();\n            logo.classList.add(\"minimized\");\n            setTimeout(showHero, 600);\n          }, 500);\n        }\n        iterations += 0.5;\n      }, 80);\n\n    } else {\n      \/\/ En ingl\u00e9s: sin scramble, solo peque\u00f1o delay elegante\n      setTimeout(() => {\n        const loadingEl = document.getElementById(\"loadingPercentage\");\n        if (loadingEl) loadingEl.remove();\n        logo.classList.add(\"minimized\");\n        showHero();\n      }, 400);\n    }\n  }\n\n  function showHero() {\n    preloader.style.display = \"none\";\n    preloaderOverlay.classList.add(\"hidden\");\n    wrapper.classList.remove(\"hidden-hero\");\n    wrapper.classList.add(\"ready\");\n    document.getElementById(\"hero\").classList.add(\"visible\");\n    document.querySelector(\".hero-inner\").classList.add(\"visible\");\n    document.getElementById(\"heroTitleContent\").classList.add(\"visible\");\n    navbar.classList.remove(\"hidden-on-load\");\n    document.body.style.overflow = \"auto\";\n\n    document.querySelectorAll('.fade-in').forEach((el, i) => {\n      el.style.transitionDelay = `${i * 0.15}s`;\n      el.classList.add(\"visible\");\n    });\n\n    startChangingWords();\n  }\n\n  function startChangingWords() {\n    let current = 0;\n    setInterval(() => {\n      current = (current + 1) % phrases.length;\n      if (!isEnglish) {\n        scrambleText(changingWord, phrases[current]);\n      } else {\n        changingWord.classList.add('fade-out');\n        setTimeout(() => {\n          changingWord.textContent = phrases[current];\n          changingWord.classList.remove('fade-out');\n          changingWord.classList.add('fade-in');\n          setTimeout(() => changingWord.classList.remove('fade-in'), 400);\n        }, 400);\n      }\n    }, 3000);\n  }\n\n  \/\/ Esperar 300ms si es ingl\u00e9s, si no arrancar de una\n  if (isEnglish) {\n    setTimeout(() => {\n      startPreloaderAndScramble();\n    }, 400); \/\/ Ajustable si quer\u00e9s\n  } else {\n    startPreloaderAndScramble();\n  }\n\n  \/\/ Cursor personalizado\n  const cursor = document.getElementById(\"customCursor\");\n  if (cursor) {\n    window.addEventListener(\"mousemove\", e => {\n      cursor.style.left = `${e.clientX}px`;\n      cursor.style.top = `${e.clientY}px`;\n    });\n    document.body.addEventListener(\"mouseleave\", () => {\n      cursor.style.opacity = \"0\";\n    });\n    document.body.addEventListener(\"mouseenter\", () => {\n      cursor.style.opacity = \"1\";\n    });\n  }\n\n  \/\/ Parallax suave\n  let lastScrollY = 0;\n  function smoothScrollEffects() {\n    lastScrollY += (window.scrollY - lastScrollY) * 0.1;\n    document.querySelectorAll(\".parallax\").forEach(el => {\n      const speed = parseFloat(el.getAttribute(\"data-speed\"));\n      el.style.transform = `translateY(${lastScrollY * speed * 0.05}px)`;\n    });\n    requestAnimationFrame(smoothScrollEffects);\n  }\n  requestAnimationFrame(smoothScrollEffects);\n\n  \/\/ Navbar links cerrar\n  document.querySelectorAll('.navbar a').forEach(link => {\n    link.addEventListener('click', () => {\n      if (navbar.classList.contains(\"active\")) {\n        navbar.classList.remove(\"active\");\n      }\n    });\n  });\n});\n\n\/\/ Navbar mobile toggle\nfunction toggleNavbar() {\n  document.getElementById(\"mainNavbar\").classList.toggle(\"active\");\n}\n\n\/\/ Scroll abajo con flecha\nfunction scrollToNextSection() {\n  window.scrollBy({ top: window.innerHeight, behavior: 'smooth' });\n}\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-447e9bb e-con-full e-flex e-con e-parent\" data-id=\"447e9bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d56b97b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d56b97b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"benefits-grid\">\n  <p class=\"benefits-intro\">Create something amazing with us<\/p>\n  <div class=\"benefits-items\">\n\n    <div class=\"benefit-item fade-in-benefit\">\n      <div class=\"benefit-hover-image\" style=\"background-image: url('https:\/\/www.svgrepo.com\/show\/486778\/bolt-circle.svg');\"><\/div>\n      FAST &amp; OPTIMIZED WEBS \/\n      <p class=\"benefit-description\">Websites with ultra-fast loading times and 100% responsive, optimized.<\/p>\n    <\/div>\n\n    <div class=\"benefit-item fade-in-benefit\">\n      <div class=\"benefit-hover-image\" style=\"background-image: url('https:\/\/www.svgrepo.com\/show\/483860\/paint-brush.svg');\"><\/div>\n      ATTRACTIVE &amp; FUNCTIONAL DESIGN \/\n      <p class=\"benefit-description\">Modern, clean interface that enhances user experience and conversion.<\/p>\n    <\/div>\n\n    <div class=\"benefit-item fade-in-benefit\">\n      <div class=\"benefit-hover-image\" style=\"background-image: url('https:\/\/www.svgrepo.com\/show\/508960\/arrow-up.svg');\"><\/div>\n      SEO &amp; GROWTH STRATEGY \/\n      <p class=\"benefit-description\">We implement practices that boost ranking and attract qualified traffic.<\/p>\n    <\/div>\n\n    <div class=\"benefit-item fade-in-benefit\">\n      <div class=\"benefit-hover-image\" style=\"background-image: url('https:\/\/www.svgrepo.com\/show\/447963\/brain-circuit.svg');\"><\/div>\n      AI AUTOMATION\n      <p class=\"benefit-description\">Automated, personalized processes powered by artificial intelligence.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  const benefitObserver = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, {\n    threshold: 0.2\n  });\n\n  document.querySelectorAll(\".fade-in-benefit\").forEach(item => {\n    benefitObserver.observe(item);\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e041c3b e-flex e-con-boxed e-con e-parent\" data-id=\"e041c3b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4d73a9 elementor-widget elementor-widget-html\" data-id=\"d4d73a9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"servicios\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"services-focus\">\n  <div class=\"services-header fade-in-service\">\n    <h2 class=\"subtitle\">Discover our solutions<\/h2>\n    <h1 class=\"title\">SERVICES<\/h1>\n  <\/div>\n\n  <div class=\"services-wrapper\">\n    <div class=\"service\">\n      <img decoding=\"async\" src=\"http:\/\/axionel.com\/wp-content\/uploads\/2025\/05\/diseno.jpg\" alt=\"Web\" \/>\n      <div class=\"caption\">Web Design &amp; Development<\/div>\n    <\/div>\n    <div class=\"service\">\n      <img decoding=\"async\" src=\"http:\/\/axionel.com\/wp-content\/uploads\/2025\/05\/ecommer.jpg\" alt=\"Ecommerce\" \/>\n      <div class=\"caption\">Ecommerce<\/div>\n    <\/div>\n    <div class=\"service\">\n      <img decoding=\"async\" src=\"http:\/\/axionel.com\/wp-content\/uploads\/2025\/05\/md.jpg\" alt=\"Marketing\" \/>\n      <div class=\"caption\">Digital Marketing<\/div>\n    <\/div>\n    <div class=\"service\">\n      <img decoding=\"async\" src=\"http:\/\/axionel.com\/wp-content\/uploads\/2025\/05\/ia.jpg\" alt=\"IA\" \/>\n      <div class=\"caption\">AI Automation<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"services-footer fade-in-service\">\n    <a href=\"https:\/\/axionel.com\/en\/servicios\/\" class=\"note\">Explore each service to see how we empower your brand \u2192<\/a>\n  <\/div>\n<\/section>\n\n<script>\n  const serviceObserver = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, {\n    threshold: 0.2\n  });\n\n  document.querySelectorAll(\".service, .services-header, .services-footer\").forEach((el, i) => {\n    el.classList.add(\"fade-in-service\");\n    el.style.transitionDelay = `${i * 0.2}s`;\n    serviceObserver.observe(el);\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5a109b e-flex e-con-boxed e-con e-parent\" data-id=\"a5a109b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64eb2f1 elementor-widget elementor-widget-html\" data-id=\"64eb2f1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"sobre-nosotros\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"about-section fade-in-about\">\n  <div class=\"about-section-inner\">\n    <h2 class=\"subtitle\" data-delay=\"0.2\">WE ARE A TEAM THAT<\/h2>\n    <h1 class=\"slogan-outline\" data-delay=\"0.4\">Let\u2019s create <span class=\"outline-text\"> DISRUPTIVE AND MEMORABLE <\/span> DIGITAL <br> EXPERIENCES<\/h1>\n    <p class=\"about-description\" data-delay=\"0.6\">\n      Axionel Systems was born to revolutionize the digital world. We don\u2019t follow trends \u2014 we create them. We believe in the power of strategic design, honest communication, and the details that make all the difference. <br><br>\n      Our expertise spans from designing captivating interfaces to delivering AI-powered integrated solutions \u2014 all with one goal: turning ideas into extraordinary experiences.\n    <\/p>\n  <\/div>\n  <div class=\"halo-glow-about\"><\/div>\n  <div class=\"about-line-scroll\"><\/div>\n  <div class=\"about-bg-transition\"><\/div>\n<\/section>\n\n<script>\n  const aboutObserver = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, { threshold: 0.2 });\n\n  document.querySelectorAll(\".fade-in-about\").forEach((el, i) => {\n    el.style.transitionDelay = `${i * 0.3}s`;\n    el.classList.add(\"fade-in-about\");\n    aboutObserver.observe(el);\n  });\n\n  const aboutLine = document.querySelector(\".about-line-scroll\");\n  const aboutSection = document.querySelector(\".about-section\");\n  const aboutBg = document.querySelector(\".about-bg-transition\");\n\n  window.addEventListener(\"scroll\", () => {\n    const rect = aboutSection.getBoundingClientRect();\n    const winHeight = window.innerHeight;\n    if (rect.top < winHeight && rect.bottom > 0) {\n      const percent = 1 - (rect.top \/ winHeight);\n      aboutLine.style.transform = `scaleX(${Math.min(percent, 1)})`;\n    }\n\n    if (rect.top < winHeight * 0.4 && rect.bottom > winHeight * 0.4) {\n      aboutSection.classList.add(\"white-background\");\n      aboutBg.classList.add(\"active\");\n    } else {\n      aboutSection.classList.remove(\"white-background\");\n      aboutBg.classList.remove(\"active\");\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb11731 e-flex e-con-boxed e-con e-parent\" data-id=\"cb11731\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4337bf elementor-widget elementor-widget-html\" data-id=\"c4337bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"testimonials-obys\">\n  <div class=\"testimonials-bg\"><\/div>\n  <div class=\"testimonials-halo\"><\/div>\n  <div class=\"testimonial-header fade-in-obys\">\n    <h2>WHAT OUR CLIENTS SAY<\/h2>\n    <p>Impact stories and real results<\/p>\n  <\/div>\n\n  <div class=\"testimonial-cards fade-in-obys\">\n    <div class=\"testimonial-item active\">\n      <p>\u201cWorking with Axionel was a transformative experience. They captured our essence and took it to the next level.\u201d<\/p>\n      <h3>Mar\u00eda Gonz\u00e1lez<\/h3>\n    <\/div>\n    <div class=\"testimonial-item\">\n      <p>\u201cThanks to the team, we now have an online presence that truly converts. Incredible.\u201d<\/p>\n      <h3>Carlos L\u00f3pez<\/h3>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const items = document.querySelectorAll(\".testimonial-item\");\n  let current = 0;\n\n  function cycleTestimonials() {\n    items.forEach(item => item.classList.remove(\"active\"));\n    items[current].classList.add(\"active\");\n    current = (current + 1) % items.length;\n  }\n\n  setInterval(cycleTestimonials, 6000);\n\n  const bg = document.querySelector(\".testimonials-bg\");\n  document.addEventListener(\"mousemove\", e => {\n    const x = (e.clientX \/ window.innerWidth - 0.5) * 30;\n    const y = (e.clientY \/ window.innerHeight - 0.5) * 30;\n    bg.style.backgroundPosition = `${50 + x}% ${50 + y}%`;\n  });\n\n  \/\/ Intersection Observer para fade-in\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  document.querySelectorAll(\".fade-in-obys\").forEach(el => observer.observe(el));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a32804 e-flex e-con-boxed e-con e-parent\" data-id=\"3a32804\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ecec7a elementor-widget elementor-widget-html\" data-id=\"1ecec7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cta-section fade-in-cta\">\n  <div class=\"cta-section-inner\">\n    <a href=\"https:\/\/axionel.com\/en\/contacto\/\" class=\"cta-headline\"><span class=\"outline-text\">Let\u2019s create<\/span> together  \u2192<\/a>\n  <\/div>\n  <div class=\"halo-glow-cta\"><\/div>\n  <div class=\"cta-line-scroll-obys\"><\/div>\n<\/section>\n\n<script>\n  const ctaObserver = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, {\n    threshold: 0.2\n  });\n\n  document.querySelectorAll(\".fade-in-cta\").forEach((el, i) => {\n    el.style.transitionDelay = `${i * 0.3}s`;\n    el.classList.add(\"fade-in-cta\");\n    ctaObserver.observe(el);\n  });\n\n const obysLine = document.querySelector(\".cta-line-scroll-obys\");\nconst ctaSection = document.querySelector(\".cta-section\");\n\nwindow.addEventListener(\"scroll\", () => {\n  const rect = ctaSection.getBoundingClientRect();\n  const winHeight = window.innerHeight;\n\n  if (rect.top < winHeight && rect.bottom > 0) {\n    const scrollProgress = Math.min(1, 1 - rect.top \/ winHeight);\n    obysLine.style.transform = `scaleX(${scrollProgress})`;\n  } else {\n    obysLine.style.transform = `scaleX(0)`;\n  }\n});\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2d2055 e-flex e-con-boxed e-con e-parent\" data-id=\"a2d2055\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b87e6 elementor-widget elementor-widget-html\" data-id=\"90b87e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer class=\"footer-obys\">\n  <div class=\"footer-obys-inner\">\n    <div class=\"footer-col logo\">\n      <h2 class=\"footer-outline\">Axionel Systems<\/h2>\n      <p class=\"footer-tagline\">We build the digital future with high-impact web solutions.<\/p>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h4>Contact<\/h4>\n      <p><i class=\"fas fa-envelope\"><\/i> soporte@axionel.com<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-bottom-obys\">\n    <p>\u00a9 2025 Axionel Systems LLC. All rights reserved.<\/p>\n  <\/div>\n\n  <div class=\"halo-glow-footer\"><\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Inicio Servicios Nosotros Contacto Axionel Systems 0% Impulsamos marcas \u00fanicas Creemos en el dise\u00f1o como una herramienta de impacto. Desafiamos lo com\u00fan. Creamos lo inolvidable. Crea con nosotros algo incre\u00edble WEBS R\u00c1PIDAS Y OPTIMIZADAS \/ Sitios con tiempos de carga ultrarr\u00e1pidos y 100% responsive, optimizados. DISE\u00d1O ATRACTIVO Y FUNCIONAL \/ Interfaz moderna y limpia que [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":2347,"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":3525,"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/pages\/41\/revisions\/3525"}],"wp:attachment":[{"href":"https:\/\/axionel.com\/en\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}