.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 50px;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdf-wrapper{
  width: 100%;
  /* Altura per defecte: ocupa quasi tota la pantalla, deixant espai per header/footer */
  height: calc(100vh - 120px);
  max-height: 90vh;      /* evita que sobrepassi la finestra en pantalles molt grans */
  min-height: 360px;     /* assegura una mida mínima útil en pantalles petites */
  box-sizing: border-box;
  overflow: hidden;      /* evita scrolls dobles */
  padding-bottom:3rem;
}

.pdf-wrapper  iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;          /* evita petits gaps amb inline elements */
    -webkit-overflow-scrolling: touch; /* millor scroll en iOS si cal */
}

@media (max-width: 640px) {
  .pdf-wrapper{
    height: 60vh;
    min-height: 280px;
  }
}

video, audio {
    padding-bottom: 2rem;
    max-width: 100%;
    height: auto;
    width: 100%;
}