/* ==========================================================
   ESPECIALIDADES — "Somos especialistas..."
   ========================================================== */

.especialidades {
  background-color: #f3f3f6;
  padding: 100px 0;
}
.especialidades__cab {
  text-align: center;
  margin-bottom: 60px;
}
.especialidades__titulo {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
  color: #2c2c2c;
  margin-bottom: 18px;
  text-wrap: balance;
}
.especialidades__p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: #2c2c2c;
}
.especialidades__lista {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 40px) clamp(12px, 2vw, 20px);
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.especialidades__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(12px, 2vw, 22px);
  min-width: 0;
  padding: 0 4px;
}
.especialidades__item img {
  height: clamp(40px, 5vw, 51px);
  width: auto;
  transition: transform .3s;
}
.especialidades__item:hover img { transform: translateY(-4px); }
.especialidades__item span {
  font-size: clamp(15px, 1vw + 10px, 18px);
  font-weight: 700;
  line-height: 1.2;
  color: #2c2c2c;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  .especialidades { padding: 70px 0; }
  .especialidades__titulo { font-size: 28px; }
  .especialidades__cab { margin-bottom: 40px; }
}
@media (max-width: 700px) {
  /* Um item por linha: ícone à esquerda, texto à direita */
  .especialidades { padding: 60px 0; }
  .especialidades__lista { grid-template-columns: 1fr; gap: 22px; max-width: 220px; }
  .especialidades__item {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 18px;
    padding: 0;
    max-width: 220px;
  }
  .especialidades__item img { height: 46px; flex: none; }
  .especialidades__item span { font-size: 20px; text-wrap: pretty; }
}