/*
  El video real es vertical (9:16) — dentro de la sección "Nosotros" del
  index se muestra junto al texto, con un ancho máximo para que no domine
  la columna (una columna tan angosta y alta se vería enorme sin límite).
*/
.video-frame {
  display: flex;
  justify-content: center;
}

.video-frame video {
  display: block;
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  background: #000;
}

@media (max-width: 900px) {
  .video-frame video {
    max-width: 320px;
    margin-inline: auto;
  }
}