/* ═══════════════════════════════════════════════
   video-block — embed responsive (YouTube, Vimeo, etc.)
   Datos desde front matter: url, titulo, subtitulo
   ═══════════════════════════════════════════════ */

.video-block {
  width: 100%;
}

.video-block__embed {
  position: relative;
  width: 100%;
  aspect-ratio: 760 / 440;
  background: var(--grey-20);
}

.video-block__embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-block__placeholder {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  aspect-ratio: 760 / 440;
  background: var(--grey-20);
  text-align: center;
  padding: 1.5rem;
}

.video-block__titulo,
.video-block__sub {
  margin: 0;
  font-family: var(--serif);
  color: var(--grey-60);
}

.video-block__titulo {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

.video-block__sub {
  font-size: 18px;
  font-style: italic;
  line-height: 1.35;
}