/*
  Placeholder honesto para fotografía real pendiente de sesión (equipo, consultorio, proceso clínico).
  Se usa en vez de fotografía de banco de imágenes genérica: los documentos de contenido piden explícitamente
  evitar stock en las páginas de Nosotros y Queratocono, ya que resta credibilidad clínica y de identidad real.
  Sustituir por la fotografía real una vez agendada la sesión con Karla.
*/

.photo-placeholder {
  width: 100%;
  height: 100%;
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #ececec, #f6f6f6);
  border-radius: inherit;
  color: #9a9a9a;
  text-align: center;
  padding: 1.5rem;
}

.photo-placeholder svg {
  width: 2rem;
  height: 2rem;
  opacity: 0.55;
  flex: none;
}

.photo-placeholder span {
  font-size: 0.8rem;
  line-height: 1.3;
  max-width: 14rem;
}

/*
  Dentro de las tarjetas de equipo, el nombre y el rol se muestran como una capa de vidrio (glass overlay)
  sobre la foto, pensada para texto blanco sobre una fotografía real. Como aquí no hay fotografía todavía,
  oscurecemos el placeholder para que ese texto siga siendo legible.
*/
.team_card {
  position: relative;
}

.team_card .photo-placeholder {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, #3a3a3a, #1a1a1a);
  color: #d8d8d8;
}

.team_card .photo-placeholder span {
  opacity: 0.8;
}