/* Pianista Seamless Transitions */
:root{
  --pst-in: 420ms;
  --pst-out: 220ms;
  --pst-ease: cubic-bezier(.2,.8,.2,1);
  --pst-shift: 18px;
}

.pst-container{ will-change: opacity, transform; }
.pst-exit{
  opacity: .001;
  transform: translate3d(0, calc(var(--pst-shift) * -1), 0);
  transition: opacity var(--pst-out) var(--pst-ease),
              transform var(--pst-out) var(--pst-ease);
}
.pst-enter{ opacity: .001; transform: translate3d(0, var(--pst-shift), 0); }
.pst-enter.pst-enter-active{
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity var(--pst-in) var(--pst-ease),
              transform var(--pst-in) var(--pst-ease);
}

/* Sem overlay branco: mantém página atual visível enquanto carrega */
.pst-loading{ pointer-events:none; }

@media (prefers-reduced-motion: reduce){
  .pst-exit,.pst-enter,.pst-enter.pst-enter-active{transition:none!important; transform:none!important; opacity:1!important;}
}