/* Atualização da hero: faixa de urgência, headline e mockup original recortado. */
.hero-urgency {
  padding: 13px 18px;
  border: 0;
  color: #fff;
  background: #651e1b;
  font: 700 clamp(.7rem, 1.15vw, .9rem)/1.5 "Poppins", Arial, sans-serif;
  letter-spacing: .015em;
}
.hero-urgency p { margin: 0; }
.hero-urgency [data-today] { white-space: nowrap; }
.hero-urgency .urgency-icon { margin-right: 7px; color: #f5ba71; }
#hero { padding-top: clamp(32px, 4.4vw, 60px); }
#hero .hero-eyebrow {
  width: fit-content;
  margin: 0 auto 22px;
  padding: 7px 15px;
  border: 1px solid rgba(232, 196, 130, .24);
  border-radius: 999px;
  color: #f3e4c5;
  background: #284e3b;
  font-size: .65rem;
  letter-spacing: .08em;
}
#hero .hero-title {
  max-width: 980px;
  margin: 0 auto 20px;
  color: #e8c482;
  font: 800 clamp(2.05rem, 4.2vw, 3.8rem)/1.12 "Montserrat", Arial, sans-serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
#hero .hero-title em {
  display: block;
  margin-top: 4px;
  color: inherit;
  font-style: normal;
  font-weight: 800;
}
#hero .hero-lead {
  max-width: 640px;
  margin: 0 auto 18px;
  color: #e4e9df;
  font-size: clamp(.94rem, 1.4vw, 1.12rem);
  line-height: 1.6;
  text-wrap: balance;
}
#hero .hero-figure {
  width: min(650px, 100%);
  max-width: 650px;
  margin: 24px auto 8px;
  overflow: visible;
  background: none;
  border: 0;
  box-shadow: none;
}
#hero .hero-figure img { width: 100%; height: auto; filter: none; box-shadow: none; }
#hero .hero-note { max-width: 490px; }
@media (max-width: 719px) {
  .hero-urgency { padding: 10px 13px; font-size: .68rem; line-height: 1.5; }
  #hero { padding-top: 29px; padding-bottom: 44px; }
  #hero .hero-eyebrow { margin-bottom: 18px; padding: 6px 11px; font-size: .56rem; letter-spacing: .06em; }
  #hero .hero-title { max-width: 480px; font-size: clamp(1.72rem, 7.7vw, 2.25rem); line-height: 1.14; margin-bottom: 17px; }
  #hero .hero-title em { margin-top: 4px; }
  #hero .hero-lead { max-width: 350px; font-size: .89rem; line-height: 1.6; }
  #hero .hero-figure { width: 100%; max-width: 420px; margin: 22px auto 8px; }
  #hero .hero-note { max-width: 320px; font-size: .7rem; }
}