/* ============================================
   Clínica Arthena — Corpo Clínico
   Estilos específicos para /equipe/ e páginas individuais de médicos.
   Reaproveita a base de layout de tratamentos.css (.pg-hero, .tratamentos-section,
   .tcard, .tratamento-content, .outros-tratamentos) — ver docs/PADRAO-PAGINA-MEDICO.md
   ============================================ */

.medico-meta {
  font-size: .76rem;
  letter-spacing: .06em;
  color: var(--sage);
  margin-bottom: 26px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}
.medico-meta .sep { color: rgba(61,43,31,.3); }

.medico-tags-page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 6px;
}
.medico-tags-page span {
  font-size: .6rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sage);
  border: 1px solid rgba(61,43,31,.18);
  padding: 7px 14px;
}

.medico-ig-page {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .78rem;
  color: var(--mid);
  text-decoration: none;
  margin-top: 10px;
  transition: color .3s;
}
.medico-ig-page svg { width: 16px; height: 16px; flex-shrink: 0; }
.medico-ig-page:hover { color: var(--sage); }

/* Foto do médico na página individual: sem corte, imagem inteira (não usa cover) */
.equipe-photo-full {
  aspect-ratio: auto;
  height: auto;
  object-fit: contain;
}

/* Listagem sem pg-hero acima — precisa de mais distância própria do menu fixo */
.equipe-section-top { padding-top: 210px; }
@media(max-width:1100px) { .equipe-section-top { padding-top: 168px; } }
@media(max-width:640px)  { .equipe-section-top { padding-top: 138px; } }

/* Card de médico sem página própria ainda (listagem e "Outros médicos") */
.tcard.tcard-soon .tcard-title { color: var(--sage-3); }
.outro-card.outro-card-soon { pointer-events: none; cursor: default; }
.outro-card.outro-card-soon .outro-card-img { filter: grayscale(100%); }