/* Hero animado; contato e rodapé usam a arte horizontal fornecida. */
.hero .hero-art { object-position: center center; image-rendering: pixelated; }
.hero:after {
  background:
    linear-gradient(90deg, rgba(4, 12, 32, .95) 0%, rgba(4, 12, 32, .82) 39%, rgba(4, 12, 32, .12) 77%),
    linear-gradient(0deg, rgba(4, 12, 32, .58), transparent 38%);
}
.night-finale {
  position: relative;
  isolation: isolate;
  background-color: #03132b;
  background-image:
    linear-gradient(180deg, rgba(2, 12, 32, .62), rgba(2, 12, 32, .16) 56%, rgba(2, 10, 28, .04)),
    none;
  background-position: center top, center bottom;
  background-size: cover;
  border-top: 1px solid #26486a;
}
.night-finale .contact-section {
  min-height: 575px;
  padding: 62px 0 76px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  text-align: center;
  scroll-margin-top: 28px;
}
.night-finale .contact-section > div:first-child { max-width: 650px; }
.night-finale .contact-section .eyebrow { color: #d4ebff; text-shadow: 0 1px 5px #011027; }
.night-finale .contact-section h2 { color: #fffaf0; font-size: clamp(32px, 4vw, 45px); font-weight: 600; line-height: 1.18; text-shadow: 0 2px 12px #001027; }
.night-finale .contact-section p:not(.eyebrow) { color: #dcecff; max-width: 540px; margin: 12px auto 0; line-height: 1.8; text-shadow: 0 1px 7px #001027; }
.night-finale .contact-actions { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 27px; }
.night-finale .contact-actions .button.primary { background: #f4d98e; border-color: #fff0ba; color: #0b2240; box-shadow: 4px 4px 0 #05162f; }
.night-finale .contact-actions .button.primary:hover { background: #fff0bd; }
.night-finale .contact-actions .text-link { color: #e4f2ff; margin-left: 0; }
.night-finale .finale-links { display: flex; justify-content: center; gap: 11px; flex-wrap: wrap; margin-top: 24px; }
.night-finale .finale-links a { display: inline-flex; justify-content: center; min-width: 132px; padding: 9px 16px; border: 1px solid rgba(207, 232, 255, .68); background: rgba(4, 20, 46, .78); color: #e9f5ff; font: 13px/1.4 var(--pixel); box-shadow: 3px 3px 0 #031027; }
.night-finale .finale-links a:hover { background: #193d68; border-color: #eaf6ff; }
.night-finale .footer { border-top: 1px solid rgba(219, 238, 255, .3); background: rgba(2, 10, 27, .72); }
.night-finale .footer-inner,
.night-finale .footer-pixel { color: #d4e6f9; }
.night-finale .footer-mark { color: #ffe79b; }
.night-finale .footer a:hover { color: #ffe79b; }
@media (max-width: 760px) {
  .hero .hero-art { object-position: 72% center; }
  .hero:after {
    background: linear-gradient(90deg, rgba(4, 12, 32, .91), rgba(4, 12, 32, .67) 68%, rgba(4, 12, 32, .16)), linear-gradient(0deg, #09152de6, transparent 65%);
  }
  .night-finale { background-position: center top, 58% bottom; background-size: cover, auto 100%; }
  .night-finale .contact-section { min-height: 620px; padding: 62px 0 64px; }
  .night-finale .contact-section h2 { font-size: clamp(30px, 8vw, 38px); }
  .night-finale .contact-section p:not(.eyebrow) { max-width: 340px; }
  .night-finale .contact-actions { margin-top: 24px; }
  .night-finale .contact-section .button { margin-top: 0; }
}

.night-finale.is-art-ready{background-image:linear-gradient(180deg,rgba(2,12,32,.62),rgba(2,12,32,.16) 56%,rgba(2,10,28,.04)),url('assets/otimizados/noite-fa96c35e63.webp')}