.video-contenedor {
  margin-top: 70px; /* espacio para la barra */
  width: 100vw;
  aspect-ratio: 16 / 9; /* mantiene proporción sin forzar altura */
  overflow: hidden;
  position: relative;
  background-color: black; /* fondo si hay barras */
}

.video-contenedor video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Móviles */
@media (max-width: 600px) {
  .video-contenedor {
    margin-top: 56px;
    aspect-ratio: 16 / 9; /* mantiene la misma proporción */
    width: 100vw;
  }

  .video-contenedor video {
    object-fit: contain;
  }
}


/* Evitar scroll horizontal en toda la página */
body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100vw;
}