.video-container {
  display: flex;
  flex-direction: column; /* Coloca els fills en vertical */
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
  gap: 20px;              /* Espai entre títol i vídeo */
  background-color: white;
}

.video-container h1 {
  margin-top: 30px;
  font-size: 3rem; /* Ajusta aquest valor segons la mida que vulguis (ex. 1.5rem, 3rem, 24px…) */
  text-align: center;
  color: #003366;
}

.video-container iframe {
  width: 800px;    /* Amplada fixa: pots posar px, % (ex. 100%), vw… */
  height: 450px;   /* Alçada fixa: ha de mantenir la relació d’aspecte 16:9 si és vídeo YouTube */
  max-width: 100%; /* Fa que l’amplada no excedeixi el 100% del contenidor en pantalles petites */
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}