/* ==========================================================================
   Hyper — Hero centralizado (sem o mockup de WhatsApp)
   O visual da direita (.hfx-wrap de hyper-herofx.js) foi removido a pedido;
   este arquivo recentraliza o texto e corrige a altura que sobrava.
   Alvo: container do hero .elementor-element-1e7ddca
   ========================================================================== */
.elementor-element-1e7ddca .e-con-inner {
  align-items: center;
  text-align: center;
  padding-top: 118px !important;
  padding-bottom: 104px !important;
}

/* bloco de título + subtítulo (largura fixa de 550px vinda do Elementor) */
.elementor-element-1e7ddca .elementor-element-c4c847a {
  width: 100% !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* o Elementor alinha o texto à esquerda nos widgets internos */
.elementor-element-1e7ddca .e-con-inner,
.elementor-element-1e7ddca .e-con-inner * {
  text-align: center !important;
}

/* logo da Hyper acima do título */
.elementor-element-1e7ddca .e-con-inner img {
  margin-left: auto;
  margin-right: auto;
}

/* botão "Quero migrar pra Hyper" */
.elementor-element-1e7ddca .elementor-element-536b062 {
  display: flex;
  justify-content: center;
}

.elementor-element-1e7ddca .e-con-inner .hb-cta {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1040px) {
  .elementor-element-1e7ddca .e-con-inner {
    padding-top: 76px !important;
    padding-bottom: 64px !important;
  }
}