/* Inolvidare AI Chatbot Styles */
#inolvidareChatbot { position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; font-family: 'Inter', sans-serif; }
.chatbot-toggle { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #d4a574, #b8956a); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 20px rgba(212,165,116,0.4); transition: transform 0.3s; }
.chatbot-toggle:hover { transform: scale(1.1); }
.chatbot-icon { font-size: 1.5rem; }
.chatbot-window { display: none; flex-direction: column; position: absolute; bottom: 70px; right: 0; width: 380px; max-height: 500px; background: #12122a; border: 1px solid rgba(212,165,116,0.2); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
.chatbot-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: rgba(212,165,116,0.08); border-bottom: 1px solid rgba(212,165,116,0.1); }
.chatbot-header-info { display: flex; align-items: center; gap: 0.8rem; }
.chatbot-header-info strong { color: #f5f0e8; font-size: 0.95rem; display: block; }
.chatbot-header-info small { color: #8a8a9a; font-size: 0.75rem; }
.chatbot-avatar { font-size: 1.5rem; }
.chatbot-close { background: none; border: none; color: #8a8a9a; font-size: 1.5rem; cursor: pointer; }
.chatbot-messages { flex: 1; overflow-y: auto; padding: 1rem; min-height: 250px; max-height: 300px; }
.chat-msg { margin-bottom: 0.8rem; display: flex; }
.chat-msg span { display: inline-block; padding: 0.6rem 1rem; border-radius: 12px; font-size: 0.85rem; line-height: 1.5; max-width: 85%; }
.chat-msg.bot span { background: rgba(212,165,116,0.1); color: #e0dcd4; border-radius: 12px 12px 12px 0; }
.chat-msg.user { justify-content: flex-end; }
.chat-msg.user span { background: #d4a574; color: #0a0a1a; border-radius: 12px 12px 0 12px; }
.chat-msg.typing span { color: #8a8a9a; font-style: italic; }
.chatbot-suggestions { display: flex; gap: 0.5rem; padding: 0.5rem 1rem; overflow-x: auto; }
.chatbot-suggestions button { white-space: nowrap; padding: 0.4rem 0.8rem; background: rgba(212,165,116,0.08); border: 1px solid rgba(212,165,116,0.2); border-radius: 20px; color: #d4a574; font-size: 0.75rem; cursor: pointer; font-family: 'Inter'; }
.chatbot-suggestions button:hover { background: rgba(212,165,116,0.15); }
.chatbot-input { display: flex; gap: 0.5rem; padding: 0.8rem 1rem; border-top: 1px solid rgba(212,165,116,0.1); }
.chatbot-input input { flex: 1; padding: 0.6rem 1rem; background: rgba(0,0,0,0.3); border: 1px solid rgba(212,165,116,0.2); border-radius: 8px; color: #f5f0e8; font-family: 'Inter'; font-size: 0.85rem; }
.chatbot-input input::placeholder { color: #8a8a9a; }
.chatbot-input button { padding: 0.6rem 1rem; background: #d4a574; color: #0a0a1a; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; font-size: 1rem; }
/* AI Button */
.btn-ai { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, rgba(74,108,247,0.15), rgba(212,165,116,0.15)); border: 1px solid rgba(74,108,247,0.3); border-radius: 8px; color: #7c9aff; font-size: 0.8rem; cursor: pointer; font-family: 'Inter'; }
.btn-ai:hover { background: linear-gradient(135deg, rgba(74,108,247,0.25), rgba(212,165,116,0.25)); }
@media (max-width: 480px) {
    .chatbot-window { width: calc(100vw - 2rem); right: -1rem; }
}