/* Visual da hero da página inicial do blog. */
.blog-page--landing .blog-hero {
  isolation: isolate;
  padding: 200px 0 124px;
  text-align: center;
  background:
    radial-gradient(ellipse at 96% 0%, rgba(211, 177, 233, .84), transparent 67%),
    radial-gradient(ellipse at 5% 100%, #570085, transparent 69%),
    linear-gradient(110deg, #620591 3%, #8434a9 55%, #aa7bc2 100%);
}

.blog-page--landing .blog-hero::before {
  inset: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  filter: none;
  opacity: .16;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
  z-index: -1;
}

.blog-page--landing .blog-hero::after { content: none; }

.blog-page--landing .blog-hero h1 {
  max-width: 960px;
  margin: 0 auto;
  font-size: clamp(36px, 4.8vw, 60px);
  line-height: 1.15;
  letter-spacing: -.035em;
  font-weight: 500;
  text-wrap: balance;
}

.blog-page--landing .blog-hero h1 span { display: block; }

.blog-page--landing .blog-hero p {
  max-width: 770px;
  margin: 22px auto 0;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, .94);
  text-wrap: pretty;
}

@media (max-width: 760px) {
  .blog-page--landing .blog-hero { padding: 120px 0 40px; }
  .blog-page--landing .blog-hero .blog-shell { width: calc(100% - 40px); }
  .blog-page--landing .blog-hero h1 {
    max-width: 480px;
    font-size: clamp(28px, 7vw, 34px);
    line-height: 1.12;
    letter-spacing: -.035em;
  }
  .blog-page--landing .blog-hero h1 span { display: inline; }
  .blog-page--landing .blog-hero p {
    max-width: 430px;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.5;
  }
  .blog-page--landing .blog-main { padding-top: 32px; }
  .blog-page--landing .blog-section-head h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -.03em;
  }
  .blog-page--landing .blog-topics h2 { font-size: 21px; line-height: 1.2; }
}

/* Abertura e busca centralizadas na seção de conteúdos. */
.blog-page--landing .blog-section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
  margin-bottom: 24px;
}
.blog-page--landing .blog-section-head .blog-chip { margin-bottom: 12px; }
.blog-page--landing .blog-section-head p {
  max-width: 640px;
  margin: 0;
  text-wrap: pretty;
}
.blog-page--landing .blog-search {
  width: min(100%, 520px);
  margin: 0 auto 32px;
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.blog-page--landing .blog-search label { display: block; }

/* Mesma família e peso dos títulos principais da home. */
.blog-page--landing .blog-hero h1,
.blog-page--landing .blog-section-head h2,
.blog-page--landing .blog-topics h2 {
  font-family: "Plus Jakarta Sans", "Space Grotesk", Nunito, sans-serif;
  font-weight: 500;
  letter-spacing: -.05em;
}