/*
  Motion Fit — seção Wellhub e Totalpass (home).

  Layout de referência: banner largo em cima e, embaixo, duas colunas —
  título à esquerda, texto e CTA à direita. Antes o bloco de texto era
  centralizado numa coluna só.

  O !important aparece porque o final-polish.css declara `.partner-copy` e
  filhos com !important; esta folha carrega depois dele.
*/

.partner-copy {
  max-width: none !important;
  margin-inline: 0 !important;
  text-align: left !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  justify-items: stretch !important;
  align-items: start;
  gap: clamp(24px, 4vw, 56px) !important;
  padding-top: clamp(18px, 3vw, 34px) !important;
}

.partner-copy h2 {
  /*
    Sem limite de caracteres: quem define a largura é a coluna do grid. O
    `max-width: 15ch` anterior quebrava o título em quatro linhas mesmo com
    a coluna sobrando espaço.
  */
  max-width: none !important;
  /*
    align-self:center empurrava o título para baixo: a coluna ao lado (texto
    + CTA) é mais alta, então a altura da linha do grid é maior que o
    título, e centralizá-lo nessa linha o deslocava abaixo do topo do
    parágrafo. "start" alinha os dois pelo topo.
  */
  align-self: start;
  margin-top: 0 !important;
  font-size: clamp(24px, 2.3vw, 38px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
  font-weight: 800 !important;
}

/* Nome dos parceiros em verde, como na referência. */
.partner-highlight {
  color: #6ba428;
}

.partner-copy-side {
  display: grid;
  gap: 22px;
  justify-items: end;
}

.partner-copy-side p {
  max-width: 56ch !important;
  font-weight: 600 !important;
}

/* CTA claro, em pílula, com o ícone do WhatsApp à direita do texto. */
.partner-copy .partner-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 56px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #e9edea !important;
  color: #131312 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: background .18s ease, transform .18s ease;
}

.partner-copy .partner-cta:hover,
.partner-copy .partner-cta:focus-visible {
  background: #dbe2dc !important;
  transform: translateY(-2px);
}

.partner-copy .partner-cta svg {
  flex: 0 0 auto;
}

/* Uma coluna no mobile, com o CTA alinhado ao texto. */
@media (max-width: 900px) {
  .partner-copy {
    grid-template-columns: 1fr;
    gap: 20px !important;
  }

  .partner-copy h2 {
    max-width: none !important;
  }

  .partner-copy-side {
    justify-items: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partner-copy .partner-cta {
    transition: none;
  }

  .partner-copy .partner-cta:hover {
    transform: none;
  }
}