/* =========================
   HERO TAGLINE
========================= */
.hero-tagline {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  display: flex;
  align-items: stretch;
  gap: 1.4rem;
}

/* Linha vertical — cresce de baixo para cima */
.hero-line {
  width: 2px;
  background: var(--cor-destaque);
  align-self: stretch;
  transform-origin: bottom;
  animation: heroLineUp 0.55s cubic-bezier(0.22, 1, 0.39, 1) forwards;
  transform: scaleY(0);
}

@keyframes heroLineUp {
  to { transform: scaleY(1); }
}

/* Frases */
.hero-phrases {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  justify-content: center;
}

.hero-phrase {
  font-family: var(--fonte-logo);
  font-size: 1.30rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.88);
  letter-spacing: 0.3px;
  line-height: 1.4;
  opacity: 0;
  transform: translateX(-22px);
  animation: heroSlideIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  font-weight: 600;

}

.hero-phrase:nth-child(1) { animation-delay: 0.45s; }
.hero-phrase:nth-child(2) { animation-delay: 0.62s; }
.hero-phrase:nth-child(3) { animation-delay: 0.79s; }

@keyframes heroSlideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Destaques em dourado */
.hero-destaque {
  color: var(--cor-destaque);
  font-weight: 800;
}

/* Responsivo */
@media (max-width: 768px) {
  .hero-tagline {
    left: 6%;
    top: 45%;
  }

  .hero-phrase {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .hero-tagline {
    left: 5%;
    gap: 1rem;
  }

  .hero-phrase {
    font-size: 0.9rem;
  }
}