/* =========================================================
  LANDING PAGES (SEO/ADS) — OUÇA MAIS
  Escopo: body.<slug>-page
  Objetivo: manter consistência visual das páginas internas
========================================================= */

:is(
    body.luto-page,
    body.dependencia-quimica-page,
    body.bipolaridade-page,
    body.gerontologia-page
  ) {
  background:
    radial-gradient(circle at 12% 0%, rgba(139, 92, 246, 0.10), transparent 38%),
    radial-gradient(circle at 88% 18%, rgba(255, 217, 102, 0.10), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #faf8ff 100%);
}

:is(
    body.luto-page,
    body.dependencia-quimica-page,
    body.bipolaridade-page,
    body.gerontologia-page
  )
  main#conteudo {
  background: transparent;
}

:is(
    body.luto-page,
    body.dependencia-quimica-page,
    body.bipolaridade-page,
    body.gerontologia-page
  )
  .section:not(.hero-bs) {
  padding: clamp(56px, 7vw, 96px) 0;
}

:is(
    body.luto-page,
    body.dependencia-quimica-page,
    body.bipolaridade-page,
    body.gerontologia-page
  )
  .section.section--alt {
  background: color-mix(in srgb, var(--color-surface) 56%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
}

:is(
    body.luto-page,
    body.dependencia-quimica-page,
    body.bipolaridade-page,
    body.gerontologia-page
  )
  .section.section--cta-compact {
  padding: clamp(28px, 4vw, 52px) 0;
}

.landing-section__header {
  max-width: 860px;
  margin: 0 auto 42px;
  text-align: center;
}

@media (max-width: 575.98px) {
  .landing-section__header {
    margin-bottom: 32px;
  }
}

.landing-content {
  max-width: 880px;
  margin: 0 auto;
}

.landing-content .card {
  min-height: unset;
}

@media (max-width: 575.98px) {
  body.dependencia-quimica-page .hero-bg__content .actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.dependencia-quimica-page .hero-bg__content .actions .btn--lg {
    width: 100%;
    justify-content: center;
  }
}