/* CTAs de venda: borda neon em movimento, brilho controlado e acessível. */
.btn.sale-glow,
button.sale-glow{
  --sale-fill:#0071e3;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:2px solid transparent!important;
  background:
    linear-gradient(var(--sale-fill),var(--sale-fill)) padding-box,
    linear-gradient(105deg,#13d8ff,#7867ff,#d945ff,#20e3a2,#13d8ff) border-box!important;
  background-size:100% 100%,320% 100%!important;
  box-shadow:0 0 0 1px rgba(70,205,255,.12),0 0 22px rgba(0,113,227,.35),0 10px 30px rgba(0,113,227,.2);
  animation:saleNeonFlow 3.2s linear infinite,saleNeonBreath 2.8s ease-in-out infinite;
  will-change:background-position,box-shadow,transform;
}
.btn--white.sale-glow{--sale-fill:#fff}
.btn.sale-glow::after,
button.sale-glow::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-80%;bottom:-80%;left:-45%;width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:rotate(18deg) translateX(-280%);
  animation:saleShimmer 4.6s ease-in-out infinite;
  pointer-events:none;
}
.btn.sale-glow:hover,
button.sale-glow:hover{
  background:
    linear-gradient(var(--sale-fill),var(--sale-fill)) padding-box,
    linear-gradient(105deg,#34e6ff,#8977ff,#ef62ff,#39f1b5,#34e6ff) border-box!important;
  background-size:100% 100%,320% 100%!important;
  box-shadow:0 0 30px rgba(25,206,255,.44),0 12px 36px rgba(0,113,227,.3);
}
@keyframes saleNeonFlow{to{background-position:0 0,320% 0}}
@keyframes saleNeonBreath{0%,100%{box-shadow:0 0 0 1px rgba(70,205,255,.12),0 0 17px rgba(0,113,227,.25),0 10px 27px rgba(0,113,227,.18)}50%{box-shadow:0 0 0 1px rgba(132,105,255,.25),0 0 30px rgba(61,126,255,.46),0 12px 36px rgba(0,113,227,.25)}}
@keyframes saleShimmer{0%,58%{transform:rotate(18deg) translateX(-280%)}82%,100%{transform:rotate(18deg) translateX(720%)}}

/* Atividade real: compras pagas e visitantes ativos. */
.activity-toast{
  position:fixed;z-index:90;left:20px;bottom:20px;
  width:min(360px,calc(100vw - 28px));
  display:grid;grid-template-columns:44px minmax(0,1fr) 25px;gap:12px;align-items:center;
  padding:14px 13px;border:1px solid rgba(255,255,255,.72);border-radius:18px;
  background:rgba(255,255,255,.9);color:#1d1d1f;
  box-shadow:0 18px 55px rgba(15,23,42,.2),inset 0 1px rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(18px) saturate(155%);backdrop-filter:blur(18px) saturate(155%);
  opacity:0;visibility:hidden;transform:translate3d(-24px,14px,0) scale(.96);
  pointer-events:none;
}
.activity-toast.is-visible{pointer-events:auto}
.activity-toast__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0071e3,#7048e8);color:#fff;font-size:19px;box-shadow:0 8px 20px rgba(0,113,227,.28)}
.activity-toast[data-type="view"] .activity-toast__icon{background:linear-gradient(135deg,#0c8c60,#22b878);box-shadow:0 8px 20px rgba(12,140,96,.25)}
.activity-toast__copy{min-width:0}.activity-toast__copy b{display:block;font-size:13px;line-height:1.25;margin-bottom:3px}.activity-toast__copy p{margin:0;color:#5f6368;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.activity-toast__copy small{display:flex;align-items:center;gap:5px;margin-top:5px;color:#8a8d91;font-size:10px}.activity-toast__copy small::before{content:"";width:6px;height:6px;border-radius:50%;background:#20b56b;box-shadow:0 0 0 4px rgba(32,181,107,.1)}
.activity-toast__close{align-self:start;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f3f5;color:#73767a;cursor:pointer;font-size:11px}.activity-toast__close:hover{background:#e5e7eb;color:#1d1d1f}
.activity-toast__bar{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:999px;overflow:hidden;background:rgba(0,113,227,.09)}.activity-toast__bar::after{content:"";display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#0071e3,#7857e8);animation:activityTimer 6.4s linear forwards}
@keyframes activityTimer{to{transform:scaleX(0)}}
@media(max-width:600px){.activity-toast{left:12px;right:auto;bottom:12px;padding:12px;grid-template-columns:40px minmax(0,1fr) 23px}.activity-toast__icon{width:40px;height:40px;border-radius:12px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.btn.sale-glow,button.sale-glow{animation:none}.btn.sale-glow::after,button.sale-glow::after,.activity-toast__bar::after{animation:none}}
