<script src="https://cdn.tailwindcss.com"></script>
<!-- Cargar los estilos del widget -->
<link
rel="stylesheet"
href="https://82.180.132.214/embedded/cognifera-agents-chat.css"
/>
<!-- Cargar el script del widget -->
<script
src="https://82.180.132.214/embedded/cognifera-agents-chat.js"
defer
></script>
<style>
/* Estilos de Armando para el color amarillo, si se borran, se ponen por defecto los de Hugo, los colores azules */
.position {
position: fixed;
bottom: 100px;
right: 100px;
z-index: 50;
}
#closeSettingsButton {
}
button.bg-blue-500 {
background-color: #f29a0a !important;
}
button.bg-blue-500:hover {
background-color: #dbb475 !important;
}
button.bg-blue-600 {
background-color: #f29a0a !important;
}
button.bg-blue-600:hover {
background-color: #dbb475 !important;
}
cognifera-agents-chat div.p-3.rounded-lg.bg-blue-600.text-white {
background-color: #f29a0a !important;
color: white !important;
}
</style>
</head>
<body>
<h1 class="text-2xl font-bold text-center text-gray-800">
Prueba del Widget Cognifera
</h1>
<p class="text-center text-gray-600">Chat:</p>
<!-- Widget de Cognifera Agents Chat -->
<cognifera-agents-chat default-state="open" agent-id="ami" class="position"></cognifera-agents-chat>
