/* Cases animados: cartões entram ao rolar e o vídeo mostra uma prévia muda em loop */
.depos .depo{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.depos .depo:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(47,140,255,.45)}

.case-anima .depo{opacity:0;transform:translateY(46px) scale(.97);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.case-anima .depo.visivel{opacity:1;transform:none}
.case-anima .depo.visivel:hover{transform:translateY(-6px)}

/* Prévia por cima da capa; o botão continua por cima de tudo */
.video .previa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.video .previa.rodando{opacity:1}
.video .play{z-index:2}

/* Selo "assistir" pulsando de leve no botão */
.video .play::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:case-pulso 2.2s ease-out infinite}
@keyframes case-pulso{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}}

@media (prefers-reduced-motion:reduce){
  .case-anima .depo{opacity:1;transform:none;transition:none}
  .video .play::before{animation:none;display:none}
  .depos .depo:hover{transform:none}
}