.elementor-68 .elementor-element.elementor-element-a0947e1{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b400c19 *//* Centralização consistente em toda a página */
.hero > .badge,
.hero h1,
.hero p.sub,
.hero .cta-group,
.hero .micro,
.proof,
.section .title,
.section .sub,
.pain-list,
.card,
.deps,
.planos,
.gar {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Texto centralizado nas seções "center" */
.section.center,
.section.center .title,
.section.center .sub {
  text-align: center;
}

/* Lista de dores 100% centralizada */
.pain-list{
  max-width: 860px;
  margin: 22px auto 10px;
  display: flex;
  flex-direction: column;
  align-items: center;      /* centraliza os itens */
}
.pain{
  width: 100%;
  max-width: 980px;         /* mesma largura visual dos outros blocos */
  justify-content: center;  /* centraliza conteúdo interno */
  align-items: center;
  text-align: center;
}

/* Grids e cards centralizados */
.deps, .planos, .card, .gar { margin-left: auto; margin-right: auto; }

/* Se o seu tema estiver adicionando padding/margem lateral, zera aqui */
.wp-site-blocks,
.entry-content,
.site-main,
.content-area,
.container,
.wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

/* Mantém tudo central também em telas menores */
@media(max-width: 560px){
  .pain { max-width: 100%; }
}/* End custom CSS */