.bot-button {
width: 80px;
height: 80px;
border-radius: 50%;
border: none;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
transition: transform 0.3s ease;
background: url('https://f.ezycourse.net/3064/cm711z7bm05chzt9n774xdnpi.png') center/cover;
}
.bot-button:hover {
transform: scale(1.1);
}
.chat-window {
position: fixed;
bottom: 120px;
right: 20px;
width: 350px;
height: 500px;
background: white;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.2);
display: none;
flex-direction: column;
z-index: 1001;
}
.chat-header {
background: linear-gradient(135deg, #ff6b9d, #ffa726, #42a5f5);
color: white;
padding: 15px;
border-radius: 15px 15px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.chat-messages {
flex: 1;
padding: 15px;
overflow-y: auto;
background: #f8f9fa;
}
.message {
margin-bottom: 10px;
padding: 10px;
border-radius: 10px;
max-width: 80%;
}
.bot-message {
background: #e3f2fd;
align-self: flex-start;
}
.user-message {
background: #42a5f5;
color: white;
align-self: flex-end;
margin-left: auto;
}
.chat-input {
display: flex;
padding: 15px;
border-top: 1px solid #eee;
}
.chat-input input {
flex: 1;
padding: 10px;
border: 1px solid #ddd;
border-radius: 20px;
outline: none;
}
.chat-input button {
margin-left: 10px;
padding: 10px 15px;
background: #42a5f5;
color: white;
border: none;
border-radius: 20px;
cursor: pointer;
}
.loading {
display: none;
text-align: center;
padding: 10px;
color: #666;
}
.hotel-card {
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px;
margin: 10px 0;
background: white;
}
.rating {
color: #ffa726;
font-weight: bold;
}
.download-link {
display: inline-block;
background: #4caf50;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
margin-top: 10px;
}
</style>
Últimas ${data.recentReviews} avaliações analisadas
Preço médio: ${data.priceRange}
Dados atualizados: ${data.lastUpdated}
📄 Gerar Proposta PDF✅ Proposta gerada com sucesso!
📥 Clica aqui para fazer download `); } addUserMessage(message) { const messagesDiv = document.getElementById('chatMessages'); messagesDiv.innerHTML += ``; messagesDiv.scrollTop = messagesDiv.scrollHeight; } addBotMessage(message) { const messagesDiv = document.getElementById('chatMessages'); messagesDiv.innerHTML += ``; messagesDiv.scrollTop = messagesDiv.scrollHeight; } showLoading(show) { document.getElementById('loading').style.display = show ? 'block' : 'none'; } } // Inicializar o bot quando a página carregar document.addEventListener('DOMContentLoaded', function() { window.botCrustaceo = new BotCrustaceo(); });