{"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\/es_es\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<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\">Inicio<\/a>\n    <a href=\"#servicios\">Servicios<\/a>\n    <a href=\"#sobre-nosotros\">Nosotros<\/a>\n    <a href=\"https:\/\/axionel.com\/contacto\/\">Contacto<\/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              Impulsamos<br \/>\n              <span class=\"changing outline-text1\" id=\"changing-word\">marcas \u00fanicas<\/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            Creemos en el dise\u00f1o como una herramienta de impacto. <br \/>\n            Desafiamos lo com\u00fan. Creamos lo inolvidable.\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\">Crea con nosotros algo incre\u00edble<\/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      WEBS R\u00c1PIDAS Y OPTIMIZADAS \/\n      <p class=\"benefit-description\">Sitios con tiempos de carga ultrarr\u00e1pidos y 100% responsive, optimizados.<\/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      DISE\u00d1O ATRACTIVO Y FUNCIONAL \/\n      <p class=\"benefit-description\">Interfaz moderna y limpia que potencia la experiencia del usuario y la conversi\u00f3n.<\/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 Y ESTRATEGIA DE CRECIMIENTO \/\n      <p class=\"benefit-description\">Implementamos pr\u00e1cticas que impulsan el posicionamiento y atraen tr\u00e1fico calificado.<\/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      AUTOMATIZACI\u00d3N CON IA\n      <p class=\"benefit-description\">Procesos autom\u00e1ticos y personalizados gracias al poder de la inteligencia artificial.<\/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\">Descubr\u00ed nuestras soluciones<\/h2>\n    <h1 class=\"title\">SERVICIOS<\/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\">Dise\u00f1o y desarrollo web<\/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\">Marketing Digital<\/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\">Automatizaci\u00f3n con IA<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"services-footer fade-in-service\">\n    <a href=\"https:\/\/axionel.com\/servicios\/\" class=\"note\">Explor\u00e1 cada servicio para ver c\u00f3mo potenciamos tu marca \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\">SOMOS UN EQUIPO QUE<\/h2>\n    <h1 class=\"slogan-outline\" data-delay=\"0.4\">CREA <span class=\"outline-text\"> EXPERIENCIAS <\/span> DIGITALES <br> DISRUPTIVAS Y MEMORABLES<\/h1>\n    <p class=\"about-description\" data-delay=\"0.6\">\n      Axionel Systems nace para revolucionar el mundo digital. No seguimos tendencias, las creamos. Creemos en el poder del dise\u00f1o estrat\u00e9gico,\n      la comunicaci\u00f3n honesta y el detalle que lo cambia todo. <br><br>\n      Nuestra experiencia abarca desde el desarrollo de interfaces atractivas hasta soluciones integradas con inteligencia artificial, todo con un mismo objetivo:\n      transformar ideas en experiencias extraordinarias.\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>LO QUE DICEN NUESTROS CLIENTES<\/h2>\n    <p>Historias de impacto y resultados reales.<\/p>\n  <\/div>\n\n  <div class=\"testimonial-cards fade-in-obys\">\n    <div class=\"testimonial-item active\">\n      <p>\u201cTrabajar con Axionel fue una experiencia transformadora. Captaron nuestra esencia y la llevaron al siguiente nivel.\u201d<\/p>\n      <h3>Mar\u00eda Gonz\u00e1lez<\/h3>\n    <\/div>\n    <div class=\"testimonial-item\">\n      <p>\u201cGracias al equipo, ahora tenemos una presencia online que realmente convierte. Incre\u00edbles.\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\/contacto\/\" class=\"cta-headline\"><span class=\"outline-text\">CREA<\/span> CON NOSOTROS \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\">Construimos el futuro digital con soluciones web de alto impacto.<\/p>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h4>Contacto<\/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. Todos los derechos reservados.<\/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>\n\t\t","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>\n","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\/es_es\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":2347,"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":3525,"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/pages\/41\/revisions\/3525"}],"wp:attachment":[{"href":"https:\/\/axionel.com\/es_es\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}