.oferta__inner {
  position: relative;
  width: 100vw;
  height: 100svh;
}
.oferta__scene {
  position: absolute;
  left: 0;
  bottom: clamp(calc(100dvh - 844 * var(--m)), calc(-100 * var(--m)), 0px);
  width: 100vw;
  height: calc(844 * var(--m));
}

.oferta__heading {
  position: absolute;
  left: calc(14 * var(--m));
  top: calc(78 * var(--m));
  display: flex;
  flex-direction: column;
}

.oferta__heading-line1,
.oferta__heading-line2,
.oferta__heading-line3 {
  font-family: 'Anton', sans-serif;
  font-size: calc(64 * var(--m));
  line-height: 105%;
  color: var(--color-cream);
  white-space: nowrap;
}

.oferta__heading-line1,
.oferta__heading-line2 {
  letter-spacing: 0.10em;
}

.oferta__heading-line3 {
  letter-spacing: 0.06em;
}

.oferta__process {
  position: absolute;
  left: calc(218 * var(--m));
  top: calc(216 * var(--m));
  width: calc(153 * var(--m));
  display: flex;
  flex-direction: column;
}

.oferta__process span {
  font-family: 'Anton', sans-serif;
  font-size: calc(11 * var(--m));
  line-height: 139%;
  color: var(--color-cream);
}

.oferta__process span:nth-child(1) { letter-spacing: 0.14em; }
.oferta__process span:nth-child(2) { letter-spacing: 0.17em; }
.oferta__process span:nth-child(3) { letter-spacing: 0.11em; }
.oferta__process span:nth-child(4) { letter-spacing: 0.12em; }

.oferta__tags {
  position: absolute;
  left: calc(15 * var(--m));
  top: calc(297 * var(--m));
  width: calc(359 * var(--m));
  font-family: 'Anton', sans-serif;
  font-size: calc(11 * var(--m));
  line-height: 175%;
  letter-spacing: 0.06em;
  color: var(--color-gold);
  text-align: center;
}

.oferta__divider--top {
  position: absolute;
  left: 0;
  top: calc(366 * var(--m));
  width: 100vw;
  height: 0;
  border-top: 2px solid var(--color-cream);
}

.oferta__divider--bottom {
  display: block;
  position: absolute;
  left: 0;
  top: calc(642 * var(--m));
  width: 100vw;
  height: 0;
  border-top: 2px solid var(--color-cream);
}


.oferta__cta {
  position: absolute;
  left: 0;
  top: calc(408 * var(--m));
  width: calc(272 * var(--m));
  height: calc(86 * var(--m));
  background: var(--color-cream);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: calc(12 * var(--m));
  text-decoration: none;
  z-index: 2;
}

.oferta__cta-label {
  font-family: 'Anton', sans-serif;
  font-size: calc(48 * var(--m));
  line-height: 70%;
  letter-spacing: 0.05em;
  color: var(--color-dark-warm);
  padding-left: calc(14 * var(--m));
}

.oferta__cta-arrow {
  width: calc(80 * var(--m));
  height: calc(80 * var(--m));
  flex-shrink: 0;
  transform: rotate(90deg);
}

.oferta__image {
  position: absolute;
  left: calc(-39 * var(--m));
  bottom: calc(20 * var(--m));
  width: calc(502 * var(--m));
  height: auto;
  transform: scaleX(-1);
  pointer-events: none;
  z-index: 3;
}

.oferta__logo {
  position: absolute;
  left: calc(187 * var(--m));
  top: calc(595 * var(--m));
  width: calc(120 * var(--m));
  height: auto;
  z-index: 1;
}

@media (min-width: 385px) and (max-height: 700px) {
  .oferta__image {
    width: calc(410 * var(--m));
    left: calc(0 * var(--m));
  }
  .oferta__cta{
    top: calc(450 * var(--m));
  }
  .oferta__logo{
    left: calc(178 * var(--m));
  }
  .oferta__divider--top{
    top: calc(410 * var(--m));
  }
  .oferta__tags{
    top: calc(340 * var(--m));
  }
  .oferta__heading{
    top: calc(120 * var(--m));
  }
  .oferta__process{
    top: calc(256 * var(--m));
  }
}

@media (max-width: 380px) and (max-height: 600px) {
  /* SE 3gen */
  .oferta__image {
    width: calc(420 * var(--m));
    bottom: calc(15 * var(--m));
    left: calc(0 * var(--m));
  }
  .oferta__cta{
    top: calc(480 * var(--m));
  }
  .oferta__logo{
    top: calc(615 * var(--m));
    left: calc(190 * var(--m));
    width: calc(100 * var(--m));
  }
  .oferta__divider--top{
    top: calc(450 * var(--m));
  }
  .oferta__divider--bottom{
    top: calc(652 * var(--m));
  }
  .oferta__tags{
    top: calc(390 * var(--m));
  }
  .oferta__heading{
    top: calc(180 * var(--m));
  }
  
  .oferta__process{
    top: calc(316 * var(--m));
  }

}