🚀 Novapsis Chat Widget

<script>
window.NovapisChatConfig = {
    webhook: {
        url: 'https://tu-n8n.com/webhook/TU-WEBHOOK-ID',
        route: 'chat'
    },
    branding: {
        logo: 'https://tu-sitio.com/logo.png',
        name: 'Tu Empresa',
        welcomeText: '¡Hola! ¿Cómo podemos ayudarte?',
        responseTimeText: 'Respondemos en minutos'
    },
    style: {
        primaryColor: '#2CBAFF',
        secondaryColor: '#1E90FF',
        position: 'right'
    }
};
</script>

<script src="https://chat.novapsis.com/v1/novapsis-chat-init.js"></script>

<script>
window.NovapisChatConfig = {
    // 🔗 Configuración del Webhook
    webhook: {
        url: 'https://tu-n8n.com/webhook/TU-WEBHOOK-ID',
        route: 'chat'
    },
    
    // 🏷️ Configuración de Marca
    branding: {
        logo: 'https://tu-sitio.com/logo.png',
        name: 'Tu Empresa',
        welcomeText: '¡Hola! ¿Cómo podemos ayudarte?',
        responseTimeText: 'Respondemos en minutos',
        poweredBy: {
            text: 'Powered by Tu Empresa',
            link: 'https://tu-sitio.com'
        }
    },
    
    // 🎨 Configuración de Estilo
    style: {
        // Colores
        primaryColor: '#2CBAFF',
        secondaryColor: '#1E90FF',
        backgroundColor: '#ffffff',
        fontColor: '#333333',
        
        // Tamaño y Posición
        width: '400px',
        height: '650px',
        position: 'right',          // 'left' o 'right'
        bottom: '20px',
        right: '20px',
        left: '20px',               // solo si position es 'left'
        
        // Apariencia
        borderRadius: '16px',
        buttonSize: '70px',
        shadowIntensity: 'normal',  // 'none', 'light', 'normal', 'strong'
        
        // Tipografía
        fontSize: '16px',
        fontFamily: '"Arial", sans-serif',
        
        // Comportamiento
        autoOpen: false,
        autoOpenDelay: 3000,
        minimizeAnimation: true,
        showTypingIndicator: true,
        enableSounds: false
    }
};
</script>
<script src="https://chat.novapsis.com/v1/novapsis-chat-init.js"></script>

<script>
        
window.NovapisChatConfig = {
  webhook: {
    url: 'TU_URL_DE_WEBHOOK_N8N_AQUI',
    route: 'chat'
  },
  
  branding: {
    logo: 'https://i.ibb.co/wNdRxBnz/20250524-1423-Logo-Sin-Fondo-remix-01jw13yj2gf9f8001jz7pbswe8.png',
    name: 'Novapsis',
    welcomeText: '¡Hola! ¿Cómo podemos ayudarte?',
    responseTimeText: 'Aquí respondemos todas tus dudas',
    poweredBy: {
      text: 'Powered by Novapsis',
      link: 'https://www.novapsis.com'
    }
  },
  
  style: {
    primaryColor: '#2CBAFF',
    secondaryColor: '#1E90FF',
    backgroundColor: '#ffffff',
    fontColor: '#333333',
    headerBackgroundColor: '#2CBAFF',
    headerTextColor: '#ffffff',
    
    width: '400px',
    height: '650px',
    position: 'left',
    bottom: '20px',
    right: '20px',
    left: '20px',
    borderRadius: '16px',
    buttonSize: '70px',
    shadowIntensity: 'normal',
    autoOpen: false,
    autoOpenDelay: 3000,
    minimizeAnimation: true,
    showTypingIndicator: true,
    enableSounds: false
  }
};
</script>
<script src="https://chat.novapsis.com/latest/novapsis-chat-init.js"></script>

<!-- Función para forzar estilos manualmente si es necesario -->
<script>
// Función de emergencia para forzar estilos
function forzarEstilosCabecera() {
  const headers = document.querySelectorAll('.brand-header, [class*="brand-header"]');
  headers.forEach(header => {
    header.style.setProperty('background', '#2CBAFF', 'important');
    header.style.setProperty('background-color', '#2CBAFF', 'important');
    header.style.setProperty('color', '#ffffff', 'important');
    
    const textElements = header.querySelectorAll('*');
    textElements.forEach(el => {
      el.style.setProperty('color', '#ffffff', 'important');
    });
  });
  console.log('🎨 Estilos de cabecera forzados manualmente');
}

// Ejecutar después de que se cargue todo
setTimeout(forzarEstilosCabecera, 2000);
</script>