/* ============================================================
   Leque de 3 vídeos (07/10/2026). Ver /ui/leque.js.
   ============================================================ */
.leque{position:relative;height:420px;max-width:620px;margin:0 auto;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.leque__card{
  position:absolute;left:50%;top:50%;width:200px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;padding:0;border:0;
  background:#000;box-shadow:0 18px 50px -12px rgba(0,0,0,.7);cursor:pointer;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),width .45s ease,filter .4s ease;
}
.leque__card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.leque__card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.leque__card[data-pos="0"]{transform:translate(-50%,-50%);z-index:3;cursor:default}
.leque__card[data-pos="1"]{transform:translate(-50%,-50%) translateX(64%) rotate(8deg) scale(.84);z-index:2;filter:brightness(.55)}
.leque__card[data-pos="2"]{transform:translate(-50%,-50%) translateX(-64%) rotate(-8deg) scale(.84);z-index:1;filter:brightness(.55)}
/* o horizontal (consulta) deita quando chega no centro */
.leque__card.deitado[data-pos="0"]{width:min(380px,88vw);aspect-ratio:16/9}
.leque__txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:30px 12px 11px;text-align:left;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75));color:#fff;font:600 .74rem/1.3 'Sora',sans-serif}
.leque__txt span{display:block;font-weight:400;font-size:.66rem;opacity:.75;margin-top:2px}
.leque__card[data-pos="0"].tocando .leque__txt{opacity:0;transition:opacity .3s}
.leque__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:rgba(236,238,232,.92);color:#181D20;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.leque__play svg{width:20px;height:20px;margin-left:3px}
.leque__card.tocando .leque__play{display:none}
.leque__nav{display:flex;justify-content:center;gap:12px;margin-top:6px}
.leque__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}
.leque__seta:hover{background:rgba(193,223,224,.2)}
.leque__seta svg{width:18px;height:18px}
@media (max-width:520px){
  .leque{height:370px}
  .leque__card{width:168px}
  .leque__card[data-pos="1"]{transform:translate(-50%,-50%) translateX(54%) rotate(7deg) scale(.8)}
  .leque__card[data-pos="2"]{transform:translate(-50%,-50%) translateX(-54%) rotate(-7deg) scale(.8)}
}
@media (prefers-reduced-motion:reduce){.leque__card{transition:none}}