@keyframes whatsappPulse{0%,100%{box-shadow:0 8px 30px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,.2),inset 0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 8px 30px rgba(37,211,102,.5),0 0 20px 5px rgba(37,211,102,.15),inset 0 1px 0 rgba(255,255,255,.2)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 5px rgba(37,211,102,.5))}50%{filter:drop-shadow(0 0 15px rgba(37,211,102,.8))}}.floating-wpp{position:fixed;bottom:20px;left:20px;font-size:14px;transition:all .3s ease;z-index:999}.floating-wpp .floating-wpp-button{position:relative;border-radius:50%;background:linear-gradient(135deg,#25D366 0%,#20BA5A 50%,#128C7E 100%)!important;box-shadow:0 10px 40px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.3),inset -2px -2px 5px rgba(0,0,0,.1),inset 2px 2px 5px rgba(255,255,255,.2)!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;cursor:pointer;overflow:hidden;border:3px solid rgba(255,255,255,.25)!important;animation:whatsappPulse 2.8s infinite,float 4s ease-in-out infinite!important;backdrop-filter:blur(10px)}.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0);border-radius:50%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:glow 2s ease-in-out infinite}.floating-wpp:hover{transform:scale(1.08)}.floating-wpp:hover .floating-wpp-button{transform:scale(1.2)!important;box-shadow:0 15px 50px rgba(37,211,102,.7),0 0 30px rgba(37,211,102,.4),inset -2px -2px 5px rgba(0,0,0,.15),inset 2px 2px 5px rgba(255,255,255,.3)!important;animation:whatsappPulse 1.5s infinite,float 2s ease-in-out infinite!important;border-color:rgba(255,255,255,.4)!important}.floating-wpp:hover .floating-wpp-button img,.floating-wpp:hover .floating-wpp-button svg{transform:translate3d(-50%,-50%,0) scale(1.1) rotate(-5deg);filter:drop-shadow(0 5px 15px rgba(37,211,102,.6))}.floating-wpp:active .floating-wpp-button{transform:scale(.92)!important;box-shadow:0 8px 20px rgba(37,211,102,.5)!important}.floating-wpp .floating-wpp-popup{border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f5f7fa 100%);position:absolute;overflow:hidden;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 1px rgba(0,0,0,.1);width:0;height:0;bottom:0;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(15px)}.floating-wpp .floating-wpp-popup.active{padding:0 15px 15px;width:300px;height:auto;bottom:90px;opacity:1;animation:slideInUp .5s cubic-bezier(.34,1.56,.64,1)}.floating-wpp .floating-wpp-popup .floating-wpp-message{background:linear-gradient(135deg,#fff 0%,#f8fafb 100%);padding:14px 15px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);opacity:0;transition:all .3s ease;word-break:break-word;border-left:5px solid #25D366;line-height:1.5;color:#333;font-weight:500}.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;margin:0 -15px 12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border-radius:18px 18px 0 0;font-weight:700;letter-spacing:.5px;box-shadow:0 6px 20px rgba(37,211,102,.3);font-size:15px}.floating-wpp .floating-wpp-popup .floating-wpp-head button{background:rgba(255,255,255,.25);border:none;color:#fff;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;backdrop-filter:blur(5px)}.floating-wpp .floating-wpp-popup .floating-wpp-head button:hover{background-color:rgba(255,255,255,.35);transform:rotate(90deg) scale(1.1)}.floating-wpp .floating-wpp-input-message{background:linear-gradient(135deg,#fff 0%,#f5f7fa 100%);margin:12px -15px -15px;padding:0 15px;display:flex;align-items:center;border-top:1px solid #e8eaed;gap:8px}.floating-wpp .floating-wpp-input-message textarea{border:2px solid #e8eaed;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:10px 13px;margin:12px 0;width:100%;max-width:100%;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:13px;resize:none;transition:all .3s ease;background:#fff;color:#333}.floating-wpp .floating-wpp-input-message textarea::placeholder{color:#aaa}.floating-wpp .floating-wpp-input-message textarea:focus{border-color:#25D366;box-shadow:0 0 0 4px rgba(37,211,102,.15);outline:0;background:#fafbfc}.floating-wpp .floating-wpp-btn-send{margin-left:6px;font-size:0;cursor:pointer;background:linear-gradient(135deg,#25D366 0%,#20BA5A 100%);border:none;border-radius:50%;width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);color:#fff;box-shadow:0 4px 15px rgba(37,211,102,.3);flex-shrink:0}.floating-wpp .floating-wpp-btn-send:hover{background:linear-gradient(135deg,#20BA5A 0%,#18a854 100%);transform:scale(1.12) rotate(15deg);box-shadow:0 6px 25px rgba(37,211,102,.5)}.floating-wpp .floating-wpp-btn-send:active{transform:scale(.95)}.floating-wpp .floating-wpp-btn-send svg,.floating-wpp .floating-wpp-btn-send i{font-size:16px;color:#fff;font-weight:700}
