.chat-button,.whatsapp-button{color:#fff;width:56px;height:56px;cursor:pointer;display:flex;transition:.3s cubic-bezier(.68, -.55, .265, 1.55)}.chat-button,.chat-label,.whatsapp-button{transition:.3s cubic-bezier(.68, -.55, .265, 1.55)}.chat-header,.chat-label{font-family:Poppins,sans-serif}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.floating-buttons{display:flex;flex-direction:column;gap:12px;align-items:center;position:relative;z-index:999}.whatsapp-button{background-color:#25d366;border:none;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(37,211,102,.3);animation:2s infinite subtle-pulse-whatsapp;text-decoration:none;position:relative}.whatsapp-button svg{width:28px;height:28px;filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .1));color:#fff}.whatsapp-button::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 70%)}@keyframes subtle-pulse-whatsapp{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(37,211,102,.3)}50%{transform:scale(1.03);box-shadow:0 4px 20px rgba(37,211,102,.4)}}.whatsapp-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(37,211,102,.4)}.chat-button{background-color:#24445c;border:none;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(255,75,75,.3);animation:2s infinite subtle-pulse;font-size:28px}@keyframes subtle-pulse{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(255,75,75,.3)}50%{transform:scale(1.03);box-shadow:0 4px 20px rgba(255,75,75,.4)}}.chat-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(255,75,75,.4)}.chat-label{position:absolute;right:70px;top:50%;transform:translateY(-50%);background-color:#fff;padding:10px 20px;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:14px;color:#333;white-space:nowrap;opacity:0;transform:translateX(20px)}.chat-widget:hover .chat-label{opacity:1;transform:translateY(-50%) translateX(0)}.chat-container{position:fixed;bottom:90px;right:20px;width:320px;height:450px;background-color:#fff;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.1);display:none;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:.3s cubic-bezier(.68,-.55,.265,1.55) forwards popIn;z-index:1001;transition:.3s cubic-bezier(.4, 0, .2, 1)}@keyframes popIn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.chat-header{background-color:#24445c;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;flex-direction:column}.header-title{font-size:16px;font-weight:600;margin-bottom:4px}.header-status{font-size:12px;opacity:.8}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;background-color:#f8f9fa}.chat-input-container{display:flex;align-items:center;padding:10px;background-color:#fff;border-top:1px solid #e0e0e0;position:relative;gap:8px}.chat-input{flex:1;min-width:0;padding:8px 12px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;transition:.3s}.emoji-button,.send-button{display:flex;align-items:center;width:36px;height:36px;padding:0;cursor:pointer;transition:.3s}.send-button{justify-content:center;border:none;border-radius:50%;background-color:#24445c;color:#fff;flex-shrink:0}.send-button svg{width:18px;height:18px}.emoji-button{justify-content:center;border:none;border-radius:50%;background:0 0;color:#666;flex-shrink:0}.emoji-picker{position:absolute;bottom:100%;left:20px;background:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1);padding:10px;display:none;width:280px;margin-bottom:10px;transition:.3s;transform-origin:bottom left}.send-button:hover,.user-message{background-color:#24445c}.bot-message,.user-message{padding:12px 16px;font-size:14px;line-height:1.4}.emoji-picker.active{display:block;animation:.3s forwards popUpEmoji}@keyframes popUpEmoji{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:200px;overflow-y:auto}.emoji-list span{font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;transition:.2s}.emoji-list span:hover{background-color:#f0f0f0;transform:scale(1.1)}.emoji-list span:focus{outline:#24445c solid 2px;outline-offset:2px}.chat-input:focus{outline:#24445c solid 2px;outline-offset:-2px;border-color:#24445c;box-shadow:0 0 0 2px rgba(255,75,75,.1)}.chat-input:disabled,.send-button:disabled{opacity:.6;cursor:not-allowed}.message{margin-bottom:15px;max-width:85%;animation:.3s ease-out messageSlide;transform-origin:top}@keyframes messageSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{margin-left:auto;color:#fff;border-radius:8px 8px 0}.bot-message{background-color:#fff;border-radius:8px 8px 8px 0;box-shadow:0 1px 2px rgba(0,0,0,.1)}.typing-animation{display:flex;gap:4px;padding:12px}.typing-animation span{width:8px;height:8px;background:#24445c;border-radius:50%;animation:1s ease-in-out infinite typing}.typing-animation span:first-child{animation-delay:.2s}.typing-animation span:nth-child(2){animation-delay:.4s}.typing-animation span:nth-child(3){animation-delay:.6s}@keyframes typing{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:480px){.chat-container{width:100%;height:87%;right:0;bottom:0;border-radius:0}.chat-button{width:50px;height:50px}.chat-label{display:none}}@media screen and (max-width:768px){.chat-widget{bottom:10px;right:10px}.chat-container{width:100%}.chat-messages{max-height:300px}.floating-buttons{gap:8px}.chat-button,.whatsapp-button{width:48px;height:48px}.chat-label{font-size:12px}.chat-input-container{padding:8px;gap:6px}.chat-input{padding:6px 10px;font-size:14px}.emoji-button,.send-button{width:32px;height:32px}.send-button svg{width:16px;height:16px}}@media screen and (max-width:480px){.chat-widget{max-width:calc(100% - 20px)}.chat-messages{max-height:100%}.emoji-picker{width:200px}.emoji-list span{padding:5px}.chat-input-container{padding:6px;gap:4px}.chat-input{padding:6px 8px;font-size:13px}.emoji-button,.send-button{width:30px;height:30px}}.chat-container[style*="display: flex"]~.floating-buttons .whatsapp-button{opacity:0;visibility:hidden;transform:scale(0);transition:.3s}.chat-container.hidden{transform:scale(.95);opacity:0}