/* css/sections/hero.css */

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 120px; /* Compensa o header fixo */
  background-color: oklch(18.06% 0 0); /* Fundo escuro padrão de fallback */
  overflow: hidden;
}

/* Imagem de Fundo em Tela Cheia */
.hero__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  pointer-events: none;
  animation: kenburns 36s ease-in-out infinite;
}

/* Overlay Escuro para Contraste */
.hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    oklch(18.06% 0 0 / 0.6) 0%,
    oklch(18.06% 0 0 / 0.75) 60%,
    oklch(18.06% 0 0 / 0.92) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Container do Conteúdo */
.hero__container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 3;
  min-height: calc(100vh - 120px);
}

.hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
}

.hero__subtitle {
  font-family: var(--font-body);
  font-weight: var(--weight-medium);
  font-size: var(--size-small);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-gold-primary);
  margin-bottom: var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-md);
  justify-content: center;
}

.hero__subtitle::before,
.hero__subtitle::after {
  content: '';
  width: 30px;
  height: 1px;
  background-color: var(--color-gold-primary);
}

.hero__title {
  margin-bottom: var(--space-xl);
  font-weight: var(--weight-light);
  color: var(--color-contrast); /* Texto em Branco sobre fundo escuro */
  text-transform: capitalize;
}

.hero__title span {
  display: block;
  font-weight: var(--weight-semibold);
  color: var(--color-gold-primary);
  background: linear-gradient(90deg, var(--color-gold-primary), var(--color-gold-light), var(--color-gold-primary));
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer-gold 6s linear infinite;
}

.hero__text {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: oklch(100% 0 0 / 0.8); /* Branco translúcido */
  margin-bottom: var(--space-3xl);
  max-width: 600px;
  line-height: var(--lh-body);
}

.hero__actions {
  display: flex;
  gap: var(--space-lg);
  flex-wrap: wrap;
  justify-content: center;
}

/* Animação do Brilho Metálico do Título */
@keyframes shimmer-gold {
  to {
    background-position: 200% center;
  }
}

/* Animação Ken Burns (Zoom Lento e Suave) */
@keyframes kenburns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.08) translate(-0.5%, -0.5%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}

/* Responsividade */
@media (max-width: 1024px) {
  .hero__container {
    min-height: calc(100vh - 120px);
  }
}

@media (max-width: 768px) {
  .hero {
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: var(--space-4xl);
  }

  .hero__container {
    min-height: calc(100vh - 100px);
  }

  .hero__subtitle::before,
  .hero__subtitle::after {
    display: none; /* Simplifica o layout em telas estreitas */
  }

  .hero__text {
    max-width: 100%;
  }

  .hero__actions {
    width: 100%;
    flex-direction: column;
    gap: var(--space-md);
  }

  .hero__actions .btn {
    width: 100%;
  }
}