/* Documentário — estilos específicos (extraídos do HTML) */

/* Player do documentário: vídeo menor e centrado, com margens iguais à volta (sem cortes) */
.page-documentario .doc-player{
  height: 80vh;
  max-height: 80vh;
  background: #000;               /* “frame” preto */
  padding: clamp(14px, 2.2vw, 28px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Em browsers modernos, usa unidades seguras para evitar saltos com a barra do browser */
@supports (height: 1svh){
  .page-documentario .doc-player{
    height: 80svh;
    max-height: 80svh;
  }
}

.page-documentario .doc-player .media__video{
  width: auto;                    /* não estica */
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;            /* zero cortes */
  display: block;
  background: #000;
}

/* Garante que o embed responsivo ocupa a largura útil do player */
.page-documentario .doc-player > div{
  width: 100%;
}

/* Embed responsivo 16:9 */
.embed-16x9{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-16x9__frame{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Espaçadores */
.spacer{ width: 100%; }
.spacer--22{ height: 22px; }
.spacer--14{ height: 14px; }

/* Créditos */
.doc-credits__title{
  font-family: var(--font-serif);
  margin: 0;
  font-size: 46px;
  letter-spacing: .05em;
}

.doc-credits__body{
  margin: 12px 0 0;
  line-height: 1.7;
  max-width: 70ch;
}

.u-m0{ margin: 0; }