/* faixa "Provedoras" da home (includes/brava/home-cassino.php): banners da PlayFiver, rolagem lateral */
section.pv .pv-strip { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
section.pv .pv-strip::-webkit-scrollbar { display: none; }
/* 23/10: a rolagem lateral corta o que sai da faixa — o cartão sobe 2px no hover e a borda de cima sumia.
   Folga de 4px em volta (compensada na margem, o layout não mexe) e foco do teclado desenhado por dentro. */
section.pv .pv-strip { padding: 4px; margin: -4px; scroll-padding: 4px; }
section.pv .pv-card:focus-visible { outline: none; border-color: rgb(var(--primary-color, 22 82 240)); box-shadow: inset 0 0 0 1px rgb(var(--primary-color, 22 82 240)); transform: translateY(-2px); }
section.pv .pv-card {
  flex: 0 0 auto; width: 168px; aspect-ratio: 2.5; scroll-snap-align: start; border-radius: 10px; overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08); background: #11131f; transition: transform .15s, border-color .15s;
}
@media (hover:hover) and (pointer:fine) { section.pv .pv-card:hover { transform: translateY(-2px); border-color: rgb(var(--primary-color, 22 82 240)); } }
section.pv .pv-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 1024px) {
  section.pv .pv-card { width: 210px; }
}


/* 24/10 (review-animations): quem pediu "reduzir movimento" no aparelho não vê deslocamento; cor/opacidade continuam */
@media (prefers-reduced-motion: reduce) {
  section.pv .pv-card { transition-property: opacity, color, background-color, border-color !important; }
}