/* ==========================================================================
   Hyper (tema claro) — Visual do hero: conversa de WhatsApp + gatilhos.
   Posiciona o card de chat (.hx-chat de hyper-chat.css) à direita do hero.
   ========================================================================== */
.hfx-wrap {
  position: absolute; right: 5%; top: 50%; transform: translateY(-50%);
  width: 400px; z-index: 3;
}
.hfx-triggers {
  display: flex; justify-content: center; gap: 26px; margin-bottom: 18px;
}
.hfx-trigger {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: "Oakes Grotesk", sans-serif;
  font-size: 14px; font-weight: 700; color: var(--hy-text);
}
.hfx-trigger svg { width: 18px; height: 18px; stroke: var(--hy-green); flex: none; }

/* o card de chat herda os estilos .hx-chat de hyper-chat.css; só centraliza aqui */
.hfx-wrap .hx-chat { margin: 0 auto; }

@media (max-width: 1040px) {
  .hfx-wrap {
    position: static; transform: none; right: auto; top: auto;
    width: 100%; max-width: 400px; margin: 34px auto 0;
  }
  /* hero sem altura fixa do desktop — evita o gap grande no mobile */
  .elementor-element-1e7ddca { height: auto !important; min-height: 0 !important; padding-bottom: 48px !important; }
  .elementor-element-1e7ddca > *, .elementor-element-1e7ddca .e-con-inner { height: auto !important; min-height: 0 !important; }
  /* o e-con-inner tem padding-bottom: 400px do design desktop — reduz no mobile */
  .elementor-element-1e7ddca .e-con-inner { padding-bottom: 16px !important; }
}