.whatsapp-widget{position:fixed;bottom:24px;right:24px;z-index:1010;display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-family:Inter,system-ui,-apple-system,sans-serif;pointer-events:none}.whatsapp-widget>*{pointer-events:auto}.whatsapp-toggle{width:64px;height:64px;background:rgba(255,255,255,.65);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 12px 32px -4px rgba(0,0,0,.15);cursor:pointer;transition:all .4s cubic-bezier(.34, 1.56, .64, 1);position:relative;color:#25d366}.whatsapp-toggle svg{width:32px;height:32px;filter:drop-shadow(0 4px 6px rgba(37, 211, 102, .3));transition:transform .4s ease}.whatsapp-toggle:hover{transform:scale(1.1) translateY(-4px);background:rgba(255,255,255,.85);box-shadow:0 8px 12px -2px rgba(0,0,0,.08),0 20px 40px -8px rgba(37,211,102,.25)}.whatsapp-toggle:hover svg{transform:rotate(-10deg) scale(1.05)}.whatsapp-notification-dot{position:absolute;top:0;right:0;width:16px;height:16px;background:#ff3b30;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1);animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,59,48,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(255,59,48,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,59,48,0)}}.whatsapp-chat-box{width:340px;max-width:calc(100vw - 48px);background:rgba(255,255,255,.85);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 24px 64px -12px rgba(0,0,0,.15);overflow:hidden;opacity:0;pointer-events:none;transform:scale(.9) translateY(20px);transform-origin:bottom right;transition:all .4s cubic-bezier(.16, 1, .3, 1);display:flex;flex-direction:column;padding:24px}.whatsapp-chat-box.active{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.whatsapp-header{display:flex;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:20px;background:0 0}.whatsapp-avatar{position:relative;margin-right:16px}.whatsapp-avatar img{width:56px;height:56px;border-radius:18px;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.08);object-fit:contain;padding:4px}.whatsapp-avatar::after{content:'';position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#34c759;border:2px solid #fff;border-radius:50%}.whatsapp-info{flex:1}.whatsapp-name{display:block;font-size:1.1rem;font-weight:700;color:#1d1d1f;margin-bottom:2px;letter-spacing:-.02em}.whatsapp-status{display:block;font-size:.85rem;color:#86868b;font-weight:500}.whatsapp-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.08);border-radius:50%;color:#1d1d1f;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);align-self:flex-start;margin-left:8px;padding:0}.whatsapp-close svg{width:14px;height:14px;stroke-width:2.5}.whatsapp-close:hover{background:rgba(0,0,0,.12)}.whatsapp-body{background:0 0;padding:0;display:flex;flex-direction:column}.whatsapp-message{position:relative;background:#f2f2f7;padding:14px 18px;border-radius:18px;border-bottom-left-radius:4px;color:#1d1d1f;font-size:.95rem;line-height:1.5;box-shadow:none;margin:0;max-width:100%}.whatsapp-message::before{content:none}.whatsapp-message-text{color:#1d1d1f}.whatsapp-message-time{margin-top:6px;font-size:.7rem;color:#86868b;text-align:right;font-weight:500}.whatsapp-footer{margin-top:24px;padding:0;background:0 0}.whatsapp-btn-send{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;background:#1d1d1f;color:#fff;font-weight:600;font-size:1rem;border-radius:16px;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.whatsapp-btn-send svg{margin-right:8px;transition:transform .2s}.whatsapp-btn-send:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.whatsapp-btn-send:hover svg{transform:rotate(-10deg)}.whatsapp-message-name{display:none}