.sedes-bar {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 16px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}

.sedes-bar .sede-card {
  flex: 0 0 auto;
  min-width: 120px;
  margin-bottom: 0;
  scroll-snap-align: start;
}

.sedes-bar .sede-card.active {
  border: 2px solid var(--primary);
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}

.view-recientes .contact-card,
.view-mas-usados .contact-card,
.view-frecuentes .contact-card {
  cursor: default;
}

.view-recientes .contact-card .contact-info,
.view-mas-usados .contact-card .contact-info,
.view-frecuentes .contact-card .contact-info {
  cursor: pointer;
}

.view-mis-personal {
  padding-bottom: 88px;
}