.predictor-lista { touch-action: pan-y; }

.predictor-fila {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem 0;
  border-bottom: 1px solid var(--gris-200);
  background: var(--superficie);
  animation: fade-in-up .3s ease both;
  transition: background-color .3s ease;
}
.predictor-fila .puesto { width: 1.4rem; flex-shrink: 0; font-weight: 700; color: var(--gris-700); }
.nombre-equipo-predictor {
  flex: 1;
  min-width: 0;
  font-size: .85rem;
  display: flex;
  align-items: center;
  gap: .4rem;
}
.nombre-equipo-texto { flex: 1; min-width: 0; overflow-wrap: break-word; }

.mango-arrastre {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--gris-400);
  cursor: grab;
  touch-action: none;
  user-select: none;
  border-radius: 8px;
  transition: background-color .15s ease, color .15s ease;
}
.mango-arrastre:hover { color: var(--gris-700); background: var(--superficie-alta); }

.predictor-fila.arrastrando {
  cursor: grabbing;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
  border-radius: 10px;
  background: var(--superficie);
}
.predictor-fila.arrastrando .mango-arrastre { color: var(--verde); cursor: grabbing; }
.predictor-fila.recien-movido { animation: flash-resaltado .8s ease; }