.boton-whatsapp{position:fixed;left:25px;bottom:25px;width:65px;height:65px;background:linear-gradient(135deg,#25D366,#128C7E);border-radius:50%;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(37,211,102,.4),0 4px 15px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none}.boton-whatsapp.animacion-activa{animation:pulsoVendedor 2s infinite}@keyframes pulsoVendedor{0%{transform:scale(1);box-shadow:0 8px 25px rgba(37,211,102,.4),0 4px 15px rgba(0,0,0,.2)}50%{transform:scale(1.1);box-shadow:0 12px 35px rgba(37,211,102,.6),0 6px 20px rgba(0,0,0,.3)}to{transform:scale(1);box-shadow:0 8px 25px rgba(37,211,102,.4),0 4px 15px rgba(0,0,0,.2)}}.boton-whatsapp:hover{transform:scale(1.15) rotate(5deg);background:linear-gradient(135deg,#2EE86C,#1BA55C);box-shadow:0 15px 40px rgba(37,211,102,.7),0 8px 25px rgba(0,0,0,.3);animation:reboteVendedor .6s ease-in-out}@keyframes reboteVendedor{0%,to{transform:scale(1.15) rotate(5deg)}25%{transform:scale(1.25) rotate(-3deg)}50%{transform:scale(1.2) rotate(7deg)}75%{transform:scale(1.18) rotate(-2deg)}}.ondas-whatsapp{width:100%;height:100%;pointer-events:none}.onda,.ondas-whatsapp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onda{border:2px solid rgba(37,211,102,.6);border-radius:50%;animation:ondaExpansion 2s infinite}.onda-1{animation-delay:0s}.onda-2{animation-delay:.7s}.onda-3{animation-delay:1.4s}@keyframes ondaExpansion{0%{width:65px;height:65px;opacity:1}to{width:120px;height:120px;opacity:0}}.icono-whatsapp{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.boton-whatsapp:hover .icono-whatsapp{transform:scale(1.1) rotate(-5deg)}.badge-notificacion{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#FF6B6B,#FF5252);color:white;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700;box-shadow:0 3px 10px rgba(255,107,107,.5);animation:parpadeoVendedor 1.5s infinite;z-index:3}@keyframes parpadeoVendedor{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.mensaje-promocional{position:absolute;top:-45px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#FF6B6B,#FF8E53);color:white;padding:8px 12px;border-radius:20px;font-size:11px;font-weight:600;box-shadow:0 5px 15px rgba(255,107,107,.4);animation:flotarMensaje 3s infinite;z-index:2;white-space:nowrap}.mensaje-contenido{display:flex;align-items:center;gap:5px}.mensaje-icono{animation:rotarIcono 2s infinite}@keyframes rotarIcono{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes flotarMensaje{0%,to{opacity:.9;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-5px)}}@media (max-width:768px){.boton-whatsapp{left:15px;bottom:90px;width:55px;height:55px}.mensaje-promocional{font-size:10px;padding:6px 10px}}.boton-whatsapp:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);border-radius:50%;animation:brilloVendedor 4s infinite;z-index:-1}@keyframes brilloVendedor{0%,90%,to{opacity:0}5%,85%{opacity:1}}.boton-whatsapp:hover:after{content:"✨";position:absolute;top:-20px;right:-15px;font-size:16px;animation:particulas .8s ease-out;pointer-events:none}@keyframes particulas{0%{opacity:1;transform:scale(0) rotate(0deg)}to{opacity:0;transform:scale(1.5) rotate(180deg)}}.boton-whatsapp{animation:entradaVendedor 1s ease-out}@keyframes entradaVendedor{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.boton-whatsapp{z-index:45}.boton-whatsapp.animacion-activa{animation:none}.boton-whatsapp:hover{animation:none;transform:scale(1.08)}@media (max-width:768px){.boton-whatsapp{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:54px;height:54px}.boton-whatsapp .icono-whatsapp svg{width:24px;height:24px}.ondas-whatsapp{display:none}}.notificacion-carrito{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;min-width:300px;background:var(--vda-superficie);border-radius:12px;box-shadow:var(--vda-sombra-card);border-left:4px solid;overflow:hidden;transform:translateX(0);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.notificacion-carrito.saliendo{transform:translateX(100%);opacity:0}.notificacion-carrito.success{border-left-color:#10b981}.notificacion-carrito.error{border-left-color:#ef4444}.notificacion-carrito.warning{border-left-color:#f59e0b}.notificacion-contenido{display:flex;align-items:flex-start;padding:16px;gap:12px}.notificacion-icono{flex-shrink:0;margin-top:2px}.notificacion-icono .icono-success{color:#10b981}.notificacion-icono .icono-error{color:#ef4444}.notificacion-icono .icono-warning{color:#f59e0b}.notificacion-texto{flex:1;min-width:0}.notificacion-titulo{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--vda-tinta);line-height:1.3}.notificacion-mensaje{margin:0;font-size:14px;color:var(--vda-tinta-dim);line-height:1.4}.notificacion-cerrar{flex-shrink:0;background:none;border:none;padding:4px;border-radius:6px;cursor:pointer;color:var(--vda-tinta-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notificacion-cerrar:hover{background:var(--vda-superficie-2);color:var(--vda-tinta-dim)}.notificacion-progreso{position:absolute;bottom:0;left:0;right:0;height:3px;background:color-mix(in srgb,var(--vda-tinta) 10%,transparent);overflow:hidden}.notificacion-progreso-barra{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);width:100%;transform:translateX(-100%);animation:progreso-notificacion linear forwards}.notificacion-carrito.success .notificacion-progreso-barra{background:linear-gradient(90deg,#10b981,#059669)}.notificacion-carrito.error .notificacion-progreso-barra{background:linear-gradient(90deg,#ef4444,#dc2626)}.notificacion-carrito.warning .notificacion-progreso-barra{background:linear-gradient(90deg,#f59e0b,#d97706)}@keyframes progreso-notificacion{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.notificacion-carrito{animation:entrada-notificacion .3s cubic-bezier(.4,0,.2,1)}@keyframes entrada-notificacion{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:480px){.notificacion-carrito{top:10px;right:10px;left:10px;max-width:none;min-width:auto}.notificacion-contenido{padding:12px}.notificacion-titulo{font-size:15px}.notificacion-mensaje{font-size:13px}}.notificacion-carrito:hover{box-shadow:var(--vda-sombra-card);transform:translateY(-2px)}.notificacion-carrito:hover .notificacion-progreso-barra{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.notificacion-carrito,.notificacion-progreso-barra{animation:none;transition:none}}