.home-hero {
  height: 100dvh;
  width: 100vw;
  overflow: hidden;
}
.home-hero .video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.home-hero .box-hero {
  height: calc(100dvh - var(--medida));
}
.home-hero h2 {
  color: white;
}
.home-hero h2:last-of-type {
  color: white;
  position: absolute;
  top: 0;
  right: 0;
}
.home-hero .quadrado {
  width: 100px;
  height: 100px;
  background-color: white;
}
.redes-hero {
  position: absolute;
  left: 10vw;
  bottom: calc(var(--medida)/2)
}
.redes-hero a {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}

.home-tagline {
  padding-top: 120px;
  padding-bottom: 150px;
}
.home-tagline video {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  height: 11vw;
  width: auto;
  position: absolute;
  z-index: 1;
}
.home-tagline video:first-of-type {
  bottom: 16px;
  right: 0;
}
.home-tagline video:last-of-type {
  bottom: 16px;
  right: 13vw;
}
.home-tagline h1 {
  color: var(--amarelo1);
  font-size: 6.8vw;
  text-align: justify;
  line-height: 1.1;
}

.home-apresentacao {
  height: 100dvh;
}
.home-apresentacao .bg-yellow {
  background-color: var(--amarelo1);
  width: 100%;
  height: 100%;
}
.home-apresentacao h3,
.home-apresentacao h4,
.home-apresentacao small,
.home-apresentacao .video,
.home-apresentacao .quadrado {
  position: absolute;
}
.home-apresentacao .titulo-th {
  top: 100px;
  left: 10vw;
}
.home-apresentacao .titulo-tv {
  top: 100px;
  right: 10vw;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: right;
}
.home-apresentacao .titulo-bh {
  bottom: 100px;
  right: 10vw;
}
.home-apresentacao small {
  display: block;
  top: 100px;
  right: 38vw;
  width: 25vw;
}
.home-apresentacao .video {
  bottom: 175px;
  left: 20vw;
  width: 40vw;
}
.home-apresentacao .quadrado {
  right: 10vw;
  bottom: 180px;
  width: 80px;
  height: 80px;
  background-color: var(--ferro);
}
.home-apresentacao h4 {
  bottom: 180px;
  left: 10vw;
  height: 22vw;
}

.home-bgvideo div {
  position: absolute;
  bottom: 100px;
  width: 200px;
  text-align: justify;
  right: 10vw;
  color: white
}
.home-bgvideo p::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 110%;
  width: 200px;
  height: 200px;
  background-color: white;
}
.home-bgvideo h1.t-tl {
  position: absolute;
  top: 100px;
  left: 10vw;
}
.home-bgvideo h1.t-br {
  position: absolute;
  bottom: 110px;
  right: 40vw;
}

.home-contato h4 {
  margin-left: 78px;
  width: var(--medida);
  position: relative;
}
.home-contato h4::before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: -80px;
  width: 56px;
  height: 56px;
  background-color: white;
  margin-right: 16px;
}