> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.onesignal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Documentación de OneSignal

> Comienza a construir más rápido con OneSignal. Explora guías rápidas, SDKs, canales de mensajería, referencias API y funciones avanzadas como Journeys y Live Activities.

export const HomepageBanner = ({imgSrc, imgAlt, title, description}) => {
  return <div style={{
    height: "280px"
  }} class="relative flex items-center justify-center mb-3">
      <img style={{
    height: "280px",
    width: "100%"
  }} src={imgSrc} alt={imgAlt} class="absolute top-0 left-0 w-100 object-cover rounded-none" noZoom />
      <div class="z-10 text-center text-gray-200 flex flex-col items-center justify-center gap-4 h-min px-6">
        <h1 role="heading" aria-level="1" class="inline-block text-4xl sm:text-6xl font-extrabold text-color-white">
          {title}
        </h1>
        <p class="text-md sm:text-lg font-normal">{description}</p>
      </div>
    </div>;
};

<HomepageBanner imgSrc="/images/docs/docs-header-image.png" imgAlt="abstract graphic" title="Documentación de OneSignal" description="Comienza a construir más rápido con guías completas, código de ejemplo y vistas generales de plataforma para mensajería omnicanal." />

<div
  style={{
padding: '0 clamp(1rem, 10vw, 20rem)',
maxWidth: '100%',
boxSizing: 'border-box',
paddingBottom: '5rem'
}}
>
  <Columns cols={3}>
    <Card href="./quickstart-guide">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-browser.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=9d706254f1d14b7083e25c69918f735d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-browser.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Configuración del dashboard
          </div>

          <div>
            Configura tu proyecto OneSignal, configura plataformas y comienza a enviar notificaciones rápidamente.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./developers">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sdk.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4f14b67a2d6a0a02bc4131093d066ed8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sdk.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Configuración del SDK
          </div>

          <div>
            Instala e integra el SDK de OneSignal con tu aplicación para habilitar capacidades de mensajería.
          </div>
        </div>
      </div>
    </Card>

    <Card href="/reference/rest-api-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-code.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d6cc289d815972a037dafb35d24e41a8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-code.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Referencia API
          </div>

          <div>
            Explora nuestra referencia API completa para automatizar mensajería, gestionar usuarios y rastrear entrega.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./push">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-push.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=a9f9de833ba6090a599044decaed4fef" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-push.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Push
          </div>

          <div>
            Configura y envía notificaciones push móviles y web con segmentación avanzada y automatización.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./email-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-email.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4a4d97ed68983fd3281c4bc4d7dda23f" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-email.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Email
          </div>

          <div>
            Construye, personaliza y envía emails transaccionales y de marketing usando OneSignal.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./sms-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sms.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=cb9c97c4e56196ecf09291521e636cbc" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sms.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            SMS y RCS
          </div>

          <div>
            Envía mensajes SMS y RCS urgentes usando el potente motor de mensajería de OneSignal.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./in-app-messages-setup">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-inapp-message.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=052c7c7b516e4887bba4a88086750180" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-inapp-message.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Mensajes in-app
          </div>

          <div>
            Crea mensajes in-app para involucrar a usuarios mientras están activos en tu aplicación.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./live-activities">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-live-activity.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=6487af5944b550bd1f0c10b4abb88582" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-live-activity.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Live Activities
          </div>

          <div>
            Entrega actualizaciones en tiempo real a iOS Live Activities usando el SDK y API de OneSignal.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./journeys-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-journey.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=2b1b041cbe425007cc5b3b547f1bc246" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-journey.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Journeys
          </div>

          <div>
            Diseña jornadas de mensajería sin código a través de canales para incorporar, retener y reactivar usuarios.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./ab-testing">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-filter.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4e7a8076805270fa53972287df561cd3" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-filter.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Pruebas A/B
          </div>

          <div>
            Optimiza tu mensajería con pruebas A/B para mejorar las tasas de engagement y conversión.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./analytics-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/6fCcLQvxHVWEktgW/images/svg/docs-icn-analytics.svg?fit=max&auto=format&n=6fCcLQvxHVWEktgW&q=85&s=26c9741283ad0a724bf74193be86b03c" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-analytics.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Analytics
          </div>

          <div>
            Rastrea el éxito de tus campañas de mensajería con analíticas detalladas.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./integrations">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-puzzle.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=c4d1c3152fd1a9c360d2fbae31fa4bcf" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-puzzle.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Integraciones
          </div>

          <div>
            Conecta OneSignal a herramientas de terceros, CRMs, pipelines de datos y más vía SDKs o webhooks.
          </div>
        </div>
      </div>
    </Card>
  </Columns>

  <div class="text-center text-gray-900 dark:text-gray-200 pt-10 mt-24 sm:mt-32 md:mt-40 pt-12 sm:pt-16 md:pt-20">
    <div role="heading" aria-level="1" class="inline-block text-2xl sm:text-3xl font-bold tracking-tight">
      Conceptos esenciales
    </div>

    <p class="mt-4 mb-12">Domina estos conceptos fundamentales para construir campañas de mensajería efectivas y comprender las capacidades centrales de OneSignal.</p>
  </div>

  <Columns cols={4}>
    <Card href="./add-user-data-tags">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Etiquetas de usuario
          </div>

          <div>
            Metadatos personalizados adjuntos a usuarios para almacenar preferencias, comportamientos y propiedades para segmentación.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./segmentation">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Segmentación
          </div>

          <div>
            Grupos dinámicos de usuarios basados en criterios como comportamiento, ubicación, etiquetas y estado de suscripción.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Usuarios
          </div>

          <div>
            Un Usuario representa un individuo con una o más suscripciones a canales de mensajería como push, email y SMS.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./subscriptions">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-checkmark.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d99d35a8ae2bde356d35f447b8927019" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-checkmark.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Suscripciones
          </div>

          <div>
            Una suscripción en OneSignal representa el canal o dispositivo específico a través del cual un usuario puede recibir mensajes.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users#external-id">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ID externo
          </div>

          <div>
            Un identificador único que asignas para vincular un usuario de OneSignal con tu propio sistema de usuarios o base de datos.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users#onesignal-id">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ID de OneSignal
          </div>

          <div>
            Un UUID único generado automáticamente por OneSignal para identificar cada usuario en el sistema.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./message-personalization">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-personalize.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=fda3bc803bb703718dbe1d793a9f4d5d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-personalize.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Personalización
          </div>

          <div>
            La capacidad de personalizar contenido de mensajes usando datos de usuario, etiquetas y contenido dinámico para experiencias relevantes.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./deep-linking">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-browser.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=9d706254f1d14b7083e25c69918f735d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-browser.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Deep Linking
          </div>

          <div>
            Dirige usuarios a pantallas de aplicación específicas o páginas web con deep links y URLs personalizados.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./multi-language-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-web-push.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=36cf63e17c920440a2ab409936962c7f" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-web-push.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Multiidioma
          </div>

          <div>
            Envía mensajes en múltiples idiomas para alcanzar audiencias globales efectivamente.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./confirmed-delivery">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-checkmark.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d99d35a8ae2bde356d35f447b8927019" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-checkmark.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Entrega confirmada
          </div>

          <div>
            Verificación de que una notificación push fue entregada exitosamente y mostrada en el dispositivo de un usuario.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./custom-outcomes">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/6fCcLQvxHVWEktgW/images/svg/docs-icn-analytics.svg?fit=max&auto=format&n=6fCcLQvxHVWEktgW&q=85&s=26c9741283ad0a724bf74193be86b03c" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-analytics.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Custom Outcomes
          </div>

          <div>
            Rastrea eventos de conversión personalizados y mide el impacto de tus campañas de mensajería.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./event-streams">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sdk.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4f14b67a2d6a0a02bc4131093d066ed8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sdk.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Event Streams
          </div>

          <div>
            Transmite eventos de mensajería en tiempo real a sistemas externos para análisis avanzado y automatización.
          </div>
        </div>
      </div>
    </Card>
  </Columns>
</div>