/* ================================================
   MANARE RESIDENCE — Section 07 (Fullscreen Video)
   ================================================ */

.video-section {
  position: relative;
  width: 100%;
  height: 100vh; /* Ocupa exatamente 1 viewport de altura */
  overflow: hidden;
  background-color: var(--color-black); /* Cor de fundo caso o video demore a carregar */
  display: flex; /* Para permitir alinhamentos futuros se desejar adicionar texto no centro */
  align-items: center;
  justify-content: center;
}

.video-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Garante que o video preencha todo o espaço sem distorcer proporções */
  pointer-events: none; /* Evita que clicks acidentais fiquem presos no player nativo */
  z-index: 1;
}

/* Opacidade subtil sobre o video para o escurecer, caso no futuro deseje colocar grande texto branco por cima */
.video-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15); /* Remova ou aumente consoante desejar */
  z-index: 2;
  pointer-events: none;
}