/* =======  Video Section (complemento ao "Video Background style" do style.css)  ======= */
.video-section.video-fullscreen-wrap {
  height: 100vh;
  height: 100svh;              /* evita saltos da barra de endereço em mobile */
  min-height: 560px;
  background: #1b1b1b;
  isolation: isolate;
}
.video-section .video-fullscreen-video {
  position: absolute;
  inset: 0;
  height: 100%;
  z-index: 0;
}
.video-section .video-fullscreen-video video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* overlay do style.css ([data-overlay-dark]:before) fica em z-index 1 */
.video-section .video-fullscreen-inner {
  z-index: 2;
  align-items: stretch;
}

/* Título: h2 (SEO – só um h1 por página) com o aspeto do h1 do template */
.video-section .video-section__title {
  position: relative;
  font-family: "Noah", sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1em;
  color: #fff;
  margin-bottom: 20px;
}
.video-section[data-overlay-dark] p {
  max-width: 560px;
  margin-bottom: 30px;
}

/* Controlos (pausa / som) – mesmo traço do .vid-butn do template */
.video-section__controls {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 3;
  display: flex;
  gap: 10px;
}
.video-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition:
    border-color 300ms ease,
    background-color 300ms ease,
    color 300ms ease;
}
.video-section__btn:hover {
  border-color: #c5a47e;
  background-color: #c5a47e;
}
.video-section__btn:focus-visible {
  outline: 2px solid #c5a47e;
  outline-offset: 3px;
}
.video-section__btn[hidden] {
  display: none;
}
.video-section__btn .icon-play,
.video-section__btn .icon-sound,
.video-section__btn[aria-pressed="true"] .icon-pause,
.video-section__btn[aria-pressed="true"] .icon-muted {
  display: none;
}
.video-section__btn[aria-pressed="true"] .icon-play,
.video-section__btn[aria-pressed="true"] .icon-sound {
  display: block;
}
/* No botão de som, "pressed" = som ligado */
[data-video-sound][aria-pressed="true"] .icon-sound { display: block; }
[data-video-sound][aria-pressed="true"] .icon-muted { display: none; }

/* Responsive */
@media screen and (max-width: 991px) {
  .video-section .video-section__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .video-section.video-fullscreen-wrap {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
  }
  .video-section .video-fullscreen-inner {
    position: relative;
    min-height: inherit;
    padding: 120px 0 110px;
  }
  .video-section[data-overlay-dark] p {
    padding-left: 50px;
  }
  .video-section[data-overlay-dark] p:after {
    width: 30px;
  }
  .video-section__controls {
    right: 20px;
    bottom: 20px;
  }
  .video-section__btn {
    width: 44px;
    height: 44px;
  }
}