/* ===========================
   HISTORIA / LINHA DO TEMPO
   =========================== */

/* Banner inicial – herda .page-hero-banner, overrides */
.section-historia-bg {
  min-height: 60vh;
  padding-top: var(--space-hero-top);
  padding-left: clamp(2rem, 5vw, 4rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .section-historia-bg {
    padding-top: clamp(5rem, 12vh, 8rem);
    padding-left: clamp(4rem, 12vw, 12rem);
  }
}

.section-historia-bg .historia-title h1 {
  font-weight: 800;
  text-transform: uppercase;
  color: var(--brand-gold);
  font-size: 45px;
  margin-bottom: 1rem;
}

.section-historia-bg .historia-text {
  max-width: 35vh;
  font-size: 18px;
}

.section-historia-bg .historia-text p {
  color: #fff;
  margin: 0;
}

/* ===========================
   RESPONSIVO
   =========================== */
@media (max-width: 991.98px) {
  .section-historia-bg {
    min-height: 40vh;
    padding-top: var(--space-hero-top-sm);
    padding-left: 0;
    text-align: center;
    align-items: center;
  }

  .section-historia-bg .historia-title h1 {
    font-size: 35px;
  }

  .section-historia-bg .historia-text {
    max-width: 100%;
  }

  .section-historia-bg .historia-text p {
    font-size: 13px;
  }
}