/* cc-video-frame.css — Módulo 21 · Vídeo cinemático */
.cc-video-frame { background: var(--cc-tinta); padding-inline: 0; }
.cc-video-frame__stage { position: relative; aspect-ratio: 16 / 9; width: 100%; overflow: hidden; }
.cc-video-frame__stage video,
.cc-video-frame__stage img { width: 100%; height: 100%; object-fit: cover; }
.cc-video-frame__overlay {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  text-align: center; background: linear-gradient(180deg, rgba(26,26,26,0.1), rgba(26,26,26,0.45));
}
.cc-video-frame__overlay h2 { color: var(--cc-blanco); max-width: 18ch; }
@media (max-width: 767px) { .cc-video-frame__stage { aspect-ratio: 4 / 5; } }