.chat-toggle-btn{position:fixed;bottom:2rem;right:2rem;z-index:700;width:56px;height:56px;border-radius:50%;background:var(--coffee-500);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px #a0714f66;display:flex;align-items:center;justify-content:center;transition:transform .25s,background .2s;font-size:1.3rem}.chat-toggle-btn:hover{background:var(--coffee-700);transform:scale(1.08)}.chat-icon--open,.chat-toggle-btn.active .chat-icon--closed{display:none}.chat-toggle-btn.active .chat-icon--open{display:inline}.chat-unread-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#e74c3c;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.chat-popup{position:fixed;bottom:6rem;right:2rem;z-index:699;width:340px;max-height:520px;background:#fff;border-radius:16px;box-shadow:0 12px 48px #5c3b222e;display:flex;flex-direction:column;transform:scale(.85) translateY(20px);transform-origin:bottom right;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s}.chat-popup.open{opacity:1;visibility:visible;pointer-events:all;transform:scale(1) translateY(0)}.chat-popup.minimized{max-height:64px;overflow:hidden}.chat-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;background:linear-gradient(135deg,var(--coffee-500) 0%,var(--coffee-600) 100%);border-radius:16px 16px 0 0;color:#fff}.chat-popup-brand{display:flex;align-items:center;gap:.75rem}.chat-popup-logo{width:36px;height:36px;border-radius:50%;object-fit:contain;filter:none}.chat-popup-name{font-weight:600;font-size:.9rem}.chat-popup-status{font-size:.75rem;display:flex;align-items:center;gap:.35rem;opacity:.85}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--online{background:#2ecc71}.status-dot--away{background:#f39c12}.chat-popup-controls{display:flex;gap:.25rem}.chat-ctrl-btn{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.9rem;transition:background .2s}.chat-ctrl-btn:hover{background:#ffffff59}.chat-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-msg{max-width:85%;word-break:break-word}.chat-msg--support{display:flex;gap:.6rem;align-self:flex-start}.chat-msg-avatar{width:28px;height:28px;background:var(--beige-200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--coffee-600);flex-shrink:0}.chat-msg-bubble{background:var(--beige-100);border:1px solid var(--beige-200);border-radius:0 12px 12px;padding:.65rem .85rem;font-size:.85rem;color:var(--text-dark);line-height:1.5}.chat-msg--user{align-self:flex-end}.chat-msg--user .chat-msg-bubble{background:var(--coffee-500);color:#fff;border-color:var(--coffee-500);border-radius:12px 0 12px 12px}.chat-faq-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .5rem}.chat-faq-btn{padding:.4rem .75rem;background:#fff;border:1px solid var(--beige-300);border-radius:20px;font-size:.78rem;color:var(--coffee-600);cursor:pointer;transition:all .2s}.chat-faq-btn:hover{background:var(--coffee-500);color:#fff;border-color:var(--coffee-500)}.chat-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 .75rem .5rem;padding:.7rem;background:#25d366;color:#fff;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s}.chat-whatsapp-btn:hover{background:#1da851}.chat-input-area{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--beige-200)}.chat-input{flex:1;border:1px solid var(--beige-300);border-radius:20px;padding:.55rem 1rem;font-family:var(--font-sans);font-size:.85rem;resize:none;max-height:80px;overflow-y:auto}.chat-input:focus{outline:none;border-color:var(--coffee-400)}.chat-send-btn{width:36px;height:36px;background:var(--coffee-500);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.chat-send-btn:hover{background:var(--coffee-700)}.chat-footer-note{text-align:center;font-size:.7rem;color:var(--text-light);padding:0 .75rem .75rem}.chat-footer-note a{color:var(--coffee-400)}@media(max-width:480px){.chat-popup{width:calc(100vw - 2rem);right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/pages-extra-3.css.map */