/* ---------------------------------------------------------------------------
   Popup de vídeo (conteúdo inline do Fancybox)
   Usado pelo botão de play da seção de vídeo — ver index.php
   --------------------------------------------------------------------------- */

/* Fica escondido na página; o Fancybox mostra só dentro do popup. */
.popup-video {
  display: none;
}

/* O Fancybox aplica padding 24px e fundo branco em todo conteúdo inline
   (.fancybox-slide > *). Aqui desfazemos isso para o vídeo ficar sem moldura. */
.fancybox-slide > .popup-video {
  padding: 0;
  margin: 0;
  background: transparent;
  overflow: visible;
  line-height: 0;
}

.popup-video video {
  /* Vídeo vertical (9:16): a largura é calculada a partir da altura disponível,
     e limitada pela largura da tela no celular. A altura fica automática para
     respeitar a proporção real do arquivo, sem distorcer. */
  width: min(92vw, calc(86vh * 9 / 16));
  height: auto;
  max-height: 86vh;
  display: block;
  background: #000;
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
}

/* Navegadores antigos, sem suporte a min()/calc() nessa posição */
@supports not (width: min(92vw, 100px)) {
  .popup-video video {
    width: auto;
    max-width: 92vw;
  }
}