/* ==========================================================================
   CHAMADA FINAL + RODAPÉ (23/09/2026)

   O dono: "rodapé está péssimo — lembre do que trabalhamos" e "nós já
   trabalhamos a responsividade e o comportamento deste trecho".
   · Chamada final: título, uma linha e dois botões lado a lado (principal e
     WhatsApp). Carimbo e palavra-marca gigante saíram: o dono não quer o
     carimbo da Remessa aqui e achou o trecho grande e feio (23/09, 17:25).
   · Rodapé: o padrão das LPs da VisionX que ele já aprovou (FroX, SoftPay,
     site do Central Palace): coluna da marca + colunas de links que no celular
     ficam LADO A LADO (subgrid alinha as fileiras), base com a linha do produto
     e a assinatura oficial da VisionX (ícone X + © + CNPJ), nunca "por VisionX".
   ========================================================================== */

/* ---- chamada final -------------------------------------------------------- */
.mgxfecho {
  position: relative;
  overflow: clip;
  isolation: isolate;
  background: #000;
  padding-block: clamp(3rem, 6vw, 4.5rem);
  font-family: 'Outfit', sans-serif;
}
.mgxfecho .mgxfecho__in {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: start;
  gap: 1.125rem;
  max-inline-size: 72rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}
.mgxfecho .mgxfecho__titulo {
  margin: 0;
  font-family: 'Montserrat', 'Outfit', sans-serif;
  font-weight: 800;
  font-size: var(--c-titulo, clamp(1.75rem, 1.2rem + 1.7vw, 2.5rem));
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: #fff;
}
.mgxfecho .mgxfecho__titulo b { font-weight: inherit; color: var(--ihub-azul, #00A7FF); }
.mgxfecho .mgxfecho__texto {
  margin: 0;
  max-inline-size: 34rem;
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.1875rem);
  line-height: 1.55;
  color: #AEB9C4;
}
.mgxfecho .mgxfecho__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-block-start: 0.5rem;
}
/* ícone do WhatsApp dentro do botão secundário */
.mgx-cta-sec--whats { gap: 0.5rem !important; }
.mgx-cta-sec .mgx-cta-sec__icone { inline-size: 1.125rem; block-size: 1.125rem; flex: none; }

/* pendências (checkout, WhatsApp) continuam marcadas, mas a etiqueta não tapa
   o texto de baixo: a fileira de botões reserva a faixa dela */
.mgxfecho .mgxfecho__acoes:has([data-preencher]) { padding-block-end: 1.5rem; }

@media (max-width: 47.99rem) {
  .mgxfecho .mgxfecho__acoes { inline-size: 100%; flex-wrap: nowrap; gap: 0.5rem; }
  .mgxfecho .mgxfecho__acoes > * { flex: 1 1 0; min-inline-size: 0; }
  .mgxfecho .mgxfecho__acoes .mgx-cta-caixa a.mgx-cta,
  .mgxfecho .mgxfecho__acoes a.mgx-cta-sec {
    inline-size: 100% !important;
    padding-inline: 0.75rem !important;
    font-size: 0.9375rem !important;
    white-space: normal;
    text-align: center;
    line-height: 1.2 !important;
  }
  .mgxfecho .mgxfecho__acoes .mgx-cta-caixa { display: flex; }
}

