/* Foto da equipe (card do médico): o <a> É a caixa de aspect-ratio, e o CSS
   legado dá `.slick--view--bloco-equipe-medicos--block-1 .slide a
   { margin: 20px 2px }` — a margem deslocava a foto e o mock cinza vazava.
   O <p> é o wrapper alternativo em REF (imagem sem link). */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image .field-content,
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image .field-content a {
  margin: 0;
}

.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image .field-content > p {
  margin: 0;
  height: 100%;
}


/*Card de Equipe pagina do medico, padding do scroll das especialidades*/
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade {
  margin-inline: 16px !important;
  padding: 6px 0 16px !important;
  display: flex !important;
  gap: 6px !important;
  touch-action: pan-x !important;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade .field-content {
  flex: 0 0 auto !important;
}

/* Janela de 5 dots (o JS marca data-ac-dot com a distância até o ativo):
   com muitos médicos a fileira estourava a largura da tela no mobile. */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li[data-ac-dot="out"] {
  display: none;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li[data-ac-dot="2"],
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li[data-ac-dot="2"] button {
  width: 8px;
  height: 8px;
  border-radius: 3px;
}