.whatsapp-float-button{cursor:pointer;z-index:9998;background:linear-gradient(135deg,#00b8d6 0%,#0097b3 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out slideInRight;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 24px #00b8d666}.whatsapp-float-button:hover{transform:scale(1.1)translateY(-3px);box-shadow:0 12px 32px #00b8d680}.whatsapp-float-button.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.whatsapp-icon{color:#fff;z-index:2;font-size:32px}.pulse-ring{background:#00b8d64d;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.whatsapp-chat-container{z-index:9999;background:#fff;border-radius:16px;flex-direction:column;width:380px;height:550px;animation:.4s cubic-bezier(.4,0,.2,1) slideInUp;display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 12px 48px #00000026}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.whatsapp-chat-header{color:#fff;background:linear-gradient(135deg,#00b8d6 0%,#0097b3 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000001a}.header-content{align-items:center;gap:12px;display:flex}.header-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;display:flex}.header-info h3{letter-spacing:.3px;margin:0;font-size:16px;font-weight:600}.header-info p{opacity:.9;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;display:flex}.header-info p:before{content:"";background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.close-button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.whatsapp-messages-area{background:#e5ddd5 repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff08 10px 20px);flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.whatsapp-messages-area::-webkit-scrollbar{width:6px}.whatsapp-messages-area::-webkit-scrollbar-track{background:#0000000d}.whatsapp-messages-area::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.whatsapp-messages-area::-webkit-scrollbar-thumb:hover{background:#0000004d}.message{margin-bottom:8px;animation:.3s ease-out messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:8px;flex-direction:column;max-width:75%;padding:10px 14px;display:flex;position:relative;box-shadow:0 1px 2px #0000001a}.user-message .message-bubble{background:#ccf5fc;border-bottom-right-radius:2px}.bot-message .message-bubble{background:#fff;border-bottom-left-radius:2px}.message-text{white-space:pre-wrap;z-index:1;margin:0;font-size:14px;line-height:1.5;display:block;position:relative;color:#303030!important}.user-message .message-text{font-weight:400;color:#000!important}.bot-message .message-text{font-weight:400;color:#303030!important}.message-time{color:#667781;text-align:right;margin-top:4px;font-size:11px;display:block}.typing-indicator{align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-indicator span{background:#90949c;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.whatsapp-input-area{background:#f0f0f0;border-top:1px solid #e0e0e0;align-items:center;gap:10px;padding:12px 16px;display:flex}.message-input{background:#fff;border:none;border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.message-input:focus{box-shadow:0 2px 8px #0000001a}.message-input::placeholder{color:#999}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b8d6 0%,#0097b3 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00b8d64d}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #00b8d666}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.whatsapp-chat-container{border-radius:12px;width:calc(100vw - 20px);height:calc(100vh - 100px);bottom:10px;right:10px}.whatsapp-float-button{width:56px;height:56px;bottom:20px;right:20px}.whatsapp-icon{font-size:28px}.message-bubble{max-width:85%}}@media (prefers-color-scheme:dark){.whatsapp-chat-container,.whatsapp-messages-area{background:#0b141a}.bot-message .message-bubble{background:#1f2c34}.user-message .message-bubble{background:#0097b3}.bot-message .message-text,.user-message .message-text{color:#e9edef!important}.whatsapp-input-area{background:#1f2c34;border-top-color:#2a3942}.message-input{color:#e9edef;background:#2a3942}.message-input::placeholder{color:#8696a0}}
