/* Hero Section Styles */
.hero-section {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 500px;
  overflow: hidden;
  background: #000000;
}

.hero-video-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* prefer cover for immersive hero */
  object-position: center center;
  background: #000;
  display: block;
}

@media (max-width: 768px) {
  .hero-section {
    height: auto; /* mobile: altura automática */
    min-height: unset;
    margin: 0;
    padding: 0;
  }

  .hero-video-container {
    width: 100%;
    aspect-ratio: 16 / 9; /* força proporção do vídeo para mostrar inteiro */
    margin: 0;
    padding: 0;
  }

  .hero-video {
    width: 100%;
    height: auto; /* permite altura automática baseada em aspect-ratio do container */
    object-fit: cover; /* preencher o container sem bordas */
    object-position: center center;
    background: transparent;
    display: block;
    line-height: 0;
  }
}