<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Xygox: chat de IA en español gratis | Redeals AI</title>
  <meta name="description" content="Descubre Xygox, la inteligencia artificial de Redeals AI. Chatea en español, analiza documentos, escribe y estudia con un plan gratis de 30 mensajes al día." />
  <meta name="theme-color" content="#05060a" />
  <link rel="canonical" href="https://xygox.com/" />
  <link rel="icon" type="image/png" href="logo.png" />
  <link rel="apple-touch-icon" href="logo.png" />

  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="XYGOX" />
  <meta property="og:title" content="Xygox: chat de IA en español gratis | Redeals AI" />
  <meta property="og:description" content="Chatea, estudia, escribe y analiza documentos con Xygox, la IA de Redeals. Empieza con 30 mensajes al día en el plan gratuito." />
  <meta property="og:url" content="https://xygox.com/" />
  <meta property="og:image" content="https://xygox.com/assets/xygox-social.png" />
  <meta property="og:locale" content="es_ES" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:image" content="https://xygox.com/assets/xygox-social.png" />

  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="css/styles.css" />
</head>
<body>

  <!-- Barra de progreso de scroll -->
  <div class="progress" aria-hidden="true"><span id="progressBar"></span></div>

  <!-- ══════════ LOADING SCREEN ══════════ -->
  <div class="loader" id="loader" aria-hidden="true">
    <div class="loader__inner">
      <img src="logo.png" alt="" class="loader__logo" draggable="false" />
      <span class="loader__word">XYGOX</span>
      <span class="loader__bar"><span class="loader__bar-fill"></span></span>
    </div>
  </div>

  <!-- ══════════ NAVBAR ══════════ -->
  <header class="nav" id="nav">
    <div class="nav__inner">
      <a href="#inicio" class="nav__brand" data-nav-link>
        <img src="logo.png" alt="Logo de XYGOX" class="nav__logo" width="28" height="28" />
        <span>XYGOX</span>
      </a>

      <nav class="nav__links" id="navLinks" aria-label="Navegación principal">
        <a href="#inicio" data-nav-link>Inicio</a>
        <a href="#caracteristicas" data-nav-link>Características</a>
        <a href="#modelos" data-nav-link>Modelos</a>
        <a href="#planes" data-nav-link>Planes</a>
        <a href="#sobre-xygox" data-nav-link>Sobre XYGOX</a>
        <button class="btn btn--primary btn--sm nav__cta-mobile" data-open-chat>Empezar chat</button>
      </nav>

      <div class="nav__actions">
        <button class="btn btn--primary btn--sm" data-open-chat>Empezar chat</button>
        <button class="nav__burger" id="navBurger" aria-label="Abrir menú" aria-expanded="false" aria-controls="navLinks">
          <span></span><span></span>
        </button>
      </div>
    </div>
  </header>

  <main id="contenido">
    <!-- ══════════ HERO ══════════ -->
    <section class="hero" id="inicio">
      <canvas class="hero__canvas" id="heroCanvas" aria-hidden="true"></canvas>
      <div class="hero__aurora" aria-hidden="true"><span></span><span></span><span></span></div>
      <div class="hero__glow" aria-hidden="true"></div>

      <div class="hero__content container">
        <img src="logo.png" alt="Emblema de XYGOX" class="hero__logo reveal" width="96" height="96" draggable="false" />
        <p class="hero__brand reveal">XYGOX</p>
        <h1 class="hero__title reveal">Tu IA en español.<br /><span class="hero__title-accent">Tu próxima gran idea.</span></h1>
        <p class="hero__sub reveal">Xygox es el asistente de inteligencia artificial de Redeals AI para escribir, estudiar, programar y analizar documentos. Empieza gratis con 30 mensajes al día.</p>
        <div class="hero__cta reveal">
          <button class="btn btn--primary btn--lg" data-open-chat>Empezar chat</button>
          <a href="#planes" class="btn btn--ghost btn--lg" data-nav-link>Ver planes</a>
        </div>
      </div>

      <div class="hero__scroll" aria-hidden="true">
        <span></span>
      </div>
    </section>

    <!-- ══════════ QUÉ ES XYGOX ══════════ -->
    <section class="section intro" id="que-es">
      <div class="container">
        <p class="eyebrow reveal">¿Qué es XYGOX?</p>
        <h2 class="section__title reveal">Un chat de inteligencia artificial.<br />Un espacio para avanzar.</h2>
        <div class="intro__grid">
          <div class="intro__item reveal">
            <h3>¿Qué es?</h3>
            <p>Xygox es la plataforma de IA de Redeals AI, la línea de inteligencia artificial de ReDeal’s. Reúne conversaciones, análisis de archivos y preferencias personales en el navegador.</p>
          </div>
          <div class="intro__item reveal">
            <h3>¿Por qué existe?</h3>
            <p>Porque usar IA no debería significar saltar entre herramientas. XYGOX lo reúne todo en un producto sencillo y coherente.</p>
          </div>
          <div class="intro__item reveal">
            <h3>¿Qué problema resuelve?</h3>
            <p>La fragmentación: conversaciones, archivos y consultas dispersas. XYGOX los centraliza en una plataforma centralizada.</p>
          </div>
          <div class="intro__item reveal">
            <h3>¿Por qué usarlo?</h3>
            <p>Velocidad, claridad y una experiencia premium pensada para el uso diario, desde la primera interacción.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- ══════════ CARACTERÍSTICAS ══════════ -->
    <section class="section features" id="caracteristicas">
      <div class="container">
        <p class="eyebrow reveal">Características</p>
        <h2 class="section__title reveal">Todo lo que XYGOX pone<br />a tu alcance</h2>

        <div class="features__main reveal" data-tilt>
          <div class="features__main-copy">
            <span class="features__chip">Inteligencia artificial</span>
            <h3>Conversaciones con contexto real</h3>
            <p>Dialogue con los modelos de XYGOX de forma natural: genera contenido, resuelve consultas inteligentes y mantén conversaciones con memoria de la sesión.</p>
          </div>
          <div class="features__main-visual" aria-hidden="true">
            <div class="chat-demo">
              <div class="chat-demo__msg chat-demo__msg--user"><span id="chatUserMsg">Resume este documento en tres puntos</span><span class="caret" id="chatCaret"></span></div>
              <div class="chat-demo__msg chat-demo__msg--ai" id="chatAiMsg">
                <span class="chat-demo__dot"></span>
                <span class="chat-demo__dot"></span>
                <span class="chat-demo__dot"></span>
              </div>
            </div>
          </div>
        </div>

        <div class="features__grid">
          <article class="features__card reveal">
            <div class="features__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg>
            </div>
            <h3>Archivos</h3>
            <p>Sube textos e imágenes y trabaja con ellos directamente en la conversación.</p>
          </article>
          <article class="features__card reveal">
            <div class="features__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
            </div>
            <h3>Velocidad</h3>
            <p>Respuestas rápidas pensadas para el ritmo de tu día a día.</p>
          </article>
          <article class="features__card reveal">
            <div class="features__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg>
            </div>
            <h3>Plataforma centralizada</h3>
            <p>Una sola herramienta para todas tus necesidades de inteligencia artificial.</p>
          </article>
          <article class="features__card reveal">
            <div class="features__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
            </div>
            <h3>Productividad</h3>
            <p>Uso diario para tareas básicas y trabajo continuo sin fricciones.</p>
          </article>
        </div>
      </div>
    </section>

    <!-- ══════════ MODELOS ══════════ -->
    <section class="section models" id="modelos">
      <div class="container">
        <p class="eyebrow reveal">Ecosistema de modelos</p>
        <h2 class="section__title reveal">Tres modelos.<br />Una misma inteligencia.</h2>

        <div class="models__selector reveal" role="tablist" aria-label="Modelos de XYGOX">
          <button class="models__tab is-active" role="tab" aria-selected="true" id="tab-swift" aria-controls="panel-model" data-model="swift">
            <span class="models__tab-name">XYGOX Swift</span>
            <span class="models__tab-tag">Velocidad</span>
          </button>
          <button class="models__tab" role="tab" aria-selected="false" id="tab-core" aria-controls="panel-model" data-model="core">
            <span class="models__tab-name">XYGOX Core</span>
            <span class="models__tab-tag">Equilibrio</span>
          </button>
          <button class="models__tab" role="tab" aria-selected="false" id="tab-apex" aria-controls="panel-model" data-model="apex">
            <span class="models__tab-name">XYGOX Apex</span>
            <span class="models__tab-tag">Máximo nivel</span>
          </button>
        </div>

        <div class="models__panel reveal" id="panel-model" role="tabpanel" aria-live="polite">
          <div class="models__visual" aria-hidden="true">
            <div class="models__orb" id="modelsOrb"><span></span></div>
          </div>
          <div class="models__info">
            <p class="models__level" id="modelLevel">Nivel 01 — Entrada</p>
            <h3 class="models__name" id="modelName">XYGOX Swift</h3>
            <p class="models__desc" id="modelDesc">El modelo de acceso de XYGOX. Pensado para responder con rapidez en el uso diario: generación de contenido y consultas inteligentes sin complicaciones.</p>
            <ul class="models__caps" id="modelCaps">
              <li>Uso diario para tareas básicas</li>
              <li>Generación de contenido</li>
              <li>Ideal para descubrir la plataforma</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!-- ══════════ PLANES ══════════ -->
    <section class="section pricing" id="planes">
      <div class="container">
        <p class="eyebrow reveal">Planes</p>
        <h2 class="section__title reveal">Elige cómo usar XYGOX</h2>
        <p class="section__sub reveal">Empieza gratis y crece cuando lo necesites. Sin sorpresas: los límites son claros en cada plan.</p>

        <div class="pricing__grid">
          <!-- PULSE -->
          <article class="plan reveal" aria-label="Plan Pulse">
            <span class="plan__badge plan__badge--current">✓ Plan actual</span>
            <header class="plan__head">
              <span class="plan__icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="currentColor"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
              </span>
              <h3 class="plan__name">PULSE</h3>
            </header>
            <p class="plan__price"><span class="plan__amount">Gratis</span></p>
            <ul class="plan__features">
              <li>Acceso a las funciones esenciales de Xygox</li>
              <li>Modelo Xygox Swift incluido</li>
              <li>Generación de contenido y consultas inteligentes</li>
              <li>Uso diario para tareas básicas</li>
              <li>Ideal para descubrir la plataforma</li>
            </ul>
            <p class="plan__limits">30 mensajes · 5 imágenes analizadas · 3 archivos al día</p>
            <button class="btn btn--outline btn--block" data-open-chat>Empezar gratis</button>
          </article>

          <!-- VECTOR -->
          <article class="plan plan--popular reveal" aria-label="Plan Vector, plan recomendado">
            <span class="plan__badge plan__badge--popular">MÁS POPULAR</span>
            <header class="plan__head">
              <span class="plan__icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2 22 12 12 22 2 12Z"/><path d="M12 6.5 17.5 12 12 17.5 6.5 12Z" fill="#0c0e13"/><path d="M12 9.5 14.5 12 12 14.5 9.5 12Z"/></svg>
              </span>
              <h3 class="plan__name">VECTOR</h3>
            </header>
            <p class="plan__price"><span class="plan__amount">11,99&nbsp;€</span><span class="plan__period">/mes</span></p>
            <ul class="plan__features">
              <li>Todo lo incluido en PULSE</li>
              <li>Modelo Xygox Core desbloqueado</li>
              <li>Límites de uso mucho más altos (300 mensajes/día)</li>
              <li>Respuestas más rápidas y herramientas avanzadas</li>
              <li>Mayor capacidad de textos, archivos e imágenes</li>
              <li>Pensado para uso frecuente</li>
            </ul>
            <p class="plan__limits">300 mensajes · 50 imágenes analizadas · 30 archivos al día</p>
            <button class="btn btn--primary btn--block" data-upgrade="vector">Mejorar plan</button>
          </article>

          <!-- QUANTUM -->
          <article class="plan reveal" aria-label="Plan Quantum">
            <header class="plan__head">
              <span class="plan__icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="4" fill="currentColor" stroke="none"/></svg>
              </span>
              <h3 class="plan__name">QUANTUM</h3>
            </header>
            <p class="plan__price"><span class="plan__amount">29,99&nbsp;€</span><span class="plan__period">/mes</span></p>
            <ul class="plan__features">
              <li>Todo lo incluido en VECTOR</li>
              <li>Xygox Swift, Core y Apex desbloqueados</li>
              <li>Máxima capacidad: 1.000 mensajes/día</li>
              <li>Prioridad de procesamiento y máxima velocidad</li>
              <li>Funciones premium y herramientas exclusivas</li>
              <li>La experiencia más completa de la plataforma</li>
            </ul>
            <p class="plan__limits">1000 mensajes · 200 imágenes analizadas · 100 archivos al día</p>
            <button class="btn btn--primary btn--block" data-upgrade="quantum">Mejorar plan</button>
          </article>
        </div>
        <p class="section__sub reveal" style="margin-top:1.25rem">Precios finales con impuestos incluidos. VECTOR y QUANTUM son suscripciones mensuales con renovación automática; puedes cancelar futuras renovaciones desde el portal de facturación.</p>
      </div>
    </section>

    <!-- ══════════ SOBRE XYGOX ══════════ -->
    <section class="section about" id="sobre-xygox">
      <div class="container">
        <p class="eyebrow reveal">Sobre XYGOX</p>
        <h2 class="section__title reveal">Xygox, la IA de Redeals AI</h2>
        <p class="section__sub reveal">Un producto de ReDeal’s, fundado y desarrollado por Adrián Benítez Ruiz. <a href="/redeals-ai/">Conoce el proyecto, su origen y sus canales oficiales.</a></p>

        <div class="about__story reveal" aria-label="Redeal's construye XYGOX, XYGOX entrega inteligencia">
          <div class="about__node">
            <span class="about__node-label">Compañía</span>
            <strong>Redeal's</strong>
          </div>
          <span class="about__link" aria-hidden="true"><i></i><i></i><i></i></span>
          <div class="about__node about__node--core">
            <span class="about__node-label">Producto</span>
            <strong>XYGOX</strong>
          </div>
          <span class="about__link" aria-hidden="true"><i></i><i></i><i></i></span>
          <div class="about__node">
            <span class="about__node-label">Resultado</span>
            <strong>Intelligence</strong>
          </div>
        </div>

        <figure class="about__founder reveal">
          <img src="logo.png" alt="" class="about__founder-mark" width="44" height="44" draggable="false" />
          <figcaption>
            <blockquote>Fundada y desarrollada por Adrián Benítez Ruiz, CEO de Redeal's.</blockquote>
            <cite>Adrián Benítez Ruiz — Fundador &amp; CEO, <a href="https://redealshq.com" target="_blank" rel="noopener noreferrer">ReDeal’s</a></cite>
          </figcaption>
        </figure>
      </div>
    </section>

    <!-- ══════════ CTA FINAL ══════════ -->
    <section class="section final-cta">
      <div class="container final-cta__box reveal">
        <img src="logo.png" alt="" class="final-cta__logo" width="64" height="64" draggable="false" />
        <h2>Empieza con XYGOX hoy</h2>
        <p>Descubre la plataforma con el plan gratuito. Cuando necesites más, los planes Vector y Quantum te esperan.</p>
        <div class="hero__cta">
          <button class="btn btn--primary btn--lg" data-open-chat>Empezar chat</button>
          <a href="#planes" class="btn btn--ghost btn--lg" data-nav-link>Ver planes</a>
        </div>
      </div>
    </section>
  </main>

  <!-- ══════════ FOOTER ══════════ -->
  <footer class="footer">
    <div class="container footer__grid">
      <div class="footer__brand">
        <a href="#inicio" class="nav__brand" data-nav-link>
          <img src="logo.png" alt="Logo de XYGOX" class="nav__logo" width="26" height="26" />
          <span>XYGOX</span>
        </a>
        <p class="footer__tag">A Redeal's product.</p>
        <div class="footer__social">
          <a href="https://www.tiktok.com/@_redeals_" target="_blank" rel="noopener noreferrer" aria-label="TikTok de Redeal's">
            <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M16.6 3c.4 2.1 1.8 3.6 3.9 3.9v2.8c-1.5 0-2.8-.4-3.9-1.2v5.9c0 3.4-2.4 5.6-5.5 5.6A5.4 5.4 0 0 1 5.6 14c0-3.1 2.4-5.5 5.7-5.4v2.9c-1.6-.2-2.9.9-2.9 2.5 0 1.5 1.1 2.6 2.6 2.6 1.6 0 2.7-1.1 2.7-2.9V3h2.9z"/></svg>
            <span>TikTok</span>
          </a>
          <a href="https://www.instagram.com/redeals_oficial/" target="_blank" rel="noopener noreferrer" aria-label="Instagram de Redeal's">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></svg>
            <span>Instagram</span>
          </a>
          <a href="https://www.linkedin.com/in/adri%C3%A1n-ben%C3%ADtez-ruiz-b383b6432" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn de Adrián Benítez Ruiz">
            <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9.5 9h3.8v1.7h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6V21h-4v-5.5c0-1.3 0-3-1.9-3s-2.2 1.4-2.2 2.9V21h-4z"/></svg>
            <span>LinkedIn</span>
          </a>
        </div>
      </div>

      <nav class="footer__nav" aria-label="Navegación del pie de página">
        <h4>Navegación</h4>
        <a href="#inicio" data-nav-link>Inicio</a>
        <a href="#caracteristicas" data-nav-link>Características</a>
        <a href="#modelos" data-nav-link>Modelos</a>
        <a href="#planes" data-nav-link>Planes</a>
        <a href="#sobre-xygox" data-nav-link>Sobre XYGOX</a>
      </nav>

      <nav class="footer__nav" aria-label="Legal">
        <h4>Legal</h4>
        <button data-open-modal="privacy">Política de Privacidad</button>
        <button data-open-modal="terms">Términos y Condiciones</button>
        <a href="/refunds/">Reembolsos</a>
        <a href="/cancellation/">Cancelación</a>
        <a href="/support/">Soporte</a>
        <a href="/cookies/">Cookies</a>
        <a href="/legal/">Aviso legal</a>
      </nav>
    </div>

    <div class="footer__wordmark" aria-hidden="true">XYGOX</div>

    <div class="container footer__bottom">
      <p>© 2026 Redeal's. Todos los derechos reservados.</p>
    </div>
  </footer>

  <!-- Botón volver arriba -->
  <button class="to-top" id="toTop" aria-label="Volver arriba">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
  </button>

  <!-- ══════════ MODAL: PRIVACIDAD ══════════ -->
  <div class="modal" id="modal-privacy" role="dialog" aria-modal="true" aria-labelledby="privacyTitle" hidden>
    <div class="modal__backdrop" data-close-modal></div>
    <div class="modal__card modal__card--doc">
      <button class="modal__close" data-close-modal aria-label="Cerrar">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6 6 18M6 6l12 12"/></svg>
      </button>
      <h3 id="privacyTitle">Política de Privacidad</h3>
      <p>En Xygox, una marca de Redeal's fundada por Adrián Benítez Ruiz, protegemos tu privacidad.</p>
      <h4>Datos Recopilados</h4>
      <p>Recopilamos información de registro y datos de uso para mejorar la plataforma.</p>
      <h4>Seguridad</h4>
      <p>Implementamos medidas técnicas avanzadas para proteger tu información.</p>
      <p><a href="/privacy/">Consultar la Política de Privacidad completa</a></p>
    </div>
  </div>

  <!-- ══════════ MODAL: TÉRMINOS ══════════ -->
  <div class="modal" id="modal-terms" role="dialog" aria-modal="true" aria-labelledby="termsTitle" hidden>
    <div class="modal__backdrop" data-close-modal></div>
    <div class="modal__card modal__card--doc">
      <button class="modal__close" data-close-modal aria-label="Cerrar">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6 6 18M6 6l12 12"/></svg>
      </button>
      <h3 id="termsTitle">Términos y Condiciones</h3>
      <p>Al usar Xygox, aceptas estos términos. Plataforma desarrollada por Redeal's.</p>
      <h4>Planes</h4>
      <p>Los límites de mensajes y archivos son estrictos según el plan contratado.</p>
      <h4>Propiedad</h4>
      <p>Los modelos Xygox y la interfaz son propiedad de Redeal's.</p>
      <p><a href="/terms/">Consultar los Términos y Condiciones completos</a></p>
    </div>
  </div>

  <script src="js/main.js" defer></script>
<!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "75a83769390649d987725ab83048653c"}'></script><!-- Cloudflare Pages Analytics --></body>
</html>
