Tu Propia Plataforma
de Soporte.

window.TraceTalk = {
  projectId: "tu-slug-de-proyecto",
  apiKey: "TU_API_KEY_UUID", // Opcional para analytics
  branding: {
    name: "Soporte TraceTalk",
    colors: {
      primary: "#ff9d00",
      secondary: "#7dab43"
    }
  },
  user: {
    id: "user_123",
    name: "Juan Pérez",
    email: "juan@empresa.com"
  }
};

window.addEventListener('tracetalk:ready', () => {
  console.log('Chat cargado y listo');
});

window.addEventListener('tracetalk:message_sent', (e) => {
  console.log('Mensaje enviado:', e.detail.text);
});

window.addEventListener('tracetalk:opened', () => {
  // Ej: Ocultar otros elementos UI
});

:root {
  --tt-primary: #ff9d00;
  --tt-radius: 12px;
  --tt-font: 'Inter', sans-serif;
  --tt-z-index: 99999;
}