.el-hogar-hero {
  position: relative;
  isolation: isolate;
  min-height: 560px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #e5d2ad url("/assets/el-hogar-jardin.webp") center 48% / cover no-repeat;
}

.el-hogar-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #f6f2e9f5 0%, #f6f2e9e8 34%, #f6f2e9b8 57%, #f6f2e91c 100%),
    linear-gradient(0deg, #183c3824, #f6f2e914);
}

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

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

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

  .el-hogar-hero::before {
    background: linear-gradient(180deg, #f6f2e9f2 0%, #f6f2e9e6 48%, #f6f2e956 100%);
  }

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