.eventos-hero {
  position: relative;
  isolation: isolate;
  min-height: 560px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #d9c08a;
}

.eventos-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, #f6f2e9e8 0%, #f6f2e9d4 34%, #f6f2e998 55%, #f6f2e908 100%),
    linear-gradient(0deg, #183c3822, #f6f2e910),
    url("/assets/eventos-hero.webp") center 52% / cover no-repeat;
}

.eventos-hero-copy {
  position: relative;
  z-index: 1;
  width: min(880px, 100%);
  padding: 34px 42px 40px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f6f2e9e9 0%, #f6f2e9dc 78%, #f6f2e900 100%);
}

.eventos-hero h1 {
  max-width: 820px;
}

@media (max-width: 850px) {
  .eventos-hero {
    min-height: 650px;
    align-items: flex-start;
    background-position: 57% center;
  }

  .eventos-hero::before {
    background: linear-gradient(180deg, #f6f2e9f2 0%, #f6f2e9e6 48%, #f6f2e956 100%),
      url("/assets/eventos-hero.webp") 57% center / cover no-repeat;
  }

  .eventos-hero-copy {
    padding: 22px 24px 34px;
    background: linear-gradient(180deg, #f6f2e9ec 0%, #f6f2e9d8 82%, #f6f2e900 100%);
  }
}