.history-page {
  background: #fbfaf7;
  color: var(--blue-dark);
}

.history-page .main-nav .is-active { color: #c0923d; }

.history-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 170px max(34px, calc((100% - 1450px) / 2)) 100px;
  color: #fff;
}

.history-hero > img,
.history-hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.history-hero > img { object-fit: cover; object-position: center 48%; }
.history-hero-overlay {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .38) 48%, rgba(0, 0, 0, .08)),
    linear-gradient(0deg, rgba(0, 0, 0, .58), transparent 55%);
}

.history-hero-content { position: relative; z-index: 2; max-width: 830px; }
.history-hero .eyebrow { margin-bottom: 16px; color: #d7ad5d; }
.history-hero h1 { max-width: 820px; color: #fff; font-size: clamp(56px, 6vw, 92px); font-weight: 400; line-height: .98; }
.history-hero-content > p:last-child { max-width: 680px; margin: 27px 0 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.75; }

.history-opening {
  max-width: 980px;
  margin: 0 auto;
  padding: 92px 32px 105px;
  text-align: center;
}

.history-opening .eyebrow,
.history-chapter-copy .eyebrow,
.history-cta .eyebrow { margin: 0 0 13px; padding: 0; color: #c0923d; font-size: 11px; letter-spacing: .17em; }
.history-opening h2 { color: var(--blue-dark); font-size: clamp(47px, 5vw, 72px); font-weight: 400; line-height: 1.02; }
.history-opening h2 em { display: block; color: #b48742; font-weight: 400; }
.history-opening > p:last-child { max-width: 670px; margin: 23px auto 0; color: var(--muted); font-size: 14px; line-height: 1.75; }

.history-chapters {
  width: min(1450px, calc(100% - 72px));
  margin: 0 auto;
}

.history-chapter {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  gap: clamp(54px, 7vw, 110px);
  align-items: center;
  padding: 78px 0;
  border-top: 1px solid rgba(23, 60, 88, .09);
}

.history-chapter-reverse { grid-template-columns: minmax(360px, .85fr) minmax(0, 1.15fr); }
.history-chapter-reverse figure { grid-column: 2; }
.history-chapter-reverse .history-chapter-copy { grid-column: 1; grid-row: 1; }

.history-chapter figure { margin: 0; }
.history-chapter figure img { width: 100%; height: clamp(430px, 41vw, 610px); border-radius: 4px; object-fit: cover; }
.history-chapter figcaption { margin-top: 10px; color: #89949a; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }

.history-chapter-copy { max-width: 570px; }
.history-index { display: flex; align-items: center; gap: 12px; margin: 0 0 32px; color: #aa7b2e; font-size: 9px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.history-index span { width: 44px; height: 1px; background: currentColor; opacity: .45; }
.history-chapter-copy h2 { margin: 0 0 24px; color: var(--blue-dark); font-size: clamp(43px, 4.3vw, 65px); font-weight: 400; line-height: 1.02; }
.history-chapter-copy > p:not(.eyebrow):not(.history-index) { margin: 0; color: #5f707b; font-size: 13px; line-height: 1.82; }
.history-chapter-copy > p:not(.eyebrow):not(.history-index) + p { margin-top: 14px; }

.history-interlude {
  margin: 75px 0;
  padding: 72px clamp(35px, 8vw, 135px);
  background: var(--blue-dark);
  color: #fff;
  text-align: center;
}
.history-interlude span { color: #d6ad5f; font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.history-interlude p { margin: 20px 0 0; font-family: var(--serif); font-size: clamp(38px, 4vw, 60px); font-weight: 400; line-height: 1.12; }

.history-chapter-final { padding-bottom: 110px; }

.history-cta {
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  gap: 50px;
  align-items: center;
  padding: 62px max(36px, calc((100% - 1450px) / 2));
  background: #f0ece4;
}
.history-cta h2 { max-width: 660px; color: var(--blue-dark); font-size: clamp(38px, 3.4vw, 54px); font-weight: 400; }
.history-cta > p { max-width: 460px; margin: 0; color: #62727c; font-size: 12px; line-height: 1.8; }
.history-cta a { display: inline-flex; min-height: 50px; align-items: center; gap: 28px; padding: 13px 23px; border: 1px solid rgba(176,128,47,.7); color: #a77427; font-size: 10px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.history-cta a:hover { background: #b78431; color: #fff; }

@media (max-width: 1000px) {
  .history-hero { min-height: 680px; }
  .history-chapter,
  .history-chapter-reverse { grid-template-columns: 1fr; gap: 42px; }
  .history-chapter-reverse figure,
  .history-chapter-reverse .history-chapter-copy { grid-column: auto; grid-row: auto; }
  .history-chapter-reverse figure { order: 0; }
  .history-chapter-reverse .history-chapter-copy { order: 1; }
  .history-chapter-copy { max-width: 700px; }
  .history-chapter figure img { height: min(66vw, 590px); }
  .history-cta { grid-template-columns: 1fr 1fr; }
  .history-cta a { grid-column: 1 / 3; justify-self: start; }
}

@media (max-width: 700px) {
  .history-hero { min-height: 650px; padding: 130px 24px 70px; }
  .history-hero h1 { font-size: 52px; }
  .history-hero-content > p:last-child { font-size: 13px; }
  .history-opening { padding: 70px 24px 74px; }
  .history-opening h2 { font-size: 45px; }
  .history-chapters { width: calc(100% - 28px); }
  .history-chapter { padding: 58px 0; gap: 31px; }
  .history-chapter figure img { height: 390px; }
  .history-chapter-copy h2 { font-size: 43px; }
  .history-index { margin-bottom: 24px; }
  .history-interlude { margin: 40px 0; padding: 58px 22px; }
  .history-interlude p { font-size: 37px; }
  .history-chapter-final { padding-bottom: 75px; }
  .history-cta { grid-template-columns: 1fr; gap: 23px; padding: 50px 24px; }
  .history-cta a { grid-column: auto; }
}
/* Documentário Fazendas Históricas */
.history-documentary {
  display: grid;
  width: min(1450px, calc(100% - 72px));
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  margin: 0 auto 95px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--blue-dark);
  color: #fff;
}

.history-documentary-copy {
  padding: clamp(52px, 6vw, 88px) clamp(42px, 6vw, 90px);
}

.history-documentary .eyebrow {
  margin: 0 0 14px;
  padding: 0;
  color: #d6ad5f;
}

.history-documentary h2 {
  max-width: 850px;
  color: #fff;
  font-size: clamp(42px, 4vw, 62px);
  font-weight: 400;
  line-height: 1.04;
}

.history-documentary-copy > p:not(.eyebrow) {
  max-width: 760px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  line-height: 1.8;
}

.history-documentary-copy > p strong {
  color: #fff;
  font-weight: 500;
}

.history-documentary-copy > a {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  gap: 28px;
  margin-top: 32px;
  padding: 12px 23px;
  border: 1px solid rgba(214, 173, 95, .75);
  color: #e0bc75;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease;
}

.history-documentary-copy > a:hover {
  background: #c0923d;
  color: #fff;
}

.history-documentary-platform {
  display: flex;
  min-height: 390px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 45px;
  background: #fff;
  color: var(--blue-dark);
  text-align: center;
}

.history-documentary-platform p {
  margin: 0 0 23px;
  color: #7b858b;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.history-documentary-platform img {
  width: min(245px, 90%);
  height: auto;
  mix-blend-mode: multiply;
}

.history-documentary-platform span {
  margin-top: 20px;
  color: #a6772c;
  font-family: var(--serif);
  font-size: 24px;
}

@media (max-width: 900px) {
  .history-documentary {
    grid-template-columns: 1fr;
  }

  .history-documentary-platform {
    min-height: 260px;
  }
}

@media (max-width: 700px) {
  .history-documentary {
    width: calc(100% - 28px);
    margin-bottom: 68px;
  }

  .history-documentary-copy {
    padding: 48px 26px;
  }

  .history-documentary h2 {
    font-size: 40px;
  }
}
/* Escala tipográfica refinada e galeria histórica */
.history-hero h1 {
  font-size: clamp(50px, 5vw, 74px);
}

.history-opening h2 {
  font-size: clamp(41px, 4vw, 58px);
}

.history-chapter-copy h2 {
  font-size: clamp(37px, 3.5vw, 52px);
}

main .history-documentary h2 {
  color: #fff !important;
  font-size: clamp(37px, 3.5vw, 50px);
}

.history-cta h2 {
  font-size: clamp(34px, 3vw, 47px);
}

.history-chapter figure {
  position: relative;
  cursor: zoom-in;
}

.history-chapter figure::after {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 50%;
  background: rgba(10, 26, 37, .38);
  color: #fff;
  content: "+";
  font-family: var(--sans);
  font-size: 20px;
  line-height: 1;
  pointer-events: none;
  transition: background .2s ease, transform .2s ease;
}

.history-chapter figure:hover::after {
  background: rgba(10, 26, 37, .72);
  transform: scale(1.05);
}

.history-lightbox[hidden] {
  display: none;
}

.history-lightbox {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 45px clamp(70px, 8vw, 135px);
  background: rgba(6, 16, 23, .96);
  opacity: 0;
  transition: opacity .25s ease;
}

.history-lightbox.is-open {
  opacity: 1;
}

.history-lightbox figure {
  display: flex;
  max-width: min(1380px, 88vw);
  max-height: 88vh;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.history-lightbox figure img {
  max-width: 100%;
  max-height: calc(88vh - 45px);
  border-radius: 3px;
  object-fit: contain;
}

.history-lightbox figcaption {
  margin-top: 11px;
  color: rgba(255, 255, 255, .72);
  font-family: var(--sans);
  font-size: 10px;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

.history-lightbox-close,
.history-lightbox-arrow {
  position: absolute;
  z-index: 2;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .78);
  cursor: pointer;
  transition: color .2s ease, transform .2s ease;
}

.history-lightbox-close {
  top: 24px;
  right: 30px;
  padding: 8px;
  font-size: 31px;
  font-weight: 300;
}

.history-lightbox-arrow {
  top: 50%;
  width: 54px;
  padding: 14px 0;
  font-size: 26px;
  transform: translateY(-50%);
}

.history-lightbox-prev { left: 22px; }
.history-lightbox-next { right: 22px; }
.history-lightbox-close:hover,
.history-lightbox-arrow:hover { color: #d7ad5d; }
.history-lightbox-arrow:hover { transform: translateY(-50%) scale(1.08); }
body.history-lightbox-open { overflow: hidden; }

@media (max-width: 700px) {
  .history-hero h1 { font-size: 46px; }
  .history-opening h2 { font-size: 39px; }
  .history-chapter-copy h2 { font-size: 37px; }
  main .history-documentary h2 { font-size: 35px; }
  .history-lightbox { padding: 58px 48px 35px; }
  .history-lightbox-arrow { width: 42px; }
  .history-lightbox-prev { left: 4px; }
  .history-lightbox-next { right: 4px; }
  .history-lightbox-close { top: 12px; right: 14px; }
}
/* Hero tipográfico alinhado à página Casamentos */
.history-hero-content { max-width: 760px; }
.history-hero .eyebrow { margin: 0; padding-left: 5px; color: var(--gold); font-size: 11px; font-weight: 600; line-height: 1.65; letter-spacing: .18em; text-transform: uppercase; }
.history-hero h1 { max-width: 700px; margin: 0; color: #fff; font-family: var(--serif); font-size: clamp(36px, 4.2vw, 54px); font-weight: 500; line-height: 1.05; letter-spacing: -.01em; }
.history-hero-content > p:last-child { max-width: 520px; margin: 28px 0 0; color: #fff; font-family: var(--sans); font-size: 18px; font-weight: 400; line-height: 1.65; letter-spacing: .01em; }
@media (max-width: 600px) { .history-hero h1 { font-size: 36px; } .history-hero-content > p:last-child { font-size: 18px; } }
@media (max-width: 700px) { .history-hero h1 { font-size: 42px; } .history-hero-content > p:last-child { font-size: 16px; } }

/* Entrada suave dos capitulos durante a rolagem */
.history-chapter.history-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .75s cubic-bezier(.22,.61,.36,1), transform .75s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.history-chapter.history-reveal figure,
.history-chapter.history-reveal .history-chapter-copy {
  opacity: 0;
  transition: opacity .72s ease, transform .85s cubic-bezier(.22,.61,.36,1);
}
.history-chapter.history-reveal figure { transform: translateX(-18px); }
.history-chapter.history-reveal.history-chapter-reverse figure { transform: translateX(18px); }
.history-chapter.history-reveal .history-chapter-copy {
  transform: translateY(18px);
  transition-delay: .1s;
}
.history-chapter.history-reveal.is-visible,
.history-chapter.history-reveal.is-visible figure,
.history-chapter.history-reveal.is-visible .history-chapter-copy {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .history-chapter.history-reveal,
  .history-chapter.history-reveal figure,
  .history-chapter.history-reveal .history-chapter-copy {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Escala mobile consolidada */
@media (max-width: 700px) {
  .history-hero { min-height: 570px; padding: 118px 22px 58px; }
  .history-hero h1 { font-size: 34px; line-height: 1.05; }
  .history-hero-content > p:last-child { margin-top: 20px; font-size: 14px; line-height: 1.6; }
  .history-opening { padding: 54px 22px 58px; }
  .history-opening h2 { font-size: 32px; line-height: 1.08; }
  .history-chapter { gap: 24px; padding: 44px 0; }
  .history-chapter figure img { height: 330px; }
  .history-chapter-copy h2 { font-size: 31px; line-height: 1.08; }
  .history-interlude { margin: 28px 0; padding: 44px 20px; }
  .history-interlude p { font-size: 29px; line-height: 1.15; }
  main .history-documentary h2 { font-size: 31px; line-height: 1.08; }
  .history-cta { gap: 18px; padding: 42px 22px; }
  .history-cta h2 { font-size: 31px; line-height: 1.08; }
}
/* Apple TV mobile no mesmo tamanho da home */
@media (max-width: 700px) {
  .history-page { overflow-x: hidden; }
  .history-documentary-platform img {
    width: min(150px, 58%);
  }
}