.chatbot-container{z-index:var(--z-modal);font-family:var(--ff-body);position:fixed;bottom:30px;right:30px}.chatbot-trigger{border-radius:var(--radius-full);background-color:var(--color-bg-dark);width:60px;height:60px;color:var(--color-accent);border:2px solid var(--color-accent);cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:relative}.chatbot-trigger:hover{color:var(--color-text-inv);background-color:#26211c;transform:scale(1.08)translateY(-3px)}.chatbot-trigger:active{transform:scale(.95)}.chatbot-badge{background-color:var(--color-accent-dark);color:var(--color-text-inv);font-size:11px;font-weight:var(--fw-bold);border-radius:var(--radius-full);border:2px solid var(--color-bg-dark);justify-content:center;align-items:center;width:20px;height:20px;animation:2s infinite pulse-badge;display:flex;position:absolute;top:-2px;right:-2px}@keyframes pulse-badge{0%{box-shadow:0 0 #b89b71b3}70%{box-shadow:0 0 0 6px #b89b7100}to{box-shadow:0 0 #b89b7100}}.chatbot-window{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);border:2px solid var(--color-accent-dark);width:380px;height:580px;max-height:80vh;box-shadow:var(--shadow-xl);animation:chatbot-slide-in .4s var(--ease-out);transform-origin:100% 100%;background-color:#faf8f5f2;flex-direction:column;display:flex;overflow:hidden}@keyframes chatbot-slide-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chatbot-header{background-color:var(--color-bg-dark);color:var(--color-text-inv);padding:var(--space-4) var(--space-5);border-bottom:2px solid var(--color-accent);justify-content:space-between;align-items:center;display:flex}.chatbot-header-info{align-items:center;gap:var(--space-3);display:flex}.chatbot-header-avatar{border-radius:var(--radius-full);border:2px solid var(--color-accent);width:38px;height:38px;color:var(--color-accent);background-color:#b89b7126;justify-content:center;align-items:center;display:flex}.chatbot-header-titles{flex-direction:column;display:flex}.chatbot-header-title{font-family:var(--ff-display);font-size:17px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);color:var(--color-text-inv);margin:0}.chatbot-header-status{color:var(--color-accent-soft);font-size:12px;font-weight:var(--fw-medium);align-items:center;gap:6px;display:flex}.chatbot-status-dot{border-radius:var(--radius-full);background-color:#10b981;width:8px;height:8px;animation:1.5s infinite pulse-online;display:inline-block}@keyframes pulse-online{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.chatbot-header-wa-btn{color:#fff;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-smooth);background-color:#25d366;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;text-decoration:none;display:flex}.chatbot-header-wa-btn:hover{color:#fff;background-color:#1eb956;transform:translateY(-1px);box-shadow:0 2px 6px #25d36666}.chatbot-close-btn{color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.chatbot-close-btn:hover{color:var(--color-text-inv)}.chatbot-messages-container{padding:var(--space-4);gap:var(--space-4);background-color:#faf8f566;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chatbot-messages-container::-webkit-scrollbar{width:5px}.chatbot-messages-container::-webkit-scrollbar-track{background:0 0}.chatbot-messages-container::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#1a161333}.chatbot-messages-container::-webkit-scrollbar-thumb:hover{background:#1a161359}.chatbot-msg-wrapper{max-width:82%;animation:msg-appear .3s var(--ease-out) forwards;opacity:0;flex-direction:column;display:flex;transform:translateY(8px)}@keyframes msg-appear{to{opacity:1;transform:translateY(0)}}.chatbot-msg-wrapper.bot{align-self:flex-start}.chatbot-msg-wrapper.user{align-self:flex-end}.chatbot-msg-bubble{border-radius:var(--radius-md);padding:11px 15px;font-size:14px;line-height:1.5}.chatbot-msg-wrapper.bot .chatbot-msg-bubble{color:#1a1613;background-color:#fff;border:1px solid #b89b7166;border-bottom-left-radius:2px;font-weight:500;box-shadow:0 1px 3px #1a16130d}.chatbot-msg-wrapper.user .chatbot-msg-bubble{color:#fff;border:1px solid var(--color-accent-soft);background-color:#1a1613;border-bottom-right-radius:2px;font-weight:500}.chatbot-msg-time{color:#5c5046;margin-top:4px;padding:0 4px;font-size:11px;font-weight:600}.chatbot-msg-wrapper.user .chatbot-msg-time{align-self:flex-end}.chatbot-typing-indicator{padding:var(--space-1) 0;align-items:center;gap:4px;display:flex}.chatbot-typing-dot{border-radius:var(--radius-full);background-color:#1a1613;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing-bounce}.chatbot-typing-dot:first-child{animation-delay:-.32s}.chatbot-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-quick-replies{padding:0 var(--space-4) var(--space-4) var(--space-4);background-color:#faf8f566;flex-wrap:wrap;gap:6px 8px;display:flex}.chatbot-quick-replies::-webkit-scrollbar{display:none}.chatbot-quick-btn{border:1.5px solid var(--color-accent);color:#1a1613;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);font-size:12px;font-weight:600;font-family:var(--ff-body);white-space:nowrap;background-color:#fff;flex-shrink:0;padding:7px 13px}.chatbot-quick-btn:hover{color:#fff;background-color:#1a1613;border-color:#1a1613;transform:translateY(-1px)}.chatbot-quick-btn.whatsapp-highlight{color:#fff;background-color:#25d366;border-color:#25d366;align-items:center;display:flex}.chatbot-quick-btn.whatsapp-highlight:hover{color:#fff;background-color:#1eb956;border-color:#1eb956;transform:translateY(-1px);box-shadow:0 2px 6px #25d36666}.chatbot-product-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#fff;border:1.5px solid #b89b7173;flex-direction:column;margin-top:10px;display:flex;overflow:hidden}.chatbot-product-image{object-fit:cover;border-bottom:1.5px solid #b89b7133;width:100%;height:130px}.chatbot-product-details{padding:12px}.chatbot-product-title{font-family:var(--ff-display);font-size:15px;font-weight:var(--fw-semibold);color:#1a1613;margin:0 0 6px}.chatbot-product-meta{color:#1a1613;margin:0 0 10px;font-size:12px;font-weight:500;line-height:1.4}.chatbot-product-price{font-weight:var(--fw-bold);color:#1a1613;margin:0 0 12px;font-size:14.5px}.chatbot-product-actions{gap:8px;display:flex}.chatbot-product-btn{text-align:center;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--fw-bold);cursor:pointer;transition:var(--transition-fast);font-family:var(--ff-body);border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;text-decoration:none;display:flex}.chatbot-product-btn.primary{color:#fff;background-color:#0f9b74;border:1px solid #0c7f5f}.chatbot-product-btn.primary:hover{background-color:#0c7f5f}.chatbot-product-btn.secondary{color:#1a1613;background-color:#fff;border:1.5px solid #1a1613}.chatbot-product-btn.secondary:hover{background-color:var(--color-bg-dark);color:#fff}.chatbot-whatsapp-fallback-btn{color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:var(--fw-bold);cursor:pointer;transition:var(--transition-fast);box-sizing:border-box;width:100%;font-family:var(--ff-body);background-color:#0f9b74;border:1px solid #0c7f5f;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px 14px;text-decoration:none;display:flex}.chatbot-whatsapp-fallback-btn:hover{background-color:#0c7f5f;transform:translateY(-1px)}.chatbot-input-form{padding:var(--space-3) var(--space-4);border-top:2px solid var(--color-accent);background-color:#fff;align-items:center;gap:8px;display:flex}.chatbot-input{border-radius:var(--radius-sm);color:#1a1613;transition:border-color var(--duration-fast) var(--ease-smooth);background-color:#fff;border:1.5px solid #9c8e82;outline:none;flex:1;padding:9px 13px;font-size:14px;font-weight:500}.chatbot-input:focus{border-color:#1a1613;box-shadow:0 0 0 2px #1a161326}.chatbot-input::placeholder{color:#5c5046;opacity:.9;font-weight:500}.chatbot-send-btn{color:#faf8f5;border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background-color:#1a1613;border:1.5px solid #1a1613;justify-content:center;align-items:center;display:flex}.chatbot-send-btn:hover{background-color:var(--color-accent);color:#1a1613;border-color:var(--color-accent)}.chatbot-send-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:600px){.chatbot-container{width:calc(100% - 30px);bottom:15px;left:15px;right:15px}.chatbot-trigger{width:54px;height:54px;position:fixed;bottom:15px;right:15px}.chatbot-window{border-radius:var(--radius-md);width:100%;height:520px;max-height:calc(100vh - 100px);position:relative;bottom:0;right:0}}