.pn-trilho {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 8px; margin: 4px 0 10px;
}
.pn-lado {
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  flex: 1 1 0; min-width: 0;
}


.pn-lado .ptn { opacity: .34; }
.pn-lado.frente .ptn { opacity: .6; }
.pn-rot {
  font-size: 11px; color: var(--txt-3); text-align: center; line-height: 1.25;
  width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pn-lado.frente .pn-rot { color: var(--txt-2); }
.pn-meio { flex: none; display: flex; align-items: center; justify-content: center; }



.pn-molde {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px dashed var(--line-2); border-radius: 10px; background: var(--bg-3);
  color: var(--txt-3); font-weight: 700; font-variant-numeric: tabular-nums;
}


.pn-nome {
  margin: 0; font-size: 15px; font-weight: 700; color: var(--txt);
  text-align: center; line-height: 1.3;
}
.pn-nv {
  display: inline-flex; align-items: center; gap: 4px; margin-left: 7px;
  padding: 1px 6px; border-radius: 7px; background: var(--bg-3);
  border: 1px solid var(--line-2); font-size: 11px; font-weight: 700;
  color: var(--txt); vertical-align: 2px; font-variant-numeric: tabular-nums;
}
.pn-nv i {
  font-style: normal; font-weight: 500; color: var(--txt-3);
  text-transform: uppercase; letter-spacing: .04em;
}









.pn-barra .pl-barra i, .pn-barra .pl-barra.cheia i { background: var(--info); }
.pn-num {
  display: flex; justify-content: space-between; gap: 8px; margin: 6px 0 0;
  font-size: 11px; color: var(--txt-3); font-variant-numeric: tabular-nums;
}
.pn-num b { color: var(--txt-2); font-weight: 650; }







.pn-ganho {
  display: flex; align-items: center; gap: 9px; margin: 11px 0 0;
  padding: 8px 10px; border-radius: 9px;
  background: var(--bg-3); border: 1px solid var(--line);
  font-size: 12px; color: var(--txt-2);
  animation: pn-entra .32s cubic-bezier(.22,1,.36,1);
}
.pn-mais {
  flex: none; font-weight: 700; color: var(--novo);
  font-variant-numeric: tabular-nums; font-size: 13px;
}
@keyframes pn-entra {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pn-ganho { animation: none; }
}







.pn-da {
  display: flex; align-items: center; gap: 8px; margin: 8px 0 0;
  padding: 8px 10px; border-radius: 9px;
  background: var(--bg-3); border: 1px dashed var(--line-2);
  font-size: 12px; color: var(--txt-3);
}
.pn-da b { color: var(--accent-2); font-weight: 650; }
















































.pf-fx-bloco.pf-fx-eu { flex: none; }








.pn-lacre {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 8px;
  border: 1px dashed var(--line-2); background: var(--bg-3);
  color: var(--txt-3); font-size: 13px; font-weight: 700; line-height: 1;
}





.pn-troca {
  display: block; width: 100%; margin: 12px 0 0; padding: 6px 0 0;
  border: 0; border-top: 1px solid var(--line); background: transparent;
  color: var(--txt-3); font: 12px/1.4 var(--fonte); cursor: pointer;
  text-align: center;
}
.pn-troca:hover { color: var(--txt-2); }
.pn-troca:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }