/* geral */

body {
  width: 100vw;
  overflow-x: hidden;
  animation: fadeInAnimation ease 0.8s;
  background-color: white;
  transition: background ease 2s;
  color: black;
  margin-bottom: 0;
  font-family: "acumin-pro", sans-serif;
}

@keyframes fadeInAnimation {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

.page { margin-bottom: 0; }

.container-ce { padding-left: 32px; padding-right: 32px; width: 100%; }

a, a:hover, a:active, a:visited { color: black; text-decoration: none; }

p { font-size: 14px; }
h5 { font-size: 14px; line-height: 1; margin: 0px; }
h4 { font-size: 18px; line-height: 1; margin: 0px; }
h3 { font-size: 32px; line-height: 1; margin: 0px; }

.f-grow { flex-grow: 1; }

.cols-3 { column-count: 3; column-gap: 60px; }



/* single */

.single-bg-video { width: 100%; height: 100dvh;}

.single-bg-video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
  filter: brightness(75%);
}

.single-ancoras {
  position: sticky;
  top: 0;
  left: 0;
  width: 20vw;
}
.single-hero {
  color: white;
}
.single-ancoras h4 {
  margin-bottom: 8px;
}

.single-conteudo { width: 80vw; }
.single-conteudo h3 { width: 250px; margin-right: 50px; text-transform: uppercase;}

.btn-pill {
  background-color: white;
  margin-right: 12px;
  padding: 8px 14px;
  border-radius: 32px;
}

.f-grow.cols-3 { max-width: calc(100% - 300px); }

.carousel-item { aspect-ratio: 16/9; overflow: hidden; }
.carousel-item img { width: 100%; height: 100%; object-fit: cover; }



/* video {
  object-fit: contain;
  overflow-clip-margin: content-box;
  overflow: clip;
} */