/* ==========================================================================
   BANNER ESTATICO DA HERO - PAGINAS INTERNAS
   ========================================================================== */
.page-hero-banner {
  position: relative;
  width: 100%;
  height: clamp(170px, 20vw, 300px);
  overflow: hidden;
  background-color: #0d0e12;
  z-index: 10;
}

.page-hero-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

/* Paginas com header principal (navbar chanfrada sobrepondo o banner) */
.page-hero-banner--under-nav {
  margin-top: -48px;
}

@media (max-width: 1120px) {
  .page-hero-banner--under-nav {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .page-hero-banner {
    height: 130px;
  }
}