/* ---- rodapé --------------------------------------------------------------- */
.mgxrodape {
  position: relative;
  background: #000;
  color: rgba(255, 255, 255, 0.62);
  padding-block: 2.75rem 1.25rem;
  font-family: 'Outfit', sans-serif;
}
.mgxrodape .mgxrodape__in { max-inline-size: 72rem; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); }
.mgxrodape .mgxrodape__grade {
  display: grid;
  grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr));
  gap: 1.5rem 2rem;
}
.mgxrodape .mgxrodape__marca img { display: block; block-size: 3rem; inline-size: auto; } /* logo iHub Creators empilhado */
.mgxrodape .mgxrodape__marca p { margin: 0.875rem 0 0; max-inline-size: 30ch; font-size: 0.9375rem; line-height: 1.55; color: rgba(255, 255, 255, 0.6); }
.mgxrodape h3 {
  margin: 0 0 0.25rem;
  font-family: 'Outfit', sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  color: #fff;
}
.mgxrodape ul { display: grid; margin: 0; padding: 0; list-style: none; }
.mgxrodape li { margin: 0; list-style: none; }
.mgxrodape ul a {
  display: flex;
  align-items: center;
  min-block-size: 2.75rem;
  font-size: 0.9375rem;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.66);
  text-decoration: none;
  transition: color 160ms ease;
}
@media (hover: hover) and (pointer: fine) { .mgxrodape ul a:hover { color: var(--ihub-azul, #00A7FF); } }
.mgxrodape a:focus-visible { outline: 2px solid #7AD4FF; outline-offset: 3px; border-radius: 4px; }
/* no rodapé a pendência não precisa de etiqueta: ela já aparece no botão de compra */
.mgxrodape a[data-preencher] { outline: none !important; }
.mgxrodape a[data-preencher]::after { content: none !important; }

.mgxrodape .mgxrodape__base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
  margin-block-start: 2rem;
  padding-block-start: 1.25rem;
  border-block-start: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.875rem;
  line-height: 1.6;
}
.mgxrodape .mgxrodape__produto { margin: 0; color: rgba(255, 255, 255, 0.58); }
/* assinatura oficial da VisionX — a mesma do visionxma.com, do FroX e do SoftPay */
.mgxrodape .mgxrodape__visionx {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-block-size: 2.75rem;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 160ms linear;
}
.mgxrodape .mgxrodape__x { flex: none; inline-size: 13px; block-size: 13px; color: #fff; opacity: 0.9; }
.mgxrodape .mgxrodape__visionx i { font-style: normal; opacity: 0.55; margin-inline: 2px; }
@media (hover: hover) and (pointer: fine) { .mgxrodape .mgxrodape__visionx:hover { color: #fff; } }

/* celular: as três colunas LADO A LADO (padrão aprovado no FroX e no SoftPay);
   subgrid alinha título e cada link na mesma fileira nas três colunas */
@media (max-width: 47.99rem) {
  .mgxrodape { padding-block: 2.25rem 1rem; }
  .mgxrodape .mgxrodape__grade {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto repeat(3, auto);
    gap: 0 0.75rem;
  }
  .mgxrodape .mgxrodape__marca { grid-column: 1 / -1; grid-row: 1; margin-block-end: 1.5rem; }
  .mgxrodape .mgxrodape__marca p { font-size: 0.875rem; max-inline-size: 40ch; }
  .mgxrodape .mgxrodape__col { display: grid; grid-row: 2 / span 4; grid-template-rows: subgrid; }
  .mgxrodape .mgxrodape__col > ul { display: grid; grid-row: 2 / span 3; grid-template-rows: subgrid; }
  .mgxrodape h3 { margin-block-end: 0; font-size: 0.875rem; }
  .mgxrodape ul a { font-size: 0.875rem; hyphens: auto; overflow-wrap: anywhere; }
  .mgxrodape .mgxrodape__base { justify-content: center; text-align: center; gap: 0.25rem; margin-block-start: 1.5rem; }
  .mgxrodape .mgxrodape__visionx { min-block-size: 0; padding-block: 0.375rem; justify-content: center; flex-wrap: wrap; }
}

/* aviso legal: era um bloco próprio com links e copyright que repetiam o
   rodapé; agora é uma linha de letra miúda dentro dele */
.mgxrodape .mgxrodape__aviso {
  margin: 1.75rem 0 0;
  max-inline-size: 62rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.46);
}
.mgxrodape .mgxrodape__visionx { flex-wrap: nowrap; align-items: center; }
@media (max-width: 47.99rem) {
  .mgx-so-largo { display: none; }
  .mgxrodape .mgxrodape__aviso { margin-block-start: 1.25rem; }
  .mgxrodape .mgxrodape__visionx { align-items: flex-start; text-align: start; }
  .mgxrodape .mgxrodape__visionx .mgxrodape__x { margin-block-start: 0.3em; }
}
@media (max-width: 47.99rem) {
  /* o principal leva a largura que precisa para ficar numa linha; o
     WhatsApp fica com o resto */
  .mgxfecho .mgxfecho__acoes > .mgx-cta-caixa { flex: 1 1 auto; }
  .mgxfecho .mgxfecho__acoes > a.mgx-cta-sec { flex: 0 0 auto; }
  .mgxfecho .mgxfecho__acoes .mgx-cta-caixa a.mgx-cta { white-space: nowrap; }
  .mgxfecho { padding-block: 2.25rem 1.5rem; }
  .mgxrodape { padding-block-start: 1.75rem; }
  .mgxrodape .mgxrodape__marca { margin-block-end: 1.125rem; }
}
.mgxrodape .mgxrodape__logo { display: inline-flex; min-block-size: 2.75rem; align-items: center; }
/* no celular a frase da marca repete a promessa da hero: fica só o logo, e a
   última tela (chamada + rodapé) cabe na altura do aparelho */
@media (max-width: 47.99rem) {
  .mgxrodape .mgxrodape__marca { margin-block-end: 1rem; }
  .mgxrodape .mgxrodape__base { margin-block-start: 1rem; padding-block-start: 0.875rem; }
}
@media (max-width: 47.99rem) {
  /* o WhatsApp herdava inline-size 100% e esmagava o principal a 24px */
  .mgxfecho .mgxfecho__acoes > a.mgx-cta-sec { inline-size: auto !important; }
  .mgxfecho .mgxfecho__acoes > .mgx-cta-caixa { min-inline-size: max-content; }
  .mgxfecho .mgxfecho__acoes .mgx-cta-caixa a.mgx-cta { inline-size: 100% !important; }
}

/* "A turma fecha quando enche." centralizado (pedido do dono, 23/09 20h):
   título, linha e botões no eixo do meio — título centrado com botões à
   esquerda ficaria torto */
/* (23/09 21h10) centralização trocada pelo layout de duas colunas em secao-fechamento.css */
/* assinatura da VisionX de volta (sem CNPJ, 24/09/2026): alvo de toque de 44px
   no celular, como os outros links do rodapé */
.mgxrodape .mgxrodape__visionx { min-block-size: 2.75rem; }