.home-hero[data-astro-cid-j7pv25f6] {
  min-height: 47rem;
  background-color: var(--color-blue-surface);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.98) 68%, rgba(255, 255, 255, 0.88) 88%, rgba(255, 255, 255, 0.72) 100%),
    url("/images/home/hero-financeiro-mobile.webp");
  background-position: center, right bottom;
  background-size: 100% 100%, auto 43%;
}

.home-hero__inner[data-astro-cid-j7pv25f6] {
  padding-block: var(--space-8) var(--space-12);
}

.home-hero__display[data-astro-cid-j7pv25f6] {
  color: var(--color-accent);
}

.home-hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6] {
  max-width: 46rem;
  color: var(--color-navy);
}

.home-hero__support[data-astro-cid-j7pv25f6],
.home-hero__detail[data-astro-cid-j7pv25f6] {
  max-width: 44rem;
  color: #173f55;
  font-size: var(--font-body);
  line-height: 1.62;
  text-wrap: pretty;
}

.home-hero__support[data-astro-cid-j7pv25f6] {
  margin: var(--space-5) 0 0;
}

.home-hero__detail[data-astro-cid-j7pv25f6] {
  margin: var(--space-3) 0 0;
}

.home-hero__action[data-astro-cid-j7pv25f6] {
  margin-top: var(--space-6);
}

@media (min-width: 48rem) {
  .home-hero[data-astro-cid-j7pv25f6] {
    min-height: 43rem;
    background-image:
      linear-gradient(90deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.96) 52%, rgba(255, 255, 255, 0.55) 72%, rgba(255, 255, 255, 0.04) 100%),
      url("/images/home/hero-financeiro-tablet.webp");
    background-position: center, 62% center;
    background-size: 100% 100%, cover;
  }

  .home-hero__content[data-astro-cid-j7pv25f6] {
    max-width: 48rem;
  }

  .home-hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6] {
    max-width: 48rem;
  }

  .home-hero__support[data-astro-cid-j7pv25f6],
  .home-hero__detail[data-astro-cid-j7pv25f6] {
    max-width: 46rem;
  }
}

@media (min-width: 64rem) {
  .home-hero[data-astro-cid-j7pv25f6] {
    height: clamp(40rem, 47vw, 45rem);
    min-height: 0;
    background-image:
      linear-gradient(90deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.96) 53%, rgba(255, 255, 255, 0.58) 70%, rgba(255, 255, 255, 0.04) 86%),
      url("/images/home/hero-financeiro-desktop.webp");
    background-position: center, center right;
    background-size: 100% 100%, cover;
  }

  .home-hero__content[data-astro-cid-j7pv25f6] {
    max-width: 56rem;
  }

  .home-hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6] {
    max-width: 54rem;
  }

  .home-hero__support[data-astro-cid-j7pv25f6],
  .home-hero__detail[data-astro-cid-j7pv25f6] {
    max-width: 50rem;
  }
}