.whatsapp-widget{z-index:99999999;margin:22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:fixed;top:auto;bottom:0;left:auto;right:0}.whatsapp-widget-button{cursor:pointer;z-index:2;background-color:#0ec12f;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:70px;height:70px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.notification-dot{z-index:3;background-color:#f44;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.avatar-container{position:relative}.active-user-dot{z-index:3;background-color:#25d366;border:none;border-radius:50%;width:10px;height:10px;position:absolute;bottom:4px;right:5px}.wave-circle{opacity:0;z-index:-1;pointer-events:none;background-color:#0000;border:1.5px solid #25d36680;border-radius:50%;width:100%;height:100%;position:absolute}.animate-waves .wave-circle{animation:4s cubic-bezier(.4,0,.2,1) forwards gentleWave}.animate-waves .wave-circle:first-child{animation-delay:.2s}.animate-waves .wave-circle:nth-child(2){animation-delay:.6s}.animate-waves .wave-circle:nth-child(3){animation-delay:1s}@keyframes gentleWave{0%{opacity:0;transform:scale(1)}20%{opacity:.2}40%{opacity:.15}60%{opacity:.1}to{opacity:0;transform:scale(1.8)}}.whatsapp-widget-button:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 14px #0006}.whatsapp-icon{color:#fff;width:40px;height:40px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.whatsapp-icon-small{width:24px;height:24px;margin-right:8px}.whatsapp-chat-window{transform-origin:100% 100%;opacity:0;background-color:#0000;border-radius:12px 12px 0;width:420px;animation:.4s cubic-bezier(.4,0,.2,1) forwards slideIn;position:absolute;bottom:82px;right:40px;overflow:hidden;box-shadow:0 8px 25px #0003}.chat-header{color:#fff;background-color:#015c4b;align-items:center;gap:.8em;padding:1.2em 3em 1.2em 1.4em;display:flex;position:relative}.avatar,.avatar-placeholder{color:#fff;background-color:#128c7e;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:18px;font-weight:700;display:flex}.avatar{object-fit:cover}.header-info{text-align:start;flex-direction:column;flex:1;gap:3px;display:flex}.header-info h3{color:#fff;text-shadow:0 1px 2px #0003;margin:0;font-size:1.4em;font-weight:700;line-height:1.2em}.header-info p{color:#ffffffe6;margin:0;font-size:1em;font-weight:500}.close-button{color:#ffffffb3;cursor:pointer;opacity:.9;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:2px;right:8px}.close-button:hover{opacity:1;transform:scale(1.1)}.chat-body{background-color:#e5ddd5;flex-direction:column;flex:1;gap:8px;min-height:340px;padding:20px 20px 100px;display:flex;position:relative;overflow-y:auto}.message-bubble{text-align:start;opacity:0;color:#303030;background-color:#fff;border-radius:0 10px 10px;align-self:flex-start;max-width:80%;padding:12px 16px;font-size:1em;font-weight:500;animation:.4s cubic-bezier(.4,0,.2,1) forwards messageSlideIn;box-shadow:0 1px 2px #0000001a}.message-bubble:first-child{animation-delay:.1s}.message-bubble:nth-child(2){animation-delay:.2s}.message-bubble:nth-child(3){animation-delay:.3s}.typing-indicator{opacity:0;background-color:#fff;border-radius:0 10px 10px;align-self:flex-start;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;padding:20px 16px;animation:.4s cubic-bezier(.4,0,.2,1) forwards messageSlideIn;display:flex;box-shadow:0 1px 2px #0000001a}.typing-indicator span{background-color:#93989b;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce;display:inline-block}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.contact-button{color:#fff;cursor:pointer;opacity:0;text-shadow:0 1px 2px #0000001a;z-index:2;background-color:#14c656;border:none;border-radius:25px;justify-content:center;align-items:center;width:70%;margin-top:2em;padding:12px 24px;font-size:1.3em;font-weight:700;transition:all .1s cubic-bezier(.4,0,.2,1);animation:.1s cubic-bezier(.4,0,.2,1) .4s forwards buttonFadeIn;display:flex;position:absolute;bottom:22px;left:15%}.contact-button:hover{background-color:#128c7e;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.chat-window-exit{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.9)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.whatsapp-chat-window{width:20em;bottom:60px;right:10px}.whatsapp-widget-button{width:50px;height:50px}.whatsapp-icon{width:25px;height:25px}.avatar,.avatar-placeholder{width:50px;height:50px;font-size:16px}.header-info h3{font-size:1em}.header-info p{font-size:.8em}.message-bubble{padding:10px 14px;font-size:.9em}.contact-button{padding:10px 20px;font-size:16px}.notification-dot{width:14px;height:14px}}