/* Equipe (Nova Marca) — Figma node 7997:6108.
   Título/accordion seguem o mesmo tratamento das outras seções já migradas
   (cotacaoDia, opcoesDeInvestimento, o-que-o-fundo...): desliga o comportamento
   de accordion do legado e estiliza o h2 no padrão da Nova Marca.

   Tudo escopado em #equipe (inclusive as classes do shortcode
   [equipe_nova_marca]) — .itemAcordeonFundo e o CSS legado da seção antiga
   (imagemEquipe, itemEquipeFundo, EquipeFundo etc.) carregam regras genéricas
   de accordion/grid/foto redonda que bateriam sem essa especificidade extra.

   Conteúdo (líderes/colaboradores/números) vem do shortcode [equipe_nova_marca]
   (rascode/ras-shortcodes/kinea-equipe-nova-marca.php), com classes próprias
   (.nm-fundos-equipe__*) — não reaproveita as classes do card da seção Time
   de Quem Somos (.nm-somos-time__*), embora o visual do card de líder (foto
   com fundo em gradiente) seja o mesmo. */

#equipe .headerItem {
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: default !important;
  position: static !important;
}

#equipe .headerItem h2 {
  width: auto;
  max-width: 770px;
  margin: 0 0 var(--nm-space-5);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-medium);
  font-size: var(--nm-font-size-xl); /* 28px, igual ao node do Figma */
  line-height: var(--nm-line-height-lg); /* 32px */
  color: var(--nm-color-deep-blue);
}

#equipe .nm-fundos-equipe {
  display: flex;
  flex-direction: column;
  gap: var(--nm-space-5); /* 24px entre líderes/colaboradores/números */
}

/* Divisor no fim da seção (Figma: node "Divider", #cacaca, 1px) — largura
   total da section (fora do containerSite, que tem padding lateral). O
   respiro até a PRÓXIMA seção já vem do margin-bottom:96px de
   .itemAcordeonFundo (fundos-secoes-espacamento.css); aqui é só o espaço
   entre o conteúdo desta seção e a linha. */
#equipe .nm-fundos-equipe__divider {
  height: 1px;
  margin-top: var(--nm-space-8);
  background: var(--nm-color-border);
}

/* Líderes: únicos com foto — mesmo tratamento visual do card de colaborador
   da seção Time (fundo em gradiente + foto 4:3), com classes próprias. */
#equipe .nm-fundos-equipe__lideres {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; /* valor exato do Figma — não arredondar para --nm-space-6 (32px) */
}

#equipe .nm-fundos-equipe__lider-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--nm-space-2);
  width: 170px;
  padding: var0 0 var(--nm-space-5);
  border-radius: var(--nm-radius-md);
  background: var(--nm-gradient-card-light);
  text-align: center;
  text-decoration: none;
}

#equipe .nm-fundos-equipe__lider-foto {
  position: relative;
  width: 90.6%; /* 154px em um card de 170px, igual ao Figma */
  max-width: 154px;
  aspect-ratio: 154 / 116;
  border-radius: var(--nm-radius-sm);
  overflow: hidden;
  background: var(--nm-gradient-card-foto);
}

#equipe .nm-fundos-equipe__lider-foto img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
  object-fit: cover;
}

/* Colaboradores: só nome/cargo, sem foto — grade responsiva (não fixa em 12
   itens: se adapta a quantos colaboradores o fundo tiver). */
#equipe .nm-fundos-equipe__colaboradores {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 30px; /* valor exato do Figma */
  row-gap: var(--nm-space-5);
}

#equipe .nm-fundos-equipe__colaborador {
  text-align: center;
  text-decoration: none;
}

#equipe .nm-fundos-equipe__link {
  color: inherit;
  cursor: pointer;
}

#equipe .nm-fundos-equipe__link:hover,
#equipe .nm-fundos-equipe__link:focus {
  color: inherit;
}

#equipe .nm-fundos-equipe__nome {
  margin: 0 0 var(--nm-space-2);
  color: var(--nm-color-deep-blue);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-bold);
  font-size: 12px; /* sem token na escala (menor é --nm-font-size-sm, 14px) */
  line-height: 12px;
  text-transform: uppercase;
  text-align: center; /* sobrescreve o `p{text-align:left}` global do legado */
}

#equipe .nm-fundos-equipe__cargo {
  margin: 0;
  color: var(--nm-color-deep-blue);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-regular);
  font-size: 12px;
  line-height: 12px;
  text-align: center; /* idem */
}

/* Números: amarrados à categoria do fundo (ver acf-json/group_categoria_fundo_equipe_numeros.json). */
#equipe .nm-fundos-equipe__numeros {
  display: flex;
  flex-wrap: wrap;
gap: 16px;
}

#equipe .nm-fundos-equipe__numero-item {
  display: flex;
  flex-direction: column;
  gap: var(--nm-space-2);
  width: 170px;
}

#equipe .nm-fundos-equipe__numero {
  margin: 0;
  color: var(--nm-color-deep-blue);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-light);
  font-size: var(--nm-font-size-3xl); /* 40px */
  line-height: var(--nm-line-height-3xl); /* 48px */
  text-align: center;
}

#equipe .nm-fundos-equipe__numero-label {
  margin: 0;
  color: var(--nm-color-deep-blue);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-regular);
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}

@media (max-width: 768px) {
  #equipe .headerItem h2 {
    font-size: var(--nm-font-size-lg);
    line-height: var(--nm-line-height-md);
    margin-bottom: var(--nm-space-6);
  }

  /* Gap entre líderes/colaboradores/números já é 24px na base (não muda no
     mobile) — aqui só os gaps internos de cada grid. */
  #equipe .nm-fundos-equipe__lideres {
    justify-content: flex-start;
    row-gap: var(--nm-space-5);
  }

  /* Card mantém 170px fixo (não estica/encolhe), mesmo critério já usado na
     seção Time de Quem Somos. */
  #equipe .nm-fundos-equipe__colaboradores {
    grid-template-columns: repeat(2, 170px);
    justify-content: center;
    column-gap: var(--nm-space-4);
    row-gap: var(--nm-space-5);
  }

  #equipe .nm-fundos-equipe__numeros {
    justify-content: center;
    row-gap: var(--nm-space-5);
  }

  #equipe .nm-fundos-equipe__numero-item {
    align-items: center;
  }
}