/* Astro-only progressive rendering. Geometry and visual styles stay in styles.css. */
@supports (content-visibility: auto) {
  #avancos-ia,
  #como-ler,
  #pilares,
  #aprofunde,
  #faq,
  #ask-ai,
  #cta,
  #termos-canonicos,
  .modules > .module {
    content-visibility: auto;
    contain-intrinsic-size: auto 1350px;
  }

  #como-ler,
  #pilares,
  #ask-ai,
  #cta {
    contain-intrinsic-size: auto 760px;
  }

  #faq,
  #termos-canonicos {
    contain-intrinsic-size: auto 1900px;
  }
}

@media (max-width: 700px) {
  @supports (content-visibility: auto) {
    .modules > .module {
      contain-intrinsic-size: auto 2100px;
    }

    #faq,
    #termos-canonicos {
      contain-intrinsic-size: auto 2800px;
    }
  }
}