/* Rev92 — banners institucionais: altura proporcional à largura, como Novidades.
   Restringe-se a desktop/notebook; mantém o comportamento mobile anterior. */
@media screen and (min-width: 761px) {
  html body.page-fabricacao > .hero,
  html body.page-fabricacao > main > .hero,
  html body.page-institucional > .hero,
  html body.page-institucional > main > .hero,
  html body.page-fabricacao section.hero,
  html body.page-institucional section.hero {
    height: 27.4vw !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex;
    align-items: center !important;
    box-sizing: border-box;
    padding: 0 !important;
  }
  html body.page-fabricacao .hero > .hero-content,
  html body.page-institucional .hero > .hero-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  html body.page-fabricacao .hero h1,
  html body.page-institucional .hero h1 {
    font-size: clamp(29px, 2.75vw, 53px) !important;
    line-height: 1.08 !important;
  }
  html body.page-fabricacao .hero p,
  html body.page-institucional .hero p {
    font-size: clamp(11px, .8vw, 15px) !important;
    line-height: 1.65 !important;
    margin-top: clamp(10px, 1.2vw, 23px) !important;
  }
  html body.page-fabricacao .hero .kicker,
  html body.page-institucional .hero .kicker {
    margin-bottom: clamp(8px, .9vw, 16px) !important;
  }
}