/* Estilo base de los ítems */
.list-group .list-group-item {
  border: 2px solid rgba(2,85,139,.2);
  border-radius: .5rem;
  margin-bottom: .5rem;
  background: #fff;
  color: var(--ink);
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover y foco */
.list-group .list-group-item:hover,
.list-group .list-group-item:focus {
  background-color: rgba(2,85,139,.06);
  border-color: rgba(2,85,139,.4);
  color: var(--brand);
  text-decoration: none;
}

/* Íconos al final */
.list-group .list-group-item i {
  font-size: 1rem;
  color: var(--brand);
  transition: transform .2s ease;
}

/* Animación sutil al hover */
.list-group .list-group-item:hover i {
  transform: translateX(3px);
  color: var(--accent);
}
