/* ============================================================
   Pilha de prints com contador (07/10/2026). Ver /ui/pilha-prints.js.
   ============================================================ */
.pp{display:flex;flex-direction:column;align-items:center}
.pp__pilha{position:relative;width:min(300px,80vw);height:500px;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.pp__card{
  position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#0d1113;border:1px solid rgba(193,223,224,.10);
  box-shadow:0 16px 40px -14px rgba(0,0,0,.75);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;cursor:grab;
}
.pp__card img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.pp__card[data-pos="0"]{z-index:4;transform:none}
.pp__card[data-pos="1"]{z-index:3;transform:translateY(14px) scale(.95);opacity:.85}
.pp__card[data-pos="2"]{z-index:2;transform:translateY(28px) scale(.9);opacity:.6}
.pp__card[data-pos="x"]{z-index:1;transform:translateY(28px) scale(.86);opacity:0}
.pp__card.voa{transition:transform .38s ease-in,opacity .38s ease-in;opacity:0}
.pp__pilha.arrastando .pp__card[data-pos="0"]{transition:none;cursor:grabbing}
.pp__base{display:flex;align-items:center;gap:14px;margin-top:44px}
.pp__seta{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:rgba(193,223,224,.10);color:#ECEEE8}
.pp__seta:hover{background:rgba(193,223,224,.2)}
.pp__seta svg{width:18px;height:18px}
.pp__conta{font:600 .82rem/1 'Sora',sans-serif;font-variant-numeric:tabular-nums;color:#ECEEE8;min-width:64px;text-align:center}
.pp__conta small{color:#7F9394;font-weight:400}
.pp__dica{font-size:.72rem;color:#7F9394;margin-top:10px}
@media (max-width:420px){.pp__pilha{height:440px}}
@media (prefers-reduced-motion:reduce){.pp__card{transition:none}}