/* =====================================================================
   team.css — Docokids team / doctor cards.

   A square photo, name, credentials line, short bio. No border. The name sets
   its own size token (--fs-h3) so it is independent of the global h3 rule.
   Every value is a var(--token).
   ===================================================================== */
.doctor__photo {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  margin-bottom: var(--space-4);
}
.doctor__name {
  /* size token only; line-height (1.15) and letter-spacing (-0.01em) come from
     the global h3 rule in base.css. */
  font-size: var(--fs-h3);
  margin-bottom: var(--space-2);
}
.doctor__credentials {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--fs-small);
  color: var(--gris);
  margin-bottom: var(--space-3);
}
.doctor__bio { color: var(--gris-secundario); }