/* CSS especifico da atividade "video-360". */

/* A API do YouTube troca .v360-embed por um <iframe> sem herdar classes —
   força o iframe resultante a preencher o container aspect-video. */
.video-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* touch-action: none impede o navegador de tratar o arrastar no vídeo como
   rolagem da página em toque — sem isso, arrastar num celular rola a tela
   em vez de girar a câmera. */
.v360-arrastavel {
  touch-action: none;
  user-select: none;
}
.v360-arrastavel:active {
  cursor: grabbing;
}