/* Via Traço · comportamento de vídeos v44 */

/* Nunca exibir controles/botões nativos nos vídeos editoriais. */
.h-home-intro__video,
.h-scrub-video,
.lv-abertura__video,
.capa-video video,
.painel-video video {
  -webkit-appearance: none !important;
  appearance: none !important;
  pointer-events: none !important;
}
.h-home-intro__video::-webkit-media-controls,
.h-home-intro__video::-webkit-media-controls-enclosure,
.h-home-intro__video::-webkit-media-controls-panel,
.h-home-intro__video::-webkit-media-controls-play-button,
.h-home-intro__video::-webkit-media-controls-start-playback-button,
.h-scrub-video::-webkit-media-controls,
.h-scrub-video::-webkit-media-controls-enclosure,
.h-scrub-video::-webkit-media-controls-panel,
.h-scrub-video::-webkit-media-controls-play-button,
.h-scrub-video::-webkit-media-controls-start-playback-button,
.lv-abertura__video::-webkit-media-controls,
.lv-abertura__video::-webkit-media-controls-enclosure,
.lv-abertura__video::-webkit-media-controls-panel,
.lv-abertura__video::-webkit-media-controls-play-button,
.lv-abertura__video::-webkit-media-controls-start-playback-button,
.capa-video video::-webkit-media-controls,
.capa-video video::-webkit-media-controls-enclosure,
.capa-video video::-webkit-media-controls-panel,
.capa-video video::-webkit-media-controls-play-button,
.capa-video video::-webkit-media-controls-start-playback-button,
.painel-video video::-webkit-media-controls,
.painel-video video::-webkit-media-controls-enclosure,
.painel-video video::-webkit-media-controls-panel,
.painel-video video::-webkit-media-controls-play-button,
.painel-video video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
}

/* Home: o vídeo fica oculto até realmente começar. Assim o Safari não mostra
   o grande botão de play durante o carregamento. */
body.home .h-home-intro__video {
  opacity: 0 !important;
  visibility: hidden !important;
}
body.home .h-home-intro.is-playing .h-home-intro__video,
body.home .h-home-intro.is-complete .h-home-intro__video {
  opacity: 1 !important;
  visibility: visible !important;
}
body.home .h-home-intro.is-error .h-home-intro__video {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Scrub: a fonte nativa nunca aparece. O canvas é a imagem visível. */
body.home .h-video-wrap.vt-video-canvas-host {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
  isolation: isolate !important;
}
body.home .h-video-wrap .vt-video-source {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}
body.home .h-video-wrap .vt-video-canvas {
  display: block !important;
  position: absolute !important;
  inset: -2px !important;
  width: calc(100% + 4px) !important;
  height: calc(100% + 4px) !important;
  z-index: 50 !important;
  background: #fff !important;
  pointer-events: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Livros: branco enquanto carrega; revela somente quando o autoplay começou. */
#livrosAbertura .lv-abertura__video,
#livrosIntroSection .lv-abertura__video {
  opacity: 0 !important;
  visibility: hidden !important;
}
#livrosAbertura.vt-autoplay-playing .lv-abertura__video,
#livrosAbertura.vt-autoplay-complete .lv-abertura__video,
#livrosIntroSection.vt-autoplay-playing .lv-abertura__video,
#livrosIntroSection.vt-autoplay-complete .lv-abertura__video {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Jabuti: pôster estático durante os poucos instantes de carregamento. */
.vt-loop-video-host {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
}
.vt-loop-video-poster {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.vt-loop-video-host video {
  position: relative !important;
  z-index: 2 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.vt-loop-video-host.vt-loop-playing video {
  opacity: 1 !important;
  visibility: visible !important;
}
.vt-loop-video-host.vt-loop-playing .vt-loop-video-poster {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* No desktop, a abertura de Livros preserva o canvas já existente. A fonte
   nativa continua decodificando, porém nunca fica visível sob o canvas. */
#livrosAbertura .lv-abertura__video.vt-video-source,
#livrosIntroSection .lv-abertura__video.vt-video-source {
  opacity: 0 !important;
  visibility: visible !important;
}

/* Os vídeos de scrub nascem ocultos. O script adiciona vt-video-source e o
   canvas já está pronto antes que qualquer layer nativo possa aparecer. */
body.home .h-scrub-video {
  opacity: 0 !important;
  visibility: hidden !important;
}
body.home .h-scrub-video.vt-video-source {
  opacity: 0 !important;
  visibility: visible !important;
}
