.lc--banner,
.lc--banner :where(.lc--banner-titulo) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lc--banner {
  width: 100%;
  height: 100%;
  color: #4f0949;
  padding: 4em 0;
}

.lc--banner-titulo {
  font-size: 3em;
}

.lc--banner-titulo span:nth-child(1) {
  transition: opacity 0.4s, transform 0.4s;
}
.lc--banner-titulo span:nth-child(2) {
  transition: opacity 0.4s, transform 0.6s;
}
.lc--banner-titulo span:nth-child(3) {
  transition: opacity 0.4s, transform 0.8s;
}

.lc--video {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
}

.lc--banner .lc--video video {
  height: 100%;
  max-height: 100vh;
  width: 99%;
  margin-top: 2em;
}