/* =====================================================================
   logos.css — Docokids press / partner logo rows.

   A centered, wrapping row of grayscale logos (image or text) that color in
   on hover. Brand values come from var(--token); grayscale/opacity filters and
   mix-blend-mode are intrinsic rendering behavior, not brand values.
   ===================================================================== */
.logo-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-5) var(--space-6);
  margin-top: var(--space-5);
}
.logo {
  filter: grayscale(1) opacity(0.55);
  transition: filter 150ms;
}
.logo:hover { filter: grayscale(0) opacity(1); }
img.logo {
  width: 140px;
  height: 50px;
  object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}
span.logo {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--fs-small);
  color: var(--gris);
  letter-spacing: 0.02em;
}