#tech-pass {
  background: transparent;
  overflow: hidden;
  padding: 10px 0;
}

.tech-track {
  display: flex;
  gap: 40px;
  width: max-content; /* necesario para medir el ancho real */
  animation: scroll 25s linear infinite; /* ajusta la velocidad */
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.3333%); } /* 3 bloques */
}

.tech-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 90px;
}

.tech-item i {
  font-size: 50px;
  color: #fff;
  filter: grayscale(100%);
  transition: filter 0.3s, color 0.3s;
}

.tech-item:hover i {
  filter: grayscale(0%);
  color: #1abc9c;
}

.tech-item span {
  margin-top: 8px;
  font-size: 0.9em;
  color: #fff;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.tech-item:hover span {
  opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .tech-item i { font-size: 40px; }
  .tech-item { min-width: 70px; }
}

@media (max-width: 480px) {
  .tech-item i { font-size: 35px; }
  .tech-item { min-width: 60px; }
}