#wc-rag-chat-messages { scroll-behavior: smooth; }
.wc-rag-dot { display: inline-block; width: 6px; height: 6px; background-color: #555; border-radius: 50%; margin: 0 2px; animation: wc-rag-bounce 1.4s infinite ease-in-out both; }
.wc-rag-dot:nth-child(1) { animation-delay: -0.32s; }
.wc-rag-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes wc-rag-bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
#wc-rag-chat-toggle { transition: transform 0.2s; }
#wc-rag-chat-toggle:hover { transform: scale(1.05); }
.wc-rag-add-to-cart-btn:hover { background: #333 !important; }

/* 📱 Diseño Responsivo para Móviles */
@media (max-width: 768px) {
    #wc-rag-chat-toggle {
        padding: 0 !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
    }
    
    .wc-rag-btn-text {
        display: none !important;
    }

    #wc-rag-chat-window {
        position: fixed !important; 
        width: calc(100% - 40px) !important; 
        height: 75vh !important; 
        max-height: 600px !important;
    }
}