/*
 * Mantém a barra de progresso oculta (controls=0 no IFrame API), mas deixa
 * o primeiro play ser feito pelo botão nativo do YouTube. O YouTube só
 * contabiliza visualizações oficiais iniciadas no próprio player.
 */
.youtube-player-host,
.youtube-player-host iframe {
  pointer-events: auto;
}

.vsl-play-button:not(:disabled) {
  display: none;
}

/*
 * Capa própria acima do iframe enquanto o vídeo está parado. A capa não
 * recebe eventos do rato/toque: o clique no play central atravessa a imagem
 * e chega ao botão nativo do YouTube que está exatamente abaixo.
 */
.vsl-frame:not(.is-playing) .vsl-poster {
  display: block;
  z-index: 3;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: #0b2436;
  background-image: url("/images/vsl-rota-poster.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.vsl-frame.is-playing .vsl-poster {
  display: none;
}