/* ==========================================================================
   07b · Marcas atendidas
   Faixa enxuta logo abaixo dos números: título curto e etiqueta numa linha,
   grade de seis logos embaixo. Enquanto os logos não chegam, as vagas ficam
   tracejadas e esmaecidas, sem fingir marca nenhuma.
   Seção CLARA desde 30/09/2026: abre o bloco claro de prova social que
   segue no 07c, por isso ganha respiro no topo.
   ========================================================================== */
.v2-marcas { padding-block: 0 clamp(3rem, 1.5rem + 4vw, 6rem); }
.v2-marcas.v2-secao--clara { padding-top: clamp(3.5rem, 2rem + 4vw, 6.5rem); padding-bottom: clamp(1.5rem, 1rem + 2vw, 3rem); }

.v2-marcas__faixa {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  position: relative;
  padding-top: var(--s-6);
  margin-bottom: var(--s-6);
}
/* régua do topo: se desenha do centro na entrada (--regua-x, 07b-marcas-anim.js) */
.v2-marcas__faixa::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: var(--linha);
  background: var(--regua);
  transform: scaleX(var(--regua-x, 1));
}
.v2-marcas__titulo {
  margin: 0;
  font-size: var(--fs-small);
  font-weight: var(--w-medium);
  color: var(--ink-2);
}

.v2-marcas__grade {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--s-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* logo real: monocromático claro, acende no hover */
.v2-marcas__item {
  display: grid;
  place-items: center;
  height: 88px;
  padding: 18px;
  border: var(--linha) solid var(--v2-borda-sutil);
  border-radius: var(--r-1);
}
.v2-marcas__item img {
  max-height: 36px;
  width: auto;
  opacity: 0.6;
  filter: grayscale(1) brightness(1.6);
  transition: opacity var(--d-2) var(--ease-out-quart), filter var(--d-2) var(--ease-out-quart);
}
.v2-marcas__item:hover img { opacity: 1; filter: none; }

/* vaga sem logo */
.v2-marcas__vaga {
  display: grid;
  place-items: center;
  height: 88px;
  border: var(--linha) dashed var(--regua-2);
  border-radius: var(--r-1);
  color: var(--ink-3);
  font-size: 12px;
  text-align: center;
}

@media (max-width: 52rem) {
  .v2-marcas__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 30rem) {
  .v2-marcas__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v2-marcas__item, .v2-marcas__vaga { height: 72px; }
}

/* no claro o logo monocromático escurece em vez de clarear */
[data-tema="claro"] .v2-marcas__item img { filter: grayscale(1) brightness(0); }

/* no bloco claro a régua do topo some (a borda da folha já abre o bloco) e
   as provas do 07c chegam mais perto, como continuação */
.v2-marcas.v2-secao--clara .v2-marcas__faixa { padding-top: 0; }
.v2-marcas.v2-secao--clara .v2-marcas__faixa::before { display: none; }
.v2-marcas.v2-secao--clara + .v2-provas { padding-top: clamp(1rem, 0.5rem + 2vw, 2.5rem); }