/* Inauguração da plataforma (novembro de 2026): balões pelo site e nos botões da plataforma. */

.pi-ceu{position:fixed; inset:0; pointer-events:none; z-index:30; overflow:hidden}
.pi-balao{position:absolute; bottom:-160px; width:var(--w,46px); opacity:.0; will-change:transform;
  animation:pi-sobe var(--d,18s) linear var(--a,0s) infinite}
.pi-balao svg{display:block; width:100%; height:auto; animation:pi-balanca var(--b,4.5s) ease-in-out infinite alternate;
  transform-origin:50% 100%; filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
@keyframes pi-sobe{
  0%{transform:translate3d(0,0,0); opacity:0}
  8%{opacity:var(--o,.55)}
  85%{opacity:var(--o,.55)}
  100%{transform:translate3d(var(--x,30px),calc(-100vh - 260px),0); opacity:0}
}
@keyframes pi-balanca{from{transform:rotate(-6deg)} to{transform:rotate(6deg)}}

/* Botões que levam à plataforma */
.pi-alvo{position:relative; overflow:visible!important; isolation:isolate}
.pi-alvo::after{content:""; position:absolute; inset:-4px; border-radius:inherit; z-index:-1; pointer-events:none;
  background:linear-gradient(120deg,#C77DFF,#FFC14D,#8B5CF6,#FF8FB8,#C77DFF); background-size:300% 100%;
  filter:blur(7px); opacity:.55; animation:pi-brilho 6s linear infinite}
@keyframes pi-brilho{to{background-position:300% 0}}
.pi-cacho{position:absolute; pointer-events:none; display:flex; align-items:flex-end; gap:0; z-index:2}
.pi-cacho.esq{right:calc(100% - 6px); bottom:40%}
.pi-cacho.dir{left:calc(100% - 6px); bottom:40%}
.pi-cacho span{display:block; width:var(--w,17px); margin:0 -3px; transform-origin:50% 100%;
  animation:pi-flutua var(--b,3s) ease-in-out var(--a,0s) infinite alternate}
.pi-cacho svg{display:block; width:100%!important; height:auto!important; flex:none; filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
@keyframes pi-flutua{from{transform:translateY(0) rotate(var(--r1,-8deg))} to{transform:translateY(-5px) rotate(var(--r2,6deg))}}
.pi-selo{position:absolute; left:50%; top:-11px; transform:translateX(-50%); z-index:3; pointer-events:none; white-space:nowrap;
  padding:2px 8px; border-radius:999px; font:800 9.5px/1.5 Nunito,sans-serif; letter-spacing:.6px; text-transform:uppercase; color:#2A1743;
  background:linear-gradient(120deg,#FFD978,#FFC14D); box-shadow:0 4px 12px rgba(255,193,77,.45)}

@media (max-width:760px){
  .pi-balao{--w:34px}
  .pi-cacho span{width:13px}
}
@media (prefers-reduced-motion:reduce){
  .pi-ceu{display:none}
  .pi-cacho span,.pi-alvo::after{animation:none}
